:root{--paper:#f7f5f0;--ink:#292a26;--muted:#77766f;--accent:#aa9882;--line:#d9d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:100;background:white;padding:10px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:var(--paper);position:relative;z-index:20}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-main{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-2px;font-weight:500}.brand-dot{color:#b19a7c}.brand-sub{font-size:8px;letter-spacing:3.2px;margin-top:7px;font-weight:600}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.06em}.site-header nav a:not(.nav-cta):hover,.text-link:hover{color:#a88c69}.nav-cta{padding:14px 18px;border:1px solid var(--ink)}.nav-cta span,.button span,.text-link span{margin-left:28px}.menu-toggle{display:none}.hero{height:min(760px,calc(100svh - 90px));min-height:540px;position:relative;overflow:hidden;background:#655c50;color:white}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=85') center 53%/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(22,22,20,.62) 0%,rgba(22,22,20,.27) 62%,rgba(22,22,20,.1) 100%)}.hero-content{position:absolute;top:50%;left:9%;transform:translateY(-50%);max-width:760px}.eyebrow,.section-marker{font-size:10px;letter-spacing:2.5px;font-weight:600}.light{color:#f1e8db}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(65px,9vw,135px);font-weight:300;line-height:1.05;letter-spacing:-6px;margin:30px 0 22px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:17px;line-height:1.7;font-weight:300;max-width:420px}.button{display:inline-flex;justify-content:space-between;gap:18px;align-items:center;font-size:12px;letter-spacing:.08em;padding:19px 22px;margin-top:28px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--paper);color:var(--ink)}.hero-index{position:absolute;bottom:34px;right:5.5%;font-size:10px;letter-spacing:1.8px}.hero-index span{margin-left:25px}.section-pad{padding:115px 9%}.section-marker{display:flex;align-items:center;gap:15px;color:#8b8173}.line{width:28px;height:1px;background:#a6957f}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:13%;align-items:end;margin-top:60px}.intro h2,.section-heading h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(42px,5.2vw,78px);line-height:1.16;font-weight:300;letter-spacing:-3px;margin:0}.intro-text{max-width:390px}.intro-text p,.section-heading p,.contact-grid p{font-size:15px;line-height:1.9;color:#696962}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:9px;margin-top:20px}.statement-photo{height:560px;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=85') center/cover no-repeat;position:relative}.statement-caption{position:absolute;bottom:28px;right:5%;color:white;letter-spacing:3px;font-size:10px;text-shadow:0 1px 8px #333}.services{background:#eae6df}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0 65px}.section-heading p{max-width:285px}.service{border-top:1px solid #c9c4ba;display:grid;grid-template-columns:70px 1fr 30px;gap:20px;padding:28px 0;align-items:start}.service:last-of-type{border-bottom:1px solid #c9c4ba}.service-number{font-size:12px;color:#8b8173}.service h3{font-family:Manrope,sans-serif;font-size:clamp(23px,3vw,39px);font-weight:400;letter-spacing:-1px;margin:0 0 8px}.service p{font-size:14px;line-height:1.7;color:#77736d;margin:0;max-width:580px}.service-arrow{font-size:24px;font-weight:300}.services-note,.portfolio-disclaimer{font-size:11px;color:#77736d;line-height:1.7;margin-top:30px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.project-large{grid-row:span 2}.project-image{background-position:center;background-size:cover;min-height:310px;transition:filter .25s}.project-image:hover{filter:brightness(.9)}.project-large .project-image{height:745px}.img-one{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1300&q=85')}.img-two{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=85')}.img-three{background-image:url('https://images.unsplash.com/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=1000&q=85')}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0 5px}.project-meta h3{font-size:17px;font-weight:400;margin:0}.project-meta span{font-size:9px;letter-spacing:1px;color:#89837b;text-align:right}.contact{background:#d9d0c3}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;margin-top:65px}.contact h2{margin:12px 0 25px}.contact-side{padding-top:40px}.button-dark{background:var(--ink);color:white}.contact-details{margin-top:55px;display:grid;gap:26px}.contact-details span{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px;color:#77736d}.contact-details a,.contact-details p{font-size:14px;margin:0;color:var(--ink)}footer{padding:48px 9%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>span,footer>a:last-child{font-size:11px;color:#77736d}footer .brand-main{font-size:25px}footer .brand-sub{font-size:7px}@media(max-width:800px){.site-header{height:75px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:12px;cursor:pointer}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px 6% 35px;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 15px 30px #0001}.site-header nav.open{display:flex}.nav-cta{align-self:flex-start}.hero{min-height:580px;height:calc(90svh - 75px)}.hero-content{left:7%;right:6%}.hero h1{font-size:clamp(55px,12vw,90px);letter-spacing:-3px}.hero-index span{display:none}.section-pad{padding:78px 7%}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.intro-grid{margin-top:40px}.intro-text{max-width:550px}.statement-photo{height:360px}.section-heading{display:block;margin:35px 0}.section-heading p{max-width:500px}.portfolio-grid{gap:22px}.project-large .project-image{height:600px}.project-image{min-height:250px}.project-meta{display:block}.project-meta span{display:block;text-align:left;margin-top:7px}.contact-side{padding-top:0}footer{padding:35px 7%;flex-wrap:wrap}footer p{display:none}}@media(max-width:540px){.hero h1{font-size:57px}.eyebrow{line-height:1.8}.hero-copy{font-size:15px}.intro h2,.section-heading h2,.contact h2{font-size:43px;letter-spacing:-2px}.service{grid-template-columns:28px 1fr 20px;gap:10px}.service h3{font-size:25px}.portfolio-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-image{height:430px}.project-image{height:350px}.contact-grid{margin-top:40px}footer{display:grid;grid-template-columns:1fr 1fr}footer>span{grid-column:1/-1;grid-row:2}footer>a:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* CRP Design Studio brand refresh — forest green, muted gold and sand */
:root{--paper:#f6f0e6;--ink:#103b2d;--muted:#716b5f;--accent:#b99a62;--line:#d8c9b2;--forest:#063b2b;--sand:#e9ddcb;--gold:#b99a62}
body{background:var(--paper);color:var(--ink)}
.site-header{background:var(--forest);height:104px;border-bottom:1px solid rgba(185,154,98,.35)}
.brand{display:inline-flex;align-items:center;justify-content:center;line-height:normal;flex-shrink:0}
.brand-logo{display:block;width:180px;height:92px;object-fit:contain;object-position:center}
.site-header nav{color:#f6f0e6}
.site-header nav a:not(.nav-cta):hover{color:#d4b577}
.nav-cta{border-color:var(--gold);color:#f6f0e6}
.nav-cta:hover{background:var(--gold);color:var(--forest)}
.hero{background:var(--forest);height:min(760px,calc(100svh - 104px))}
.hero-shade{background:linear-gradient(90deg,rgba(4,38,27,.83),rgba(4,38,27,.39) 62%,rgba(4,38,27,.12))}
.hero .eyebrow{color:#e4c58e}
.button-light{background:var(--sand);color:var(--forest)}
.button-light:hover{background:#e8cf9e}
.section-marker,.service-number{color:#9c7e49}
.line{background:var(--gold)}
.intro{background:var(--paper)}
.intro-text p,.section-heading p,.contact-grid p{color:#5d6559}
.text-link{border-color:var(--gold)}
.services{background:var(--sand)}
.service{border-top-color:#c6b597}.service:last-of-type{border-bottom-color:#c6b597}
.service-arrow{color:#a4844e}
.service p,.services-note,.portfolio-disclaimer{color:#696b5f}
.portfolio{background:#faf7f1}
.project-meta span{color:#89754f}
.contact{background:var(--forest);color:#f7f0e4}
.contact .section-marker,.contact .eyebrow{color:#d4b577}
.contact .line{background:#d4b577}
.contact-grid p{color:#dfd7c8}
.button-dark{background:var(--gold);color:#082f23}
.button-dark:hover{background:#d9bd89}
.contact-details span{color:#d4b577}
.contact-details a,.contact-details p{color:#f7f0e4}
footer{background:#e9ddcb;border-top:1px solid #d1bc9d}
.footer-brand{background:var(--forest);padding:0 12px}
.footer-brand .brand-logo{width:135px;height:75px}
footer p,footer>span,footer>a:last-child{color:#586657}
@media(max-width:800px){.site-header{height:84px}.brand-logo{width:150px;height:78px}.menu-toggle span{background:#f6f0e6}.site-header nav{top:84px;background:var(--forest);box-shadow:0 15px 30px #0003}.hero{height:calc(90svh - 84px)}}

/* Updated identity: forest green + muted gold + clean white, no beige/sand surfaces */
:root{--paper:#ffffff;--ink:#073b2b;--muted:#52665d;--accent:#b99a62;--line:#d8e0dc;--forest:#063b2b;--sand:#ffffff;--gold:#b99a62}
body,.intro,.portfolio{background:#ffffff;color:var(--ink)}
.site-header{background:#ffffff;border-bottom:1px solid #e3e9e5;height:100px}
.site-header nav{color:var(--forest)}
.site-header nav a:not(.nav-cta):hover{color:#a58349}
.nav-cta{color:var(--forest);border-color:var(--gold)}
.nav-cta:hover{background:var(--forest);color:#ffffff}
.brand-logo{width:245px;height:80px;object-fit:contain}
.hero-shade{background:linear-gradient(90deg,rgba(4,38,27,.85),rgba(4,38,27,.40) 62%,rgba(4,38,27,.12))}
.hero .eyebrow{color:#f3e5c8}
.button-light{background:#ffffff;color:var(--forest)}
.button-light:hover{background:#f0f4f1}
.services{background:#f2f6f3}
.service{border-top-color:#d7e2db}.service:last-of-type{border-bottom-color:#d7e2db}
.contact{background:var(--forest);color:#ffffff}
.contact-grid p{color:#e2ece6}
.contact-details a,.contact-details p{color:#ffffff}
footer{background:#ffffff;border-top:1px solid #dfe8e2}
.footer-brand{background:transparent;padding:0}
.footer-brand .brand-logo{width:190px;height:68px}
footer p,footer>span,footer>a:last-child{color:#52665d}
@media(max-width:800px){.site-header{height:84px}.brand-logo{width:190px;height:65px}.menu-toggle span{background:var(--forest)}.site-header nav{top:84px;background:#ffffff;box-shadow:0 15px 30px #0002}.hero{height:calc(90svh - 84px)}}

/* Personalized Home: refined living room / forest green, gold and white */
.hero-photo{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=85');background-position:center 55%}
.hero-content{max-width:920px}
.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6.1vw,94px);letter-spacing:-2.6px;line-height:1.12;font-weight:400;text-wrap:balance}
.hero h1 em{font-weight:400;color:#f6f3e9}
.hero-copy{max-width:470px}
.hero-secondary-link{display:inline-block;margin-left:25px;font-size:12px;letter-spacing:.07em;border-bottom:1px solid #c6a569;padding-bottom:7px;color:white}
.hero .eyebrow{color:#e6c586}
.hero-index{color:#e5c78f}
@media(max-width:800px){.hero h1{font-size:clamp(45px,8vw,72px);letter-spacing:-1.7px}.hero-content{max-width:90%}}
@media(max-width:540px){.hero h1{font-size:clamp(40px,10vw,57px)}.hero-secondary-link{display:block;margin:20px 0 0;width:max-content}.hero-content{left:7%;right:7%}}

/* Founders presentation */
.founders{background:#fff}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}
.founder-photo{height:410px;background:linear-gradient(145deg,#eaf0eb,#d8e4dc);border:1px solid #dce5df;display:flex;align-items:center;justify-content:center;color:#527164;font-size:11px;letter-spacing:2px}
.founder-info{padding:26px 0 10px}
.founder-info h3{font:400 clamp(29px,3vw,44px) Georgia,serif;color:#063b2b;margin:0 0 12px}
.founder-role{color:#a18047;font-size:10px;letter-spacing:1.5px;font-weight:600;line-height:1.8}
.founder-info>p:last-child{font-size:14px;line-height:1.85;color:#52665d;max-width:550px}
.founders-disclaimer{font-size:11px;line-height:1.7;color:#63786b;margin-top:32px}
@media(max-width:700px){.founders-grid{grid-template-columns:1fr;gap:30px}.founder-photo{height:350px}}

/* Founder-only presentation and warm beige identity */
:root{--paper:#f3ede3;--sand:#f3ede3;--line:#d9cdbb}
body,.intro,.portfolio,.founders,.site-header,footer{background:#f3ede3}
.site-header{border-bottom-color:#dfd2bf}
.services{background:#eae0d2}
footer{border-top-color:#d9cdbb}
.founders-grid-single{grid-template-columns:minmax(0,1fr);max-width:1040px}
.founders-grid-single .founder-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:55px;align-items:center}
.founders-grid-single .founder-photo{height:auto;aspect-ratio:4/5;background:#e3d3bd;overflow:hidden;border:0}
.founders-grid-single .founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.founders-grid-single .founder-info{padding:0}
@media(max-width:700px){.founders-grid-single .founder-card{grid-template-columns:1fr;gap:22px}.founders-grid-single .founder-photo{max-height:540px}}


/* Cinematic home: lightweight local video + editorial staggered typography */
html{scroll-behavior:smooth;scroll-padding-top:110px}
.hero{isolation:isolate;overflow:hidden}
.hero-photo{z-index:-3;animation:hero-still 12s ease-in-out infinite alternate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:saturate(.92)}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,38,27,.88),rgba(4,38,27,.52) 58%,rgba(4,38,27,.18))}
.hero-content,.hero-index{z-index:1}
.hero-title-line{display:block;opacity:0;transform:translateY(34px);animation:hero-text-in 1.3s cubic-bezier(.2,.75,.25,1) .48s both}
.hero-title-second{animation-delay:.85s}
.hero .eyebrow{animation:hero-text-in .95s ease .15s both}
.hero-copy{animation:hero-text-in 1.1s ease 1.28s both}
.hero-content .button,.hero-secondary-link{animation:hero-text-in 1s ease 1.65s both}
.hero-index{animation:hero-text-in 1s ease 2s both}
@keyframes hero-text-in{from{opacity:0;transform:translateY(34px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-still{from{transform:scale(1)}to{transform:scale(1.05)}}
/* Softer scrolling without wheel hijacking; links retain native behavior */
.section-pad,.statement-photo{scroll-margin-top:105px}
@media(max-width:800px){html{scroll-padding-top:90px}.hero-video{object-position:60% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.hero-photo{animation:none}.hero-title-line,.hero .eyebrow,.hero-copy,.hero-content .button,.hero-secondary-link,.hero-index{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}

/* Professional experience — editorial two-column section */
.experience{background:#f3ede3;color:#073829}
.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,7vw,120px);align-items:end;margin:34px 0 48px}
.experience-intro h2{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:15px 0 0}
.experience-intro h2 em,.experience-card h3 em{font-weight:400}
.experience-intro>p{max-width:530px;line-height:1.85;font-size:1.05rem;color:#43594d}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.experience-card{background:#eae0d2;padding:clamp(24px,3.3vw,55px);border-top:2px solid #b99a62;display:flex;flex-direction:column;min-height:365px}
.experience-top{display:flex;align-items:center;gap:20px;margin-bottom:36px}
.experience-place,.experience-tag{font-size:.69rem;letter-spacing:.18em;font-weight:600;color:#6b5b3c}
.experience-rule{height:1px;background:#c8b696;flex:1}
.experience-card h3{font-family:Georgia,serif;font-size:clamp(1.8rem,2.8vw,3rem);font-weight:400;line-height:1.14;margin:0 0 22px}
.experience-card>p{font-size:.98rem;line-height:1.85;color:#43594d;margin:0 0 30px}
.experience-tag{margin-top:auto;line-height:1.7}
.experience-footnote{font-size:.78rem;line-height:1.7;color:#5c6c62;max-width:850px;margin:22px 0 0}
@media(max-width:760px){.experience-intro,.experience-grid{grid-template-columns:1fr}.experience-intro{gap:16px}.experience-card{min-height:0}.experience-top{margin-bottom:24px}}

/* Cinematic scroll storytelling — progressive enhancement, no wheel hijacking */
html {scroll-behavior:smooth;scroll-padding-top:110px}
body {overflow-x:hidden}
@media(prefers-reduced-motion:no-preference){
  .js-cinematic .cinematic-reveal{opacity:0;transform:translate3d(0,44px,0) scale(.985);filter:blur(7px);transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1),filter 1s ease;transition-delay:var(--reveal-delay,0ms)}
  .js-cinematic .cinematic-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  .js-cinematic .cinematic-image{overflow:hidden}
  .js-cinematic .cinematic-image img{transition:transform 1.5s cubic-bezier(.22,1,.36,1)}
  .js-cinematic .cinematic-image:hover img{transform:scale(1.035)}
  .service{transition:background-color .45s ease,padding-left .55s cubic-bezier(.22,1,.36,1)}
  .service:hover{padding-left:14px;background-color:rgba(185,154,98,.075)}
  .project-image{transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter .9s ease}
  .project:hover .project-image{transform:scale(1.025);filter:saturate(1.05)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .cinematic-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* Language selector and refined contact invitation */
.site-header{gap:clamp(8px,1.4vw,22px)}
.language-switch{display:flex;gap:3px;align-items:center;border:1px solid #c7b79e;border-radius:100px;padding:4px;flex-shrink:0;margin-left:auto;background:#f3ede3;position:relative;z-index:10}
.language-switch button{font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.07em;color:#063b2b;background:transparent;border:0;border-radius:100px;padding:10px 11px;cursor:pointer;transition:background .25s,color .25s}
.language-switch button.active,.language-switch button[aria-pressed="true"]{background:#063b2b;color:#f3ede3}
.language-switch button:focus-visible{outline:2px solid #b99a62;outline-offset:2px}
.contact-invitation{font-size:clamp(16px,1.4vw,20px)!important;line-height:1.8!important;max-width:630px;margin:26px 0 0;color:#f3ede3!important}
@media(max-width:1050px){.site-header nav{gap:12px}.language-switch button{padding:9px 8px}}
@media(max-width:800px){.language-switch{margin-left:auto;margin-right:12px}.language-switch button{padding:9px 10px}}
@media(max-width:380px){.language-switch{margin-right:4px;gap:0}.language-switch button{padding:8px 7px}}

/* Language controls beside the project CTA */
.site-header nav .language-switch{margin-left:0;flex-shrink:0}
.site-header nav{gap:clamp(9px,1.4vw,24px)}
.site-header nav .nav-cta{white-space:nowrap}
@media(max-width:1200px) and (min-width:801px){
  .site-header{padding-left:3%;padding-right:3%}
  .site-header nav{gap:10px;font-size:11px}
  .site-header nav .nav-cta{padding:12px 10px}
  .site-header nav .nav-cta span{margin-left:5px}
  .site-header nav .language-switch button{padding:8px 7px}
  .brand-logo{max-width:165px;height:auto}
}
@media(max-width:800px){
  .site-header nav .language-switch{margin:0;align-self:flex-start}
  .site-header nav .nav-cta{align-self:flex-start}
}

/* Flag + language code in header */
.language-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.language-switch .language-flag{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:15px;line-height:1;letter-spacing:0}
.language-switch .language-code{font-size:10px;letter-spacing:.045em}
@media(max-width:1200px) and (min-width:801px){.site-header nav .language-switch button{gap:3px;padding:8px 5px}.language-switch .language-flag{font-size:13px}}
@media(max-width:380px){.language-switch button{gap:3px}}

/* Compact flags-only language selector */
.site-header nav .language-switch{gap:1px;padding:2px 3px;border-radius:999px}
.site-header nav .language-switch button{padding:6px 6px;min-width:29px;min-height:29px;gap:0}
.site-header nav .language-switch .language-flag{font-size:16px;line-height:1}
.site-header nav .language-switch .language-code{display:none}
@media(max-width:800px){.site-header nav .language-switch{margin-top:8px}}

.site-header nav .language-switch{padding:3px 5px;gap:2px}
.site-header nav .language-switch button{padding:5px 6px;min-width:31px;min-height:27px}
.language-switch .flag-image{width:22px;height:15px;object-fit:cover;display:block;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.15)}
.hero-content .hero-secondary-link{display:inline-flex;align-items:center;margin-top:25px}

/* Hero refinement: lift both lower captions to one horizontal reading line. */
@media (min-width:801px){
  .hero-content{top:45%;}
  .hero-content .hero-secondary-link{margin-top:14px;}
  .hero-index{bottom:106px;}
}
@media (max-width:800px){
  .hero-content{top:46%;}
  .hero-content .hero-secondary-link{margin-top:15px;}
  .hero-index{bottom:65px;}
}
@media (max-width:540px){
  .hero-content{top:44%;}
  .hero-index{bottom:32px;}
}

/* Home layout: project CTA higher; index on the same horizontal line as the top eyebrow. */
@media (min-width:801px){
  .hero-content .hero-secondary-link{position:relative;top:-42px;}
  .hero-index{top:98px;bottom:auto;right:5.5%;white-space:nowrap;}
}
@media (max-width:800px){
  .hero-content .hero-secondary-link{position:relative;top:-25px;}
  .hero-index{top:72px;bottom:auto;right:6%;}
}
@media (max-width:540px){
  .hero-index{top:auto;bottom:30px;}
}

/* 20 Oct: match the reference annotations precisely. */
@media (min-width:801px){
  .hero-index{top:48px!important;bottom:auto!important;right:5.5%;display:flex;align-items:center;gap:28px;line-height:1.2;}
  .hero-index span{margin-left:0;}
  .hero-content .hero-secondary-link{
    position:relative;top:-34px;display:inline-flex;align-items:center;
    margin:13px 0 0!important;padding:13px 21px;
    background:rgba(5,28,21,.76);border:1px solid rgba(207,180,125,.5);
    border-radius:2px;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    font-size:13px;letter-spacing:.035em;text-decoration:none;
  }
  .hero-content .hero-secondary-link:hover{background:rgba(5,40,29,.94);border-color:#d5b77e;}
}
@media (max-width:800px){
  .hero-content .hero-secondary-link{background:rgba(5,28,21,.78);border:1px solid rgba(207,180,125,.5);padding:12px 16px;border-radius:2px;backdrop-filter:blur(5px);}
  .hero-index{top:40px;bottom:auto;}
}
@media (max-width:540px){.hero-index{top:auto;bottom:24px;}}

/* Center project CTA in the clear vertical gap between intro paragraph and video step 01. */
@media (min-width:801px){
  .hero-content .hero-secondary-link{top:-10px!important;}
}
@media (min-width:541px) and (max-width:800px){
  .hero-content .hero-secondary-link{top:-8px!important;}
}

/* Minimalist centered hero, clean footage without embedded captions */
.hero{isolation:isolate}
.hero-video{z-index:-2;object-fit:cover;object-position:center 42%}
.hero-content{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(1120px,90%)!important;max-width:none!important;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-content .eyebrow,.hero-content h1,.hero-content .hero-copy{text-align:center}
.hero-content h1{width:100%}
.hero-content .hero-copy{max-width:610px;margin:0 auto 26px}
.hero-content .hero-secondary-link{position:static!important;top:auto!important;margin:0!important;align-self:center}
.hero-index{display:none!important}
.hero-shade{background:linear-gradient(90deg,rgba(4,28,21,.55),rgba(4,28,21,.49),rgba(4,28,21,.55))}
@media(max-width:800px){.hero-content{width:90%!important}.hero h1{font-size:clamp(42px,8vw,80px)}}
@media(max-width:540px){.hero-content{width:90%!important}.hero h1{font-size:clamp(38px,10vw,57px);line-height:1.1}.hero-content .hero-copy{margin-bottom:20px}}

/* Contact: original two-column layout with top edges aligned. */
@media (min-width:801px){
 .contact .contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:9%;align-items:start;text-align:left}
 .contact .contact-grid>div:first-child,.contact .contact-side{align-self:start}
 .contact .contact-side{padding-top:0!important;margin-top:0!important;text-align:left}
 .contact .contact-side .button{margin-top:0}
 .contact .contact-details{text-align:left}
}
@media (max-width:800px){.contact .contact-grid{grid-template-columns:1fr;text-align:left}.contact .contact-side{padding-top:0;text-align:left}}

/* Precise visual alignment: right CTA top matches left eyebrow top (desktop).
   The eyebrow's glyphs start below its line box; use a measured 29px offset. */
@media (min-width:801px){
  #contact .contact-grid{align-items:start!important;}
  #contact .contact-side{padding-top:29px!important;margin-top:0!important;}
  #contact .contact-side .button{margin-top:0!important;}
}
@media (max-width:800px){#contact .contact-side{padding-top:0!important;}}

/* Contact alignment based on annotated screenshot: vertically center both
   complete columns, not the top of the button against the eyebrow. */
@media (min-width:801px){
  #contact .contact-grid{align-items:center!important;}
  #contact .contact-grid>div:first-child,
  #contact .contact-grid>.contact-side{align-self:center!important;}
  #contact .contact-side{padding-top:0!important;margin-top:0!important;}
}

/* 2026: full-bleed cinematic crossfade gallery */
.statement-photo{position:relative;isolation:isolate;overflow:hidden;background:#554b40;height:clamp(430px,66vw,750px)}
.statement-slides,.statement-slide{position:absolute;inset:0;width:100%;height:100%}
.statement-slide{object-fit:cover;object-position:center 52%;opacity:0;transition:opacity 2s ease-in-out;transform:scale(1.015)}
.statement-slide.is-active{opacity:1}
.statement-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.36));pointer-events:none}
.statement-caption{z-index:2;font-size:clamp(11px,1.1vw,15px);letter-spacing:.26em;bottom:43px;right:7%}
.statement-progress{position:absolute;bottom:26px;left:7%;right:7%;height:1px;background:#ffffff65;z-index:2}
.statement-progress span{display:block;height:100%;width:0;background:#fff;animation:statement-fill 6s linear infinite}
@keyframes statement-fill{to{width:100%}}
@media(prefers-reduced-motion:reduce){.statement-slide{transition:none}.statement-progress span{animation:none;width:100%}}
/* Editorial seven-image inspiration portfolio */
.inspiration-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-top:1px solid #bcb2a2;padding:22px 0 40px}
.inspiration-intro p{font-size:15px;line-height:1.8;max-width:660px;margin:0;color:#5d5e54}
.inspiration-intro span{white-space:nowrap;font-size:10px;letter-spacing:.16em;color:#897c6b}
.inspiration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 35px}
.inspiration-card{min-width:0}
.inspiration-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.inspiration-media{position:relative;overflow:hidden;background:#ded7ca}
.inspiration-media img{display:block;width:100%;height:clamp(350px,43vw,620px);object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.inspiration-card:first-child .inspiration-media img{height:650px}
.inspiration-card:hover .inspiration-media img{transform:scale(1.035)}
.inspiration-index{position:absolute;top:20px;left:20px;padding:10px 13px;background:#f3ede3ed;font-size:10px;letter-spacing:.13em}
.inspiration-details{padding:18px 0 0}
.inspiration-tag{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#7b7567;margin:0 0 16px}
.inspiration-details h3{font:400 clamp(29px,3.4vw,51px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 10px}
.inspiration-style{font:italic 20px Georgia,serif;color:#8e806d;margin:0 0 18px}
.inspiration-description{font-size:14px;line-height:1.85;color:#5d5e54;margin:0 0 25px;max-width:600px}
.inspiration-details dl{border-top:1px solid #d6cdbf;margin:0}
.inspiration-details dl>div{display:grid;grid-template-columns:130px 1fr;gap:18px;border-bottom:1px solid #d6cdbf;padding:13px 0}
.inspiration-details dt{font-size:10px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#8d7b66}
.inspiration-details dd{margin:0;font-size:12px;line-height:1.7;color:#4f5048}
@media(max-width:800px){.inspiration-card:first-child{display:block}.inspiration-card:first-child .inspiration-media img{height:500px}.inspiration-grid{gap:45px 24px}}
@media(max-width:600px){.statement-photo{height:430px}.inspiration-grid{grid-template-columns:1fr}.inspiration-card:first-child{grid-column:auto}.inspiration-card:first-child .inspiration-media img,.inspiration-media img{height:430px}.inspiration-intro{display:block}.inspiration-intro span{display:block;margin-top:18px}.inspiration-details dl>div{grid-template-columns:105px 1fr;gap:10px}.inspiration-details h3{font-size:36px}}