/* おにさんのたくらみ帖 — October 2026. */
.brand-lockup{display:flex;flex-direction:column;gap:7px}.brand-name{font-size:23px;letter-spacing:.035em}.brand-lockup small{font-size:11px;letter-spacing:.13em;font-weight:400}.brand img{object-fit:cover;object-position:50% 27%;width:52px;height:52px}.footer-brand img{object-fit:cover;object-position:50% 27%}.footer-brand{font-size:22px}nav.main{gap:24px;font-size:14px}.preview-note{font-size:13px}
.rf-home h1,.rf-home h2,.rf-home h3{font-family:var(--serif);border:0;padding:0;text-wrap:initial}.rf-home a{text-decoration:none}.rf-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:46px 0 74px;border-bottom:1px solid var(--line)}.rf-eyebrow{font-size:13px;letter-spacing:.16em;color:var(--orange-ink);margin:0 0 20px;font-weight:700}.rf-hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.55;letter-spacing:-.06em;margin:0 0 20px;white-space:nowrap}.rf-hero h1 span{position:relative;white-space:nowrap}.rf-hero h1 span::after{content:'';position:absolute;height:3px;background:var(--orange);bottom:0;left:0;width:100%;transform:rotate(-1deg)}.rf-concept{font-family:var(--serif);font-size:21px;margin:0 0 17px}.rf-lead{font-size:15px;line-height:2;max-width:35em}.rf-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.rf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 19px;background:var(--green);border:1px solid var(--green);color:#fff;font-weight:700;font-size:15px;min-height:50px}.rf-button:hover{background:#315247;color:#fff}.rf-button.rf-outline{background:transparent;color:var(--green)}.rf-button.rf-outline:hover{background:var(--green-3)}.rf-hero-art{margin:0;position:relative}.rf-hero-art img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;object-position:center;border-radius:48% 48% 2px 2px}.rf-hero-art figcaption{margin:19px 0 0;text-align:center;font-family:var(--serif);font-size:24px}.rf-hero-art figcaption>span{font-size:12px;border:1px solid var(--line);padding:4px 9px;vertical-align:middle;margin-right:12px}.rf-hero-art figcaption small{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.1em;color:var(--gray);margin-top:8px}
.rf-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 38px}.rf-section-head h2{font-size:clamp(27px,3vw,40px);line-height:1.6;margin:0}.rf-section-head .rf-eyebrow{margin-bottom:12px}.rf-section-head>a{font-size:14px;border-bottom:1px solid var(--line);padding:9px 0;flex-shrink:0}.rf-works,.rf-notes{padding:68px 0}.rf-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:46px;align-items:center}.rf-feature-art{position:relative;display:block;isolation:isolate;background:#e8dfcb}.rf-feature-art img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.rf-art-label{position:absolute;top:20px;left:24px;font:700 42px var(--serif);letter-spacing:.15em;background:#f5f0e4ed;padding:14px 18px}.rf-art-label small{display:block;font:12px var(--sans);letter-spacing:.08em;margin-top:10px}.rf-type{font-size:12px;letter-spacing:.08em;color:var(--orange-ink);margin:0 0 16px}.rf-home h3{font-size:29px;line-height:1.65;margin:0 0 18px}.rf-feature-copy>p:not(.rf-type),.rf-secondary>div>p:not(.rf-type){color:var(--gray);font-size:15px;max-width:29em}.rf-link{display:inline-flex;gap:24px;font-weight:700;padding:9px 0;border-bottom:1px solid var(--green);font-size:15px}.rf-secondary{display:grid;grid-template-columns:38% 1fr;gap:46px;align-items:center;padding:48px 0 0;margin-top:48px;border-top:1px solid var(--line)}.rf-book-art{background:#e9d4a4;color:var(--green);position:relative;display:block;padding:26px;min-height:265px;overflow:hidden}.rf-book-art>span{font-size:12px;letter-spacing:.13em}.rf-book-art strong{display:block;font:700 34px/1.45 var(--serif);margin-top:16px;position:relative;z-index:1}.rf-book-art img{position:absolute;right:4px;bottom:5px;width:57%}
.rf-notes{border-top:1px solid var(--line)}.rf-section-lead{color:var(--gray);font-size:15px;margin-top:-12px;margin-bottom:25px}.rf-note-list .ip-loglist{list-style:none;padding:0;margin:0}.rf-note-list li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.rf-note-list .ip-log-number{font:14px var(--mono);color:var(--orange-ink);padding-top:5px}.rf-note-list .ip-log-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--gray)}.rf-note-list time{font-family:var(--mono)}.rf-note-list h2{font-family:var(--sans);font-size:21px;margin:9px 0;line-height:1.6}.rf-note-list h2 a{color:var(--ink)}.rf-note-list .ip-log-summary{font-size:14px;margin:0 0 11px;color:var(--gray)}.rf-note-list .chips{display:none}.rf-note-list .ip-text-link{font-size:13px;color:var(--green)}
.rf-person{display:grid;grid-template-columns:34% 1fr;gap:55px;align-items:center;padding:45px 0 65px}.rf-person-art img{aspect-ratio:1.2;object-fit:cover;display:block;width:100%;border-radius:50%}.rf-person h2{font-size:34px;line-height:1.6;margin:0 0 18px}.rf-person p:not(.rf-eyebrow){font-size:15px;max-width:35em}.rf-person-links{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:14px}.rf-conversation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:25px}.rf-conversation>span{font-size:13px;color:var(--orange-ink)}.rf-conversation p{margin:0;flex:1;font-family:var(--serif);font-size:19px}.rf-conversation a{font-size:14px;font-weight:700}
.rf-project-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 0;padding:20px 0;border-top:1px solid var(--line);font-size:14px}.rf-project-facts dt{font-size:12px;color:var(--gray);margin-bottom:7px}.rf-project-facts dd{margin:0}.pp-hero-picture img[src$="portrait.png"],.pp-character-art img[src$="portrait.png"]{object-fit:contain}.jd-intro-art img{object-fit:contain}.jd-outro,.pp-ending{background:#e9e4d6}.rf-related{border-top:1px solid var(--line);padding:25px 0;margin:30px 0}.rf-related h2{margin:0 0 10px;font-size:23px}.rf-related p{font-size:15px}.rf-related a{font-weight:700}.rf-historical{font-size:13px;background:var(--paper-2);padding:12px 16px;color:var(--gray)}
@media(max-width:1100px){header.site .wrap{flex-wrap:wrap;gap:20px}nav.main{gap:24px}.rf-hero{gap:10px}.rf-hero h1{font-size:4.6vw}.rf-hero-art img{aspect-ratio:.9}.rf-feature{gap:28px}.rf-home h3{font-size:25px}.rf-conversation{flex-wrap:wrap}.rf-conversation p{min-width:60%}}
@media(width < 681px){header.site .wrap{padding-top:16px;padding-bottom:8px;gap:12px}.brand-name{font-size:20px}.brand-lockup{gap:5px}.brand-lockup small{font-size:10px}.brand img{width:43px;height:43px}.brand{gap:10px}nav.main{width:100%;justify-content:space-between;gap:8px;font-size:12px}nav.main a{min-height:44px;display:flex;align-items:center}nav.main a:last-child{padding-left:10px}.footer-brand{font-size:18px}.footer-top{flex-wrap:wrap}.rf-hero{grid-template-columns:1fr;padding:20px 0 35px;gap:27px}.rf-hero h1{font-size:clamp(30px,8.5vw,49px);line-height:1.6;letter-spacing:-.065em;margin-bottom:17px}.rf-eyebrow{font-size:12px;margin-bottom:14px}.rf-concept{font-size:18px}.rf-lead{font-size:14px}.rf-lead br{display:none}.rf-actions{gap:9px;margin-top:23px}.rf-button{font-size:13px;gap:12px;padding:12px 14px;flex:1;white-space:nowrap}.rf-hero-art{max-width:440px;width:100%;margin:0 auto}.rf-hero-art img{aspect-ratio:1.8;border-radius:36% 36% 0 0;object-position:50% 29%}.rf-hero-art figcaption{font-size:19px;margin-top:10px}.rf-hero-art figcaption small{display:inline;font-size:10px;margin-left:10px}.rf-hero-art figcaption>span{font-size:10px;padding:2px 6px;margin-right:6px}.rf-works,.rf-notes{padding:38px 0}.rf-section-head{display:block;margin-bottom:25px}.rf-section-head h2{font-size:29px}.rf-section-head>a{display:inline-block;margin-top:12px;font-size:13px}.rf-feature{grid-template-columns:1fr;gap:24px}.rf-art-label{top:12px;left:12px;font-size:32px;padding:10px 14px}.rf-art-label small{font-size:11px}.rf-home h3{font-size:25px;margin-bottom:14px}.rf-feature-copy>p:not(.rf-type),.rf-secondary>div>p:not(.rf-type){font-size:14px}.rf-secondary{grid-template-columns:1fr;gap:23px;padding-top:30px;margin-top:32px}.rf-book-art{min-height:236px}.rf-book-art img{width:53%;max-height:210px;object-fit:contain}.rf-book-art strong{font-size:33px}.rf-type{font-size:11px;margin-bottom:10px}.rf-link{font-size:14px}.rf-section-lead{font-size:14px;line-height:1.9;margin-top:0}.rf-section-lead br{display:none}.rf-note-list li{grid-template-columns:26px 1fr;gap:10px;padding:23px 0}.rf-note-list h2{font-size:18px;line-height:1.7}.rf-note-list .ip-log-meta{font-size:11px;gap:6px}.rf-note-list .ip-log-number{font-size:12px}.rf-note-list .ip-log-summary{font-size:13px}.rf-person{grid-template-columns:1fr;gap:25px;padding:10px 0 38px}.rf-person-art{max-width:260px;margin:auto}.rf-person h2{font-size:29px}.rf-person p:not(.rf-eyebrow){font-size:14px}.rf-person-links{font-size:13px}.rf-conversation{display:block;padding:23px 0}.rf-conversation p{font-size:20px;margin:10px 0 17px}.rf-project-facts{grid-template-columns:1fr;gap:14px;font-size:13px}.rf-project-facts>div{display:grid;grid-template-columns:8em 1fr;gap:10px}.rf-related h2{font-size:21px}.rf-related p{font-size:14px}}
/* Scene integrated after image handoff: copy stays selectable above the artwork. */
@media(min-width:681px){.rf-hero{display:block;position:relative;isolation:isolate;min-height:690px;padding:75px 0 95px;border-bottom:0}.rf-hero-copy{position:relative;z-index:2;width:56%;padding:26px 0}.rf-hero-art{position:absolute;inset:0 -48px;z-index:-1;max-width:none;width:auto}.rf-hero-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}.rf-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f0e4f0 0%,#f5f0e4d9 30%,#f5f0e455 48%,transparent 65%);pointer-events:none}.rf-hero-art figcaption{position:absolute;right:35px;bottom:15px;z-index:1;font-size:18px;background:#f5f0e4e8;padding:8px 14px}.rf-hero-art figcaption small{font-size:10px}.rf-person-art img{border-radius:0;aspect-ratio:1.3;object-fit:cover;object-position:left}.rf-hero h1{font-size:clamp(38px,4.4vw,64px)}}
@media(min-width:681px) and (width < 1001px){.rf-hero-copy{width:62%}.rf-hero{min-height:610px;padding-top:45px;padding-bottom:55px}.rf-hero-art img{object-position:62% center}.rf-hero-art::after{background:linear-gradient(90deg,#f5f0e4f0 0%,#f5f0e4dd 32%,#f5f0e488 49%,transparent 70%)}.rf-hero h1{font-size:4.6vw}.rf-lead br{display:none}}
@media(width < 681px){.rf-hero-art img{border-radius:0;aspect-ratio:1.5;object-position:right;object-fit:cover}.rf-person-art{max-width:100%}.rf-person-art img{border-radius:0;aspect-ratio:1.5;object-position:left}.rf-hero-art figcaption{font-size:17px}.rf-hero-art figcaption small{font-size:11px}}
.ip-article-head img[src$="jinya-scene.webp"]{object-fit:contain;width:100%;height:auto}.rf-article-entry{border-top:1px solid var(--line);padding:25px 0 10px;margin-top:20px}.rf-article-entry h2{font-size:25px;margin:0 0 12px;border:0;padding:0}.rf-article-entry p{font-size:15px}.st-check-heading img{object-fit:contain}
@media(min-width:681px) and (max-width:1100px){.rf-hero-art{left:-22px;right:-22px}}
@media(max-width:360px){.rf-actions{display:grid;grid-template-columns:1fr}.rf-button{width:100%;font-size:14px}.rf-hero h1{font-size:29px}nav.main{gap:5px;font-size:12px}nav.main a:last-child{padding-left:8px}.brand-name{font-size:19px}}

/* v12: readable copy and intact silver-PC scenes at each screen width. */
.rf-lead,.rf-feature-copy>p:not(.rf-type),.rf-secondary>div>p:not(.rf-type),
.rf-section-lead,.rf-person p:not(.rf-eyebrow),.rf-note-list .ip-log-summary{font-size:16px;line-height:1.95}
.brand-lockup small{font-size:13.5px;letter-spacing:.04em}
.rf-eyebrow,.rf-type,.rf-art-label small,.rf-note-list .ip-log-meta,
.rf-note-list .ip-text-link,.rf-hero-art figcaption small,.rf-hero-art figcaption>span,
.rf-project-facts dt,.ip-log-meta,.ip-article-head .meta,.ip-article-head .meta time,
.ip-eyebrow,.is-inner .crumbs{font-size:13.5px}
.rf-button.rf-outline{background:var(--paper)}
.rf-person-links a,.rf-section-head>a{min-height:44px;display:inline-flex;align-items:center}
.pp-about .pp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:36px;max-width:1280px;height:auto;min-height:0;max-height:none;padding:34px 48px 54px}
.pp-about .pp-hero-copy{grid-column:1;grid-row:1;width:auto;max-width:none;padding:0}
.pp-about .pp-hero h1{font-size:clamp(36px,4vw,52px)}
.pp-about .pp-hero-picture{grid-column:2;grid-row:1;position:relative;inset:auto;z-index:auto;height:auto;margin:0}
.pp-about .pp-hero-picture img{width:100%;height:auto;object-fit:contain}
.pp-about .pp-hero-picture::after{display:none}
.pp-about .pp-character-art{grid-template-columns:1fr;gap:12px}
.pp-about .pp-character-art img{height:auto;max-width:340px;margin:auto}
.pp-about .pp-character-art figcaption{margin:0;text-align:center;font-size:14px}
@media(min-width:681px) and (width < 1001px){
 .rf-hero{display:grid;grid-template-columns:1fr;min-height:0;padding:32px 0 44px;gap:30px}
 .rf-hero-copy{width:auto;padding:0;max-width:40em}
 .rf-hero h1{font-size:clamp(38px,5.5vw,54px)}
 .rf-lead{max-width:36em}
 .rf-hero-art{position:relative;inset:auto;z-index:auto;width:100%;max-width:520px;margin:auto}
 .rf-hero-art img{height:auto;aspect-ratio:1;object-fit:cover;object-position:100% 50%}
 .rf-hero-art::after{display:none}
 .rf-hero-art figcaption{position:static;background:none;margin:14px 0 0;padding:0}
}
@media(width < 1001px){
 .pp-about .pp-hero{grid-template-columns:1fr;gap:28px;padding:28px 32px 38px}
 .pp-about .pp-hero-picture{grid-column:1;grid-row:2;width:100%;max-width:700px;justify-self:center}
 .pp-about .pp-hero-copy{max-width:40em}
}
@media(width < 681px){
 .brand-name{font-size:20px;letter-spacing:0}
 .brand-lockup small{font-size:13.5px;letter-spacing:0}
 nav.main{font-size:13.5px;gap:4px}
 nav.main a{padding-left:0;padding-right:0}
 .rf-button{font-size:14px;gap:10px;padding:12px}
 .rf-hero-art figcaption small{display:block;margin:6px 0 0}
 .pp-about .pp-hero{padding:26px 22px 32px}
 .pp-about .pp-hero h1{font-size:clamp(33px,9vw,48px)}
}
@media(max-width:360px){
 .brand-name{font-size:18px}
 .brand img{width:38px;height:38px}
 nav.main{font-size:13px}
.pp-about .pp-hero{padding-left:18px;padding-right:18px}
}

/* v13: shared exhibition sizes, illustrated notes, and topic labels. */
.rf-work-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.rf-work-row>a{width:100%;aspect-ratio:16/9;min-height:0;margin:0;overflow:hidden}
.rf-work-row .rf-feature-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.rf-work-row .rf-book-art{padding:26px}
.rf-work-row .rf-book-art img{width:53%;height:82%;max-height:none;object-fit:contain;right:2%;bottom:0}
.rf-work-row .rf-book-art strong{font-size:clamp(28px,3vw,40px);margin-top:14px}
.rf-work-row .rf-art-label{font-size:clamp(28px,3vw,40px);top:18px;left:18px;padding:10px 15px}
.rf-work-row h3{font-size:clamp(23px,2.2vw,29px);line-height:1.75}
.rf-work-row>div>p{font-size:16px;line-height:1.95;color:var(--gray);max-width:31em}
.rf-work-row.rf-secondary{margin-top:36px;padding-top:36px}
.rf-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px;align-items:center}
.rf-tags>span{display:inline-block;padding:3px 11px;border:1px solid #bfcdbf;border-radius:999px;background:#e5ebe1;color:#294c3e;font:400 13px/1.6 var(--sans);letter-spacing:.02em}
.rf-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;margin:32px 0 0;padding:0}
.rf-note-card{display:flex;flex-direction:column;min-width:0;margin:0;border-bottom:1px solid var(--line)}
.rf-note-cover{display:block;aspect-ratio:16/9;background:#e9e2d4;overflow:hidden}
.rf-note-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.rf-note-cover:hover img{transform:scale(1.025)}
.rf-note-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:19px 0 17px}
.rf-note-date{display:flex;align-items:center;gap:12px;min-height:25px;margin-bottom:12px;color:var(--gray);font-size:13px}
.rf-note-date time{font-family:var(--mono);font-size:13px}
.rf-draft{font-size:12px;padding:1px 7px;border:1px solid #bba58a;color:#875031;border-radius:4px}
.rf-note-body .rf-tags{margin-bottom:12px}
.rf-note-grid h3{font-family:var(--sans);font-size:20px;line-height:1.75;margin:0 0 13px;letter-spacing:0}
.rf-note-grid h3 a{color:var(--ink)}
.rf-note-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.rf-note-body>p{font-size:15px;line-height:1.9;margin:0 0 19px;color:var(--gray)}
.rf-note-read{display:inline-flex;gap:18px;align-items:center;min-height:44px;margin-top:auto;font-size:14px;font-weight:700;color:var(--green)}
.rf-note-read:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:681px) and (width < 1001px){
 .rf-work-row{gap:28px}
 .rf-work-row .rf-book-art{padding:18px}
 .rf-work-row .rf-book-art strong{font-size:29px;margin-top:8px}
 .rf-work-row .rf-art-label{font-size:29px;padding:8px 12px;top:12px;left:12px}
 .rf-work-row .rf-art-label small{font-size:12px}
 .rf-note-grid{grid-template-columns:1fr;gap:25px}
 .rf-note-card{display:grid;grid-template-columns:32% minmax(0,1fr);gap:25px;padding-bottom:25px}
 .rf-note-body{padding:0}
}
@media(width < 681px){
 .rf-work-row{grid-template-columns:1fr;gap:22px}
 .rf-work-row .rf-book-art{padding:20px}
 .rf-work-row .rf-book-art strong{font-size:31px;margin-top:8px}
 .rf-work-row .rf-art-label{font-size:31px;padding:8px 12px;top:12px;left:12px}
 .rf-work-row .rf-art-label small{font-size:12px;margin-top:5px}
 .rf-work-row h3{font-size:25px}
 .rf-work-row h3 br{display:none}
 .rf-work-row.rf-secondary{padding-top:30px;margin-top:30px}
 .rf-note-grid{grid-template-columns:1fr;gap:30px;margin-top:26px}
 .rf-note-grid h3{font-size:20px}
 .rf-note-body{padding-top:16px}
 .rf-tags>span{font-size:13px}
}
@media(max-width:360px){
 .rf-work-row .rf-book-art{padding:15px}
 .rf-work-row .rf-book-art strong{font-size:27px}
 .rf-work-row h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.rf-note-cover img{transition:none}.rf-note-cover:hover img{transform:none}}

/* v14: mobile notes read as a journal; artwork remains unchanged. */
.rf-activity{font-size:16px;line-height:1.9;max-width:34em;margin:0 0 14px;font-weight:700;color:var(--green)}
.rf-hero-copy .rf-lead{margin-top:0}
.wk-project-list{padding:42px 0 50px}
.wk-project-list h2{font:700 clamp(25px,2.6vw,34px)/1.65 var(--serif);margin:0 0 17px}
@media(width < 681px){
 .rf-hero-art img{height:auto;aspect-ratio:1/1;object-fit:cover;object-position:100% 50%}
 .rf-activity br{display:none}
 .rf-actions{display:grid;grid-template-columns:1fr}
 .rf-button{justify-content:space-between}
 .rf-note-grid{gap:0}
 .rf-note-card{display:grid;grid-template-columns:30% minmax(0,1fr);gap:16px;padding:22px 0}
 .rf-note-card:first-child{padding-top:0}
 .rf-note-cover{margin-top:4px}
 .rf-note-body{padding:0;min-width:0}
 .rf-note-grid h3{font-size:18px;line-height:1.65;margin-bottom:6px}
 .rf-note-date{flex-wrap:wrap;gap:5px 8px;margin-bottom:8px}
 .rf-note-body .rf-tags{gap:5px;margin-bottom:8px}
 .rf-note-body .rf-tags>span{padding:2px 8px}
 .rf-note-body>p{display:none}
 .rf-note-read{font-size:13.5px}
 .wk-project-list{padding:28px 0 36px}
}

/* v17: adopted header A, with a short profile label and green contact button. */
.hp-header{background:var(--paper);color:var(--green);border-bottom:1px solid #cabda4}
.hp-header *{box-sizing:border-box}
.hp-inner{max-width:1280px;padding:23px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hp-header a{color:inherit;text-decoration:none}
.hp-header a:focus-visible{outline:3px solid var(--orange-ink);outline-offset:4px}
.hp-logo{display:inline-flex;gap:13px;align-items:center;flex-shrink:0;font:700 23px/1.3 var(--serif);letter-spacing:.015em}
.hp-logo img{display:block;width:52px;height:52px;object-fit:contain}
.hp-title{display:inline;margin-left:2px}
.hp-nav{display:flex;gap:25px;align-items:center}
.hp-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;font:700 14px/1.5 var(--sans);white-space:nowrap}
.hp-nav a:hover,.hp-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.hp-nav a[href="/contact"]{background:var(--green);color:#fff;border:1px solid var(--green);padding:10px 17px;gap:14px;border-radius:4px}
.hp-nav a[href="/contact"]:hover{background:#315247;border-color:#315247;color:#fff}
.hp-nav a[href="/contact"][aria-current="page"]{text-underline-offset:5px}
@media(width < 1001px){
 .hp-inner{padding:17px 24px 14px;flex-wrap:wrap;gap:12px}
 .hp-nav{width:100%;justify-content:space-between;gap:10px;border-top:1px solid #d4c9b7;padding-top:10px}
 .hp-nav a[href="/contact"]{padding:8px 13px}
}
@media(width < 681px){
 .hp-inner{padding:14px 18px 10px;gap:12px}
 .hp-logo{font-size:21px;gap:10px}
 .hp-logo img{width:42px;height:42px}
 .hp-nav{gap:7px;padding-top:7px}
 .hp-nav a{font-size:13px}
 .hp-nav a[href="/contact"]{padding:8px 9px;gap:5px}
}
@media(width < 361px){
 .hp-logo{font-size:18px}
 .hp-logo img{width:38px;height:38px}
 .hp-nav{gap:4px}
 .hp-nav a{font-size:12px}
 .hp-nav a[href="/contact"]{padding:7px}
}