/* ARK 2026 — editorial luxury direction */
:root{--ink:#171714;--paper:#f5f1e9;--sand:#e4ded3;--clay:#9e6047;--cream:#fbf8f1;--line:rgba(23,23,20,.14)}
body{background:var(--paper);letter-spacing:-.012em}.site-header{height:94px;padding:0 6.4vw;background:rgba(245,241,233,.92);backdrop-filter:blur(15px);position:sticky;top:0}.brand img{width:116px;height:55px}nav{gap:27px;font-size:9px;letter-spacing:.17em}.nav-cta{padding:12px 16px;border-radius:999px}.hero{min-height:calc(100vh - 94px);padding:0 6.4vw;grid-template-columns:42% 58%;background:var(--paper)}.hero-copy{padding:9vw 4vw 8vw 3vw;position:relative;z-index:1}.hero-copy:before{content:'ARK / 2026';position:absolute;top:5.2vw;left:3vw;font:9px 'DM Mono';letter-spacing:.17em;color:#a89f91}.hero .eyebrow{margin-top:46px;color:#7a6f61}.hero h1{font-size:clamp(58px,6.45vw,104px);line-height:.91;letter-spacing:-.065em}.hero h1 em{color:var(--clay)}.intro{max-width:365px;font-size:14px;line-height:1.95;margin:35px 0}.button{border-radius:999px;padding:15px 20px;font-size:9px}.hero-image{height:calc(100vh - 94px);min-height:650px;margin-right:-6.4vw}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,20,.12),transparent 48%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 30%)}.hero-image img{filter:saturate(.68) contrast(1.06);transform:scale(1.01)}.image-note{left:32px;bottom:29px;z-index:1;font-size:9px;letter-spacing:.15em}.marquee{padding:16px 0;background:#22211d;color:#e7ded0;font-size:9px;letter-spacing:.18em}.marquee span{color:#cf8764}.section{padding:142px 9.5vw}.section-head{grid-template-columns:.65fr 1.45fr .8fr;margin-bottom:74px}.eyebrow{font-size:9px;letter-spacing:.17em}.section-head h2,.catalogue-hero h2{font-size:clamp(48px,4.8vw,74px);line-height:.94}.section-head h2 em,.catalogue-hero h2 em{color:var(--clay)}.collection-grid{gap:16px;align-items:end}.collection-card{height:430px;border-radius:2px}.collection-card.large{height:590px}.collection-card:after{inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.collection-card div{bottom:30px;left:30px}.collection-card p{font-size:9px;letter-spacing:.12em}.collection-card h3{font-size:31px}.collection-card span{font-size:9px;color:#ece6da}.statement{grid-template-columns:48% 52%;background:#201f1b}.statement-image{height:680px}.statement-image img{filter:saturate(.45) contrast(1.1)}.statement-copy{padding:11.5vw 11vw}.statement-copy h2{font-size:clamp(48px,4.4vw,69px);line-height:.94}.statement-copy h2 em{color:#d38c6d}.statement-copy>p:not(.eyebrow){font-size:14px;line-height:2}.projects{background:#eeeadf;padding-top:150px}.project-grid{gap:70px 18px}.project img{height:350px;filter:saturate(.58) contrast(1.03);transition:transform .55s ease,filter .55s ease}.project:hover img{transform:scale(1.015);filter:saturate(.85)}.project.wide img{height:770px}.project figcaption{padding:17px 3px 0;gap:7px}.project figcaption span{font-size:9px;letter-spacing:.1em}.project figcaption strong{font-size:26px}.catalogue{background:var(--sand);padding-top:132px;padding-bottom:140px}.catalogue-hero{margin-bottom:64px}.catalogue-hero>p{font-size:14px;line-height:1.9}.catalogue-feature{border-radius:2px;padding:31px 35px;background:#1f1e1b}.catalogue-feature strong{font-size:31px}.catalogue-groups{gap:58px 66px}.catalogue-group h3{font-size:31px}.catalogue-links a{padding:16px 4px;font-size:13px}.contact{background:#a76149;min-height:495px;padding:112px 9.5vw}.contact h2{font-size:clamp(50px,5.4vw,84px);line-height:.93}.contact h2 em{color:#f5d7c4}.contact-details{font-size:13px}.contact .button{border-radius:999px}footer{padding:35px 6.4vw;background:#f5f1e9}.reveal{animation:rise .9s both}
@media(max-width:760px){.site-header{height:75px;padding:0 7vw}.brand img{width:91px;height:45px}nav{top:74px;background:var(--paper);padding:27px 7vw}.hero{padding:0;display:flex;flex-direction:column}.hero-copy{padding:86px 8vw 68px;order:1}.hero-copy:before{top:28px;left:8vw}.hero .eyebrow{margin-top:35px}.hero h1{font-size:clamp(55px,15vw,75px)}.hero-image{order:2;height:530px;min-height:0;margin:0}.section{padding:90px 7vw}.section-head h2,.catalogue-hero h2{font-size:50px}.collection-card,.collection-card.large{height:470px}.collection-card div{left:24px;bottom:25px}.statement-image{height:430px}.statement-copy{padding:83px 8vw}.projects{padding-top:95px}.project-grid{gap:44px}.project.wide img,.project img{height:455px}.project figcaption strong{font-size:24px}.catalogue{padding-top:88px;padding-bottom:90px}.catalogue-feature{padding:25px 22px}.contact{padding:85px 7vw}.contact h2{font-size:54px}}

.scroll-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:var(--clay);transform:scaleX(0);transform-origin:left;will-change:transform}.hero-index{position:absolute;bottom:7.6vw;left:3vw;display:flex;align-items:center;gap:12px;color:#70685e;font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.14em}.hero-index i{display:block;width:42px;border-top:1px solid #8c8377}.hero-image img{transition:transform .7s cubic-bezier(.22,.61,.36,1)}.collection-card,.project{cursor:pointer}.project{outline:none}.project:focus-visible img{outline:2px solid var(--clay);outline-offset:5px}.project figcaption strong:after{content:' ↗';font:18px 'DM Mono';opacity:0;transition:opacity .25s}.project:hover figcaption strong:after,.project:focus-visible figcaption strong:after{opacity:1}.reveal{animation:none;opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}.reveal.is-visible{opacity:1;transform:none}.project-viewer{padding:0;border:0;background:#191815;max-width:min(920px,90vw);max-height:88vh;color:#f7f2e8;overflow:visible}.project-viewer::backdrop{background:rgba(16,15,13,.87);backdrop-filter:blur(8px)}.project-viewer img{display:block;max-width:min(920px,90vw);max-height:72vh;object-fit:contain}.viewer-caption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:18px 22px}.viewer-caption span{font:9px 'DM Mono';letter-spacing:.11em;color:#cfc4b4}.viewer-caption strong{font:500 25px 'Playfair Display'}.viewer-close{position:absolute;right:-15px;top:-15px;width:37px;height:37px;border:1px solid #f8f4eb;border-radius:50%;background:#191815;color:#fff;font:28px/30px Arial;cursor:pointer}.viewer-close:hover{background:var(--clay)}
.hero-image{perspective:1400px;transform-style:preserve-3d;background:#201f1b}.hero-image:before{content:'';position:absolute;z-index:1;inset:12px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.hero-image img{will-change:transform;transform-origin:center center}.hero-image:after{pointer-events:none}.hero-image:hover:before{border-color:rgba(255,255,255,.42)}
.panoramic-hero{display:block;min-height:600svh;height:600svh;padding:0;background:#171714;position:relative}.panoramic-hero .hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.panoramic-hero .hero-image{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0}.panoramic-hero .hero-image:before{inset:18px}.panoramic-hero .hero-image:after{background:linear-gradient(90deg,rgba(10,10,9,.75),rgba(10,10,9,.16) 60%,rgba(10,10,9,.1)),linear-gradient(0deg,rgba(10,10,9,.52),transparent 52%)}.panoramic-hero .hero-image img{width:100%;height:100%;object-fit:cover;object-position:22% center;filter:saturate(.82) contrast(1.06)}.panoramic-hero .hero-copy{position:absolute;z-index:2;left:9.5vw;bottom:8.5vh;width:min(470px,78vw);padding:0;color:#fff}.panoramic-hero .hero-copy:before{display:none}.panoramic-hero .hero-copy .eyebrow{margin:0 0 27px;color:#f1c5ad}.panoramic-hero .hero-copy h1 em{color:#eab08e}.panoramic-hero .hero-copy .intro{color:#eee6db}.panoramic-hero .hero-copy .text-link{border-color:#fff}.panoramic-hero .hero-index{position:absolute;z-index:3;left:auto;right:9.5vw;bottom:32px;color:#fff}.panoramic-hero .hero-index i{border-color:rgba(255,255,255,.68)}@media(max-width:760px){.panoramic-hero{height:600svh;min-height:3960px;display:block}.panoramic-hero .hero-stage{height:100svh;min-height:660px}.panoramic-hero .hero-copy{left:8%;bottom:10.5vh;width:84%;padding:0}.panoramic-hero .hero-image{height:100%;order:unset}.panoramic-hero .hero-image:before{inset:10px}.panoramic-hero .hero-image img{object-position:38% center}.panoramic-hero .hero-index{right:8%;bottom:23px}}
.ark-scroll-showcase{padding:0;background:#171714;overflow:hidden}.showcase-frame{height:min(69vw,790px);min-height:610px;position:relative;overflow:hidden;background:#171714;transform-style:preserve-3d;will-change:transform;transition:transform .13s linear}.showcase-image{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08);transform:scale(1.025)}.showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.78),rgba(10,10,9,.22) 60%,rgba(10,10,9,.66)),linear-gradient(0deg,rgba(10,10,9,.65),transparent 52%)}.showcase-logo{--ark-reveal:0;position:absolute;z-index:1;left:7.5%;top:23%;width:155px;transform:translate3d(calc((1 - var(--ark-reveal)) * -85px),-50%,30px);opacity:calc(var(--ark-reveal) * 1.7 - .35);transition:opacity .1s linear;filter:brightness(0) invert(1)}.showcase-logo img{width:148px;height:auto}.showcase-caption{position:absolute;z-index:1;right:7.5%;top:9%;margin:0;color:#fff;font:500 25px 'Playfair Display';letter-spacing:-.03em}.showcase-caption b{font:20px 'DM Mono';font-weight:400}.showcase-contact{position:absolute;z-index:1;inset:0;padding:10.5% 2.2% 7% 9.5%;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.showcase-contact .eyebrow{color:#efd4c6}.showcase-contact h2{font-size:clamp(48px,5vw,79px);line-height:.92}.showcase-contact h2 em{color:#f1b99e}.showcase-contact .contact-details{font-size:13px;line-height:1.85;margin-left:auto;transform:translateX(2.2vw);min-width:260px}.showcase-contact .button{background:#fbf5ed;color:#171714;margin-top:2px}@media(max-width:760px){.showcase-frame{height:800px;min-height:0}.showcase-image{object-position:58% center}.showcase-logo{left:8%;top:17%;width:112px}.showcase-logo img{width:108px}.showcase-caption{font-size:21px;right:8%;top:7%}.showcase-contact{padding:0 8% 9%;display:block}.showcase-contact h2{font-size:49px}.showcase-contact .contact-details{margin-top:31px;font-size:12px;transform:none;min-width:0}.showcase-contact .button{margin-top:3px}}
@media(max-width:760px){.hero-index{bottom:25px;left:8vw}.reveal{opacity:1;transform:none}.project-viewer{max-width:94vw}.project-viewer img{max-width:94vw;max-height:67vh}.viewer-caption{display:block;padding:15px 17px}.viewer-caption span{display:block;margin-bottom:7px}.viewer-caption strong{font-size:22px}.viewer-close{right:-8px;top:-8px}}