/* Studio Arde reference: oversized background typography, floating photographs,
   offset editorial copy and a spacious solo-designer biography. */
.home .header{color:var(--ink);border-bottom-color:#17191620}.home .brand small{color:var(--muted)}.home .brand-mark span{color:#638417}.home .header nav a:hover{color:#617e30}.home .contact-nav{border-color:#a3ab97}.header nav{gap:25px}
.hero.hero-editorial{min-height:780px;height:100svh;max-height:1300px;background:#f4f1ec;color:var(--ink)}.hero-editorial .helix-wrap{left:0;right:0;top:104px;bottom:90px}.hero-topline{position:absolute;top:135px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:25px;z-index:5;font-size:11px;letter-spacing:.08em;pointer-events:none}.hero-topline a{pointer-events:auto}.hero-identity{position:absolute;top:45%;left:0;right:0;transform:translate3d(0,-50%,0);z-index:40;isolation:isolate;text-align:center;pointer-events:none;text-shadow:0 1px 0 #f4f1ec,0 0 18px rgba(244,241,236,.98),0 0 44px rgba(244,241,236,.75)}.hero-identity::before{content:'';position:absolute;left:50%;top:50%;width:min(1500px,118%);height:150%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:var(--roll,0);background:radial-gradient(54% 48% at 50% 50%,rgba(244,241,236,.88) 0%,rgba(244,241,236,.64) 44%,rgba(244,241,236,0) 76%)}.hero .hero-identity h1{font-size:clamp(80px,12.4vw,230px);font-weight:400;letter-spacing:-.075em;line-height:.93;margin:0;white-space:nowrap;color:#242723}.hero-identity>p{font-size:clamp(22px,3vw,50px);letter-spacing:-.04em;line-height:1.2;margin-top:28px;color:#40453c}.hero-editorial .hero-bottom{color:#52584c;border-color:#17191625}.hero-editorial .helix-controls{left:var(--gutter);right:var(--gutter);bottom:18px;color:#4d5347;z-index:5}.hero-editorial .helix-hint{bottom:65px}.hero-static{position:absolute;left:38%;top:25%;width:24%;z-index:2}.hero-static img{aspect-ratio:3/4;object-fit:cover}
.editorial-underline{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}.arde-intro{padding:120px var(--gutter) 160px;display:grid;grid-template-columns:1fr 2.2fr;gap:60px}.arde-intro>.eyebrow{margin-top:8px}.arde-intro-copy{max-width:1020px;justify-self:end}.arde-intro h2{font-size:clamp(36px,4.4vw,76px);line-height:1.1;letter-spacing:-.055em;margin-bottom:55px}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:18px;line-height:1.55;max-width:870px}.arde-intro-copy>.text-link{margin-top:35px}.arde-intro+#selected{padding-top:60px;border-top:1px solid var(--line)}
.ai-feature{position:relative;isolation:isolate;background:#171b16;color:#f2f3ef;display:grid;grid-template-columns:1.25fr 1fr;min-height:640px;overflow:hidden}.ai-feature-image img{width:100%;height:100%;object-fit:cover}.ai-feature-copy{padding:70px 60px;align-self:center}.ai-feature h2{font-size:clamp(45px,5vw,90px);letter-spacing:-.065em;margin:28px 0}.ai-feature-copy>p:not(.eyebrow){max-width:400px;color:#bdc5b6;font-size:17px;margin:30px 0}.ai-feature .button{border-color:#6f7d65}.ai-feature .button:hover{color:#111}
.about-editorial-hero{position:relative;height:calc(100svh - 104px);min-height:650px;max-height:1050px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.about-editorial-hero>.eyebrow{position:absolute;top:30px;left:var(--gutter)}.about-editorial-hero h1{font-size:clamp(200px,30vw,600px);font-weight:400;line-height:.8;letter-spacing:-.08em;margin-top:-20px}.about-floating{position:absolute;z-index:2;width:19%;margin:0;min-width:130px}.about-floating img{width:100%;aspect-ratio:1;object-fit:cover}.about-floating-one{left:3%;top:15%}.about-floating-two{left:30%;bottom:6%;width:16%}.about-floating-three{right:3%;top:11%}.about-floating-four{right:8%;bottom:7%;width:17%}.photo-placeholder{background:#dce0d7;border:1px solid #c3cbbb;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#536047;min-height:180px}.photo-placeholder>span{font-size:10px;letter-spacing:.08em}.photo-placeholder>p{font-size:clamp(18px,2vw,32px);letter-spacing:-.04em;line-height:1.15;max-width:200px}.photo-placeholder small{font-size:11px;color:#69765d}.about-page-intro{padding-top:100px;padding-bottom:180px}.design-approach{padding:0 var(--gutter) 180px}.design-approach>.eyebrow{text-align:center;margin-bottom:20px}.design-approach>h2{font-size:clamp(60px,9vw,150px);font-weight:400;text-align:center;letter-spacing:-.06em;margin-bottom:115px}.design-approach ol{padding:0;margin:0;list-style:none}.design-approach li{display:flex;gap:35px;max-width:970px;margin-bottom:80px}.design-approach li:nth-child(1){margin-left:20%}.design-approach li:nth-child(2){margin-left:5%}.design-approach li:nth-child(3){margin-left:32%}.design-approach li:nth-child(4){margin-left:13%;margin-bottom:0}.design-approach li>span{font-size:13px;margin-top:-8px}.design-approach li>p{font-size:clamp(34px,4.5vw,78px);line-height:1.1;letter-spacing:-.05em}
.behind-work{position:relative;min-height:1100px;max-width:1800px;margin:0 auto 140px;isolation:isolate}.behind-heading{position:absolute;top:38%;left:0;right:0;text-align:center}.behind-heading h2{font-size:clamp(75px,11vw,175px);line-height:.95;margin-top:25px}.process-frame{position:absolute;width:25%;margin:0;z-index:2}.process-frame img{width:100%;aspect-ratio:1;object-fit:cover}.process-frame figcaption{font-size:12px;line-height:1.4;margin-top:13px;max-width:90%;color:#68705f}.process-one{top:3%;left:9%;width:21%}.process-two{top:0;right:8%;width:27%}.process-three{bottom:4%;right:9%;width:23%}.process-four{bottom:0;left:5%}.process-frame .photo-placeholder{min-height:260px}.designer-profile{position:relative;isolation:isolate;background:var(--paper);padding:20px var(--gutter) 140px;display:grid;grid-template-columns:1fr 1.3fr;column-gap:30px;align-items:start}.designer-portrait{margin:90px 0 0}.designer-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}.designer-portrait .photo-placeholder{aspect-ratio:3/4;min-height:520px;padding:35px}.designer-portrait .photo-placeholder>p{font-size:50px;max-width:300px}.designer-portrait figcaption{font-size:12px;color:var(--muted);margin-top:18px}.designer-story{position:relative}.designer-story h2{font-size:clamp(43px,5.6vw,96px);line-height:1.05;margin:35px 0 50px 0;letter-spacing:-.055em}.designer-bio{max-width:640px;margin-left:40px}.designer-bio p{font-size:18px;line-height:1.65;margin-bottom:22px}.designer-bio>.text-link{margin-top:15px}.experience-editorial{padding:40px var(--gutter) 140px}.experience-editorial>h2{font-size:clamp(38px,4.6vw,72px);max-width:950px;margin:35px 0 65px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:45px;row-gap:45px}.experience-grid article{border-top:1px solid var(--line);padding-top:25px}.experience-grid h3{font-size:29px;letter-spacing:-.04em;margin-bottom:18px}.experience-grid p{color:var(--muted);font-size:16px}.experience-pending{opacity:.7}
.contact-section{padding:65px var(--gutter) 95px;background:#e5e9de;color:#242a20}.contact-topline{display:flex;justify-content:space-between;gap:30px;padding-bottom:50px;border-top:1px solid #bfc7b3;padding-top:25px}.contact-topline>span{font-size:13px}.contact-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:end}.contact-editorial h2{font-size:clamp(56px,7.4vw,122px);font-weight:400;line-height:1.05;letter-spacing:-.065em}.contact-invitation>p:first-child{font-size:27px;line-height:1.35;letter-spacing:-.025em;margin-bottom:35px}.contact-email{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(18px,2vw,31px);letter-spacing:-.035em;border-bottom:1px solid #89977a;padding-bottom:14px;overflow-wrap:anywhere}.contact-email span{font-size:32px}.contact-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px}.contact-actions a{border:1px solid #99a58c;padding:10px 16px;border-radius:50px;font-size:13px}.contact-actions a:hover{background:#242a20;color:#f2f3ef}.contact-note{font-size:13px;color:#646e59;max-width:340px;line-height:1.6;margin-top:25px}.editorial-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:45px}.footer-name{font-size:35px;letter-spacing:-.04em}.footer-name{display:block}.footer-name svg{display:block;width:auto;height:44px;max-width:100%}.footer-social{display:flex;justify-content:end;align-items:center;gap:30px;font-size:14px}.editorial-footer .footer-bottom{grid-column:1/-1;margin-top:35px}
/* The heading overhangs the portrait: difference blending keeps it white over the photo and ink over the paper. */

@media(max-width:1050px){.header nav{gap:15px;font-size:12px}.contact-nav{padding:10px 15px}.contact-nav span{margin-left:10px}.hero.hero-editorial{min-height:760px}.arde-intro{grid-template-columns:1fr 3fr;gap:30px;padding-bottom:100px}.editorial-columns{gap:28px;font-size:17px}.ai-feature-copy{padding:50px 35px}.contact-editorial{gap:35px}.contact-editorial h2{font-size:72px}.behind-work{min-height:950px}.designer-portrait .photo-placeholder{min-height:440px}.designer-bio{margin-left:10px}.designer-bio p{font-size:17px}.design-approach li:nth-child(3){margin-left:20%}}
@media(max-width:700px){.home .header nav{background:var(--paper);color:var(--ink);border-color:var(--line)}.header nav{font-size:16px}.hero.hero-editorial{height:100svh;min-height:740px;max-height:1050px}.hero-editorial .helix-wrap{top:82px;bottom:76px}.hero-topline{top:105px;font-size:9px;letter-spacing:.03em}.hero-topline>a{font-size:10px}.hero .hero-identity h1{font-size:18vw;white-space:normal;line-height:1.04;letter-spacing:-.07em}.hero-identity h1>span{display:block}.hero-identity{top:43%}.hero-identity>p{font-size:25px;margin-top:18px}.hero-editorial .hero-bottom{height:76px;font-size:8px;letter-spacing:0;gap:18px}.hero-editorial .hero-bottom>span{max-width:180px}.hero-editorial .helix-controls{font-size:8px;gap:10px}.hero-editorial .helix-controls button{font-size:11px}.arde-intro{grid-template-columns:1fr;padding:65px var(--gutter) 85px;gap:28px}.arde-intro h2{font-size:39px;margin-bottom:35px}.editorial-columns{grid-template-columns:1fr;gap:20px;font-size:17px}.ai-feature{grid-template-columns:1fr;min-height:0}.ai-feature-image{height:320px}.ai-feature-copy{padding:45px var(--gutter) 60px}.ai-feature h2{font-size:64px}.about-editorial-hero{height:700px;min-height:0}.about-editorial-hero h1{font-size:34vw;margin-top:-20px}.about-editorial-hero>.eyebrow{font-size:10px;top:23px}.about-floating{width:31%;min-width:0}.about-floating-one{left:2%;top:15%}.about-floating-two{left:4%;bottom:8%;width:34%}.about-floating-three{top:10%;right:1%;width:33%}.about-floating-four{right:4%;bottom:9%;width:34%}.about-floating .photo-placeholder{padding:12px;min-height:140px}.about-floating .photo-placeholder>span{font-size:8px}.about-floating .photo-placeholder>p{font-size:17px}.about-floating .photo-placeholder small{font-size:9px}.about-page-intro{padding-top:45px}.design-approach{padding-bottom:65px}.design-approach>h2{font-size:65px;margin-bottom:65px}.design-approach li{gap:15px;margin-bottom:45px!important;margin-left:0!important}.design-approach li:nth-child(even){margin-left:7%!important}.design-approach li>p{font-size:34px;line-height:1.15}.design-approach li>span{font-size:11px;margin-top:0}.behind-work{min-height:850px;margin-bottom:55px}.behind-heading{top:39%}.behind-heading h2{font-size:82px}.behind-heading .eyebrow{font-size:9px}.process-frame{width:38%}.process-one{left:5%;top:0;width:37%}.process-two{right:5%;top:8%;width:38%}.process-three{right:5%;bottom:0;width:38%}.process-four{left:5%;bottom:9%;width:38%}.process-frame .photo-placeholder{padding:13px;min-height:180px}.process-frame .photo-placeholder>span{font-size:9px}.process-frame .photo-placeholder>p{font-size:20px}.process-frame figcaption{font-size:10px}.designer-profile{grid-template-columns:1fr;padding-bottom:80px;gap:40px}.designer-portrait{margin:0;max-width:85%}.designer-portrait .photo-placeholder{min-height:0;aspect-ratio:3/4}.designer-portrait .photo-placeholder>p{font-size:40px}.designer-story h2{font-size:44px;margin:25px 0 35px}.designer-bio{margin:0}.experience-editorial{padding-top:0;padding-bottom:70px}.experience-editorial>h2{font-size:38px;margin-bottom:45px}.experience-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.experience-grid h3{font-size:24px}.experience-grid p{font-size:14px}.contact-section{padding:35px var(--gutter) 55px}.contact-topline{gap:15px;padding-bottom:35px}.contact-topline>span{font-size:11px;text-align:right}.contact-editorial{grid-template-columns:1fr;gap:45px}.contact-editorial h2{font-size:clamp(55px,12vw,80px)}.contact-invitation>p:first-child{font-size:23px}.contact-email{font-size:22px}.editorial-footer{grid-template-columns:1fr;gap:25px}.footer-name{font-size:32px}.footer-name svg{height:34px}.footer-social{justify-content:start;gap:25px;font-size:13px}.editorial-footer .footer-bottom{margin-top:0}}
@media(min-width:701px) and (max-width:1000px){.menu-toggle{display:block;background:none;border:0;font-size:14px;padding:12px}.menu-toggle span{margin-left:12px}.header nav{display:none;position:absolute;top:103px;left:0;right:0;padding:28px var(--gutter);background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px;font-size:16px}.header.is-open nav{display:flex}}
/* Reference's pinned image stream. Static/reduced-motion layout stays readable. */
.behind-work:not(.scroll-gallery){min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:40px var(--gutter);margin-bottom:100px}.behind-work:not(.scroll-gallery) .behind-heading{position:static;grid-column:1/-1;margin-bottom:35px}.behind-work:not(.scroll-gallery) .process-frame{position:static;width:auto;transform:none}.behind-work:not(.scroll-gallery) .process-frame img{aspect-ratio:1}.behind-work:not(.scroll-gallery) .photo-placeholder{aspect-ratio:1;min-height:0}
.scroll-gallery.behind-work{height:100vh;min-height:0;max-width:none;margin:0 0 112px;overflow:hidden;position:relative;isolation:isolate}.scroll-gallery .behind-heading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0}.scroll-gallery .behind-heading h2{font-size:clamp(60px,8vw,150px);max-width:768px}.scroll-gallery .process-frame{position:absolute;width:200px;height:230px;margin:0;bottom:auto;transform:none;z-index:2;will-change:transform}.scroll-gallery .process-frame img,.scroll-gallery .photo-placeholder{width:100%;height:200px;min-height:0;aspect-ratio:1;object-fit:cover}.scroll-gallery .process-frame figcaption{font-size:14px;line-height:1.1;margin-top:12px;max-width:100%}.scroll-gallery .photo-placeholder{padding:20px}.scroll-gallery [data-frame="1"]{top:80vh;right:15vw;left:auto}.scroll-gallery [data-frame="2"]{top:120vh;left:25vw;right:auto}.scroll-gallery [data-frame="3"]{top:100vh;left:-160px;right:auto}.scroll-gallery [data-frame="4"]{top:160vh;right:20vw;left:auto}.scroll-gallery [data-frame="5"]{top:300vh;left:-160px;right:auto}.scroll-gallery [data-frame="6"]{top:200vh;left:5vw;right:auto}.scroll-gallery [data-frame="7"]{top:240vh;right:64px;left:auto}.scroll-gallery [data-frame="8"]{top:195vh;right:-160px;left:auto}.scroll-gallery [data-frame="9"]{top:280vh;right:32px;left:auto}.scroll-gallery [data-frame="10"]{top:320vh;left:30vw;right:auto}.scroll-gallery [data-frame="11"]{top:360vh;right:10vw;left:auto}[data-frame="12"]{top:400vh;left:12vw;right:auto}
@media(min-width:1280px){.scroll-gallery .process-frame{width:300px;height:345px}.scroll-gallery .process-frame img,.scroll-gallery .photo-placeholder{height:300px}.scroll-gallery .process-frame figcaption{font-size:18px}.scroll-gallery [data-frame="1"]{top:60vh}.scroll-gallery [data-frame="2"]{top:80vh}.scroll-gallery [data-frame="3"]{top:85vh;left:-96px}.scroll-gallery [data-frame="4"]{top:120vh}.scroll-gallery [data-frame="5"]{top:120vh;left:auto;right:-160px}.scroll-gallery [data-frame="6"]{top:145vh}.scroll-gallery [data-frame="7"]{top:175vh;left:50vw;right:auto}.scroll-gallery [data-frame="8"]{top:195vh;left:0;right:auto}.scroll-gallery [data-frame="9"]{top:200vh;right:0}.scroll-gallery [data-frame="10"]{top:225vh}.scroll-gallery [data-frame="11"]{top:250vh}[data-frame="12"]{top:275vh}}
@media(min-width:1920px){.scroll-gallery .process-frame{width:400px;height:460px}.scroll-gallery .process-frame img,.scroll-gallery .photo-placeholder{height:400px}.scroll-gallery .process-frame figcaption{font-size:22px}}
@media(max-width:700px){.behind-work:not(.scroll-gallery){grid-template-columns:1fr 1fr;gap:25px;padding:20px var(--gutter)}.behind-work:not(.scroll-gallery) .process-frame figcaption{font-size:12px}.scroll-gallery.behind-work{margin-bottom:70px}.scroll-gallery .behind-heading h2{font-size:70px}.scroll-gallery .photo-placeholder p{font-size:26px}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
/* Hero scroll reveal — the identity holds a clean screen, the roll of prints arrives on scroll.
   .js-helix is set by helix.js, so without scripting the hero stays a single static screen. */
.hero-frame{position:absolute;inset:0}
.js-helix .hero.hero-editorial{height:calc(100svh + var(--hero-roll));min-height:calc(780px + var(--hero-roll));max-height:none;--hero-roll:130svh}
.js-helix .hero-frame{position:sticky;inset:auto;top:0;height:100svh;min-height:780px;max-height:1300px}
.js-helix .hero-identity{transform:translate3d(0,calc(-50% - var(--exit,0)*150px),0) scale(calc(1.07 - var(--exit,0)*.09));opacity:calc(1 - var(--exit,0));will-change:transform,opacity}

.js-helix .hero-editorial .helix-controls{opacity:0;transition:opacity .7s ease}
.js-helix .hero-editorial.is-rolling .helix-controls{opacity:1}
.helix-stage{touch-action:pan-y}
@media(max-width:700px){.js-helix .hero.hero-editorial{--hero-roll:110svh;min-height:calc(740px + var(--hero-roll))}.js-helix .hero-frame{min-height:740px;max-height:1050px}}
@media(prefers-reduced-motion:reduce){.js-helix .hero.hero-editorial{height:100svh;min-height:780px;max-height:1300px;--hero-roll:0px}.js-helix .hero-frame{position:absolute;inset:0;height:auto;min-height:0;max-height:none}.js-helix .hero-identity{transform:translate3d(0,-50%,0);opacity:1}.js-helix .hero-editorial .helix-controls{opacity:1}}
/* Floating WhatsApp button — on every page, stepped out of the way of the home hero footer bar by main.js. */
.whatsapp-float{position:fixed;right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);z-index:400;display:flex;align-items:center;gap:0;height:56px;padding:0 15px;border-radius:40px;background:#25d366;color:#fff;box-shadow:0 12px 30px -10px rgba(11,40,20,.55),0 2px 6px rgba(0,0,0,.15);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),gap .3s ease,padding .3s ease}
.whatsapp-float svg{flex:none}
.whatsapp-float span{font-size:14px;font-weight:500;letter-spacing:-.01em;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s cubic-bezier(.2,.7,.2,1)}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);gap:10px;padding-right:22px}
.whatsapp-float:hover span,.whatsapp-float:focus-visible span{max-width:110px}
.whatsapp-float.is-hidden{opacity:0;transform:translateY(14px) scale(.92);pointer-events:none}
@media(max-width:700px){.whatsapp-float{height:52px;padding:0 13px}.whatsapp-float:hover{transform:none;gap:0;padding-right:13px}.whatsapp-float:hover span{max-width:0}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:opacity .2s ease}.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:none}}
/* Sticky top navigation. Fixed on every page; the home header stays transparent over the
   opening hero and picks up a paper backdrop once the page moves under it. */
.header{position:fixed}
.inner-page .header{position:fixed;background:var(--paper)}
body.inner-page{padding-top:104px}
.home .header{transition:background .35s ease,border-color .35s ease}
.home .header.is-stuck{background:rgba(244,241,236,.9);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:#17191622}
@media(max-width:700px){body.inner-page{padding-top:82px}}

/* Keep the profile heading on the same text axis as its biography. */
.designer-profile{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:clamp(30px,5vw,80px)}
.designer-story{min-width:0;padding-left:40px}
.designer-story h2{margin-left:0;font-size:clamp(40px,4.5vw,78px);overflow-wrap:normal}
.designer-bio{margin-left:0}
@media(max-width:700px){.designer-profile{grid-template-columns:1fr}.designer-story{padding-left:0}.designer-story h2{font-size:44px}}

/* Anchor the stage-photo crop on the speaker at the lectern. */
.about-floating-four img{object-position:left center}
.footer-social{flex-wrap:wrap;row-gap:14px}
.helix-caption .caption-eyebrow:empty{display:none}