.hero-visual{position:absolute;inset:-2%;z-index:-2;will-change:transform}
.hero-slide{inset:0;opacity:0;transition:opacity 1.8s ease;transform:none!important;z-index:0}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide img{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.045);transition:transform 1.4s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:radial-gradient(ellipse at 75% 60%,#dce6ca16,transparent 45%);transform:translateY(calc(var(--hero-progress,0)*-35px))}
.slider-controls{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.slider-controls button{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#15171470;color:#fff;font-size:22px;transition:background .25s}.slider-controls button:hover{background:#ffffff25}.slide-counter{font-size:14px;white-space:nowrap;color:#b7beb0}.slide-counter>span{color:#fff}.slide-description{font-size:14px;margin-right:12px;min-width:225px}.slider-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15}.slider-progress>span{height:100%;display:block;background:#dfe6d4;transform:scaleX(var(--slide-progress,0));transform-origin:left}.hero-bottom{align-items:center;gap:20px}.history{padding-top:15px;padding-bottom:100px}.history>h2{max-width:800px;margin-bottom:55px}.history-track{position:relative;padding-left:35px;border-left:1px solid #ffffff22}.history-track:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--accent);transform-origin:top;transform:scaleY(var(--history-progress,0));transition:transform .15s linear}.history-event{display:grid;grid-template-columns:230px 1fr;gap:45px;position:relative;padding:35px 0 45px}.history-event:before{content:"";position:absolute;left:-41px;top:58px;width:11px;height:11px;background:var(--bg);border:1px solid var(--accent);border-radius:50%}.history-year{font-size:80px;font-weight:500;letter-spacing:-.055em;line-height:1.1;color:#dce1d5}.history-event h3{font-size:26px;font-weight:600;margin-bottom:18px}.history-event p{font-size:17px;color:var(--muted);max-width:710px;line-height:1.85}.history-event+article{border-top:1px solid var(--line)}.concept-sheet picture{display:block;overflow:hidden;clip-path:inset(calc((1 - var(--art-progress,1))*4%) 0);will-change:clip-path}.concept-sheet img{transform:scale(calc(1.06 - var(--art-progress,1)*.06)) translateY(calc((1 - var(--art-progress,1))*15px));will-change:transform}.wolf-study{display:grid;grid-template-columns:1fr 1.8fr;gap:65px;align-items:center;margin-top:75px}.wolf-copy h3{font-size:38px;line-height:1.2;letter-spacing:-.03em;margin:22px 0}.wolf-copy>p:last-child{font-size:16px;color:#59614f;line-height:1.85}.wolf-copy .eyebrow{color:#59614f}.wolf-art{margin:0}.wolf-art picture{display:block;overflow:hidden;background:#20211e}.wolf-art img{width:100%;height:470px;object-fit:cover;object-position:80% center;transform:scale(calc(1.08 - var(--wolf-progress,1)*.08));will-change:transform}.wolf-art figcaption{font-size:13px;color:#5c6355;margin-top:18px;line-height:1.7}.service-item{position:relative}.service-item:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:#465c36;transform:scaleX(var(--service-progress,0));transform-origin:left}
@media(max-width:1100px){.slide-description{display:none}.history-event{grid-template-columns:180px 1fr}.wolf-study{gap:30px}.wolf-art img{height:380px}}
@media(max-width:760px){.hero-bottom{align-items:flex-start;flex-direction:column;bottom:24px;gap:20px}.hero-content{padding-bottom:205px}.slider-controls{gap:14px}.slider-controls button{width:42px;height:42px}.slider-controls .slide-description{display:none}.hero-slide img{transform:scale(1.04);transition:transform 1s}.history{padding-top:0;padding-bottom:75px}.history>h2{margin-bottom:32px}.history-track{padding-left:25px}.history-event{grid-template-columns:1fr;gap:20px;padding:28px 0 32px}.history-year{font-size:62px}.history-event:before{left:-31px;top:50px}.history-event h3{font-size:23px}.history-event p{font-size:16px}.wolf-study{grid-template-columns:1fr;gap:25px;margin-top:50px}.wolf-copy h3{font-size:32px}.wolf-art img{height:340px;object-position:82% center}.wolf-art figcaption{font-size:13px}.hero-atmosphere{opacity:.15}}
.reduced-motion .hero-slide{transition:none}.reduced-motion .hero-slide img,.reduced-motion .hero-visual,.reduced-motion .concept-sheet img,.reduced-motion .wolf-art img{transform:none!important}.reduced-motion .concept-sheet picture{clip-path:none}.reduced-motion .history-track:before,.reduced-motion .service-item:after{transform:none}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide img,.hero-visual,.concept-sheet img,.wolf-art img{transform:none!important}.concept-sheet picture{clip-path:none}.history-track:before,.service-item:after{transform:none}}
/* Scroll choreography: values are continuously driven by scroll position. */
.hero-content{transform:translateY(calc(var(--hero-progress,0)*-55px));opacity:calc(1 - var(--hero-progress,0)*.5);will-change:transform,opacity}
.concept-sheet picture{clip-path:inset(calc((1 - var(--art-progress,1))*10%) calc((1 - var(--art-progress,1))*7%))}
.concept-sheet img{transform:scale(calc(1.18 - var(--art-progress,1)*.18)) translateY(calc((1 - var(--art-progress,1))*35px))}
.wolf-art picture{clip-path:inset(0 calc((1 - var(--wolf-progress,1))*16%) 0 0);transform:translateY(calc((1 - var(--wolf-progress,1))*45px));will-change:transform,clip-path}
.wolf-art img{transform:scale(calc(1.2 - var(--wolf-progress,1)*.2))}
.service-body{transform:translateY(calc((1 - var(--service-progress,1))*32px));transition:transform .15s linear}
.history-year{transform:translateX(calc((1 - var(--history-progress,1))*-20px));transition:transform .15s linear}
.mini-picture{transform:scale(calc(1.22 - var(--travel)*.22)) translateY(calc(var(--travel)*-25px))}
.mini-title-wrap{transform:translateY(calc(var(--travel)*-65px))}
.mini-title-wrap h2>span{transform:translate(calc(var(--travel)*45px),calc(var(--travel)*85px))}
@media(max-width:760px){.hero-content{transform:translateY(calc(var(--hero-progress,0)*-28px))}.mini-title-wrap{transform:translateY(calc(var(--travel)*-32px))}.mini-title-wrap h2>span{transform:translateY(calc(var(--travel)*35px))}.wolf-art picture{transform:translateY(calc((1 - var(--wolf-progress,1))*26px))}.concept-sheet picture{clip-path:inset(calc((1 - var(--art-progress,1))*6%) calc((1 - var(--art-progress,1))*5%))}}
.reduced-motion .hero-content{opacity:1;transform:none}.reduced-motion .service-body,.reduced-motion .history-year,.reduced-motion .wolf-art picture{transform:none!important;clip-path:none!important}
@media(prefers-reduced-motion:reduce){.hero-content{opacity:1;transform:none}.service-body,.history-year,.wolf-art picture{transform:none!important;clip-path:none!important}}
.mountain-study{background:#1e211c;padding-top:75px;padding-bottom:75px}.mountain-copy{display:grid;grid-template-columns:1fr 1.4fr;gap:20px 65px;margin-bottom:40px}.mountain-copy>.eyebrow{grid-row:1/3}.mountain-copy h3{font-size:40px;line-height:1.2;letter-spacing:-.03em}.mountain-copy>p:last-child{font-size:17px;color:var(--muted);max-width:660px}.mountain-art{margin:0}.mountain-art picture{display:block;overflow:hidden;clip-path:inset(0 calc((1 - var(--mountain-progress,1))*9%));will-change:clip-path}.mountain-art img{width:100%;height:auto;transform:scale(calc(1.15 - var(--mountain-progress,1)*.15));will-change:transform}.mountain-art figcaption{font-size:13px;color:var(--muted);margin-top:20px}.reduced-motion .mountain-art picture,.reduced-motion .mountain-art img{clip-path:none!important;transform:none!important}@media(max-width:760px){.mountain-copy{grid-template-columns:1fr;gap:20px}.mountain-copy>.eyebrow{grid-row:auto}.mountain-copy h3{font-size:32px}.mountain-copy>p:last-child{font-size:16px}.mountain-study{padding-top:55px;padding-bottom:55px}.mountain-art{margin:0 calc(-1*var(--pad))}.mountain-art figcaption{padding:0 var(--pad)}}@media(prefers-reduced-motion:reduce){.mountain-art picture,.mountain-art img{clip-path:none!important;transform:none!important}}

/* Project archive: scroll-linked movement remains reversible on every visit. */
.projects{background:#181c16;padding-top:95px;padding-bottom:110px;overflow:hidden}
.projects-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:55px}
.projects-heading h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em}
.project-row{position:relative;display:grid;grid-template-columns:95px 1.4fr 1fr 44px;align-items:center;gap:28px;padding:40px 0;border-top:1px solid #ffffff20}
.project-row:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:#dc8c5a;transform-origin:left;transform:scaleX(var(--project-progress,1))}
.project-row h3{font-size:clamp(34px,4.3vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.15;transform:translateX(calc((1 - var(--project-progress,1))*75px));opacity:calc(.3 + var(--project-progress,1)*.7)}
.project-row p{font-size:16px;line-height:1.7;color:var(--muted);max-width:300px}
.project-index{font-size:17px;color:#d4dacb}.project-row a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;font-size:24px}
.concept-sheet img,.wolf-art img,.mountain-art img{translate:0 var(--scene-shift,0px);scale:1.1}
#motion{width:auto;min-width:44px;display:flex;align-items:center;gap:8px;padding:8px 12px}
#motion .motion-label{font-family:inherit;font-size:13px;white-space:nowrap}
@media(max-width:760px){.projects{padding-top:60px;padding-bottom:65px}.projects-heading{display:block;margin-bottom:35px}.projects-heading .eyebrow{margin-bottom:20px}.project-row{grid-template-columns:55px 1fr 44px;gap:15px;padding:30px 0}.project-row h3{font-size:38px;transform:translateX(calc((1 - var(--project-progress,1))*32px))}.project-row p{grid-column:2;grid-row:2;font-size:15px}.project-row a{grid-column:3;grid-row:1}.project-index{font-size:14px}#motion .motion-label{display:none}.concept-sheet img,.wolf-art img,.mountain-art img{scale:1.18}}
.reduced-motion .project-row h3{transform:none;opacity:1}.reduced-motion .project-row:after{transform:none}.reduced-motion .concept-sheet img,.reduced-motion .wolf-art img,.reduced-motion .mountain-art img{translate:none;scale:none}
@media(prefers-reduced-motion:reduce){.project-row h3{transform:none;opacity:1}.project-row:after{transform:none}.concept-sheet img,.wolf-art img,.mountain-art img{translate:none;scale:none}}

/* Display typography and an explicit, persistent motion control. */
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-condensed-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.hero h1,.projects-heading h2,.project-row h3,.mini-title-wrap h2{font-family:'Barlow Condensed',Manrope,sans-serif;font-weight:600;letter-spacing:-.012em}
.hero h1{font-size:clamp(58px,7.5vw,118px);line-height:.98;max-width:1150px}.hero-line{padding-bottom:.14em;margin-bottom:-.14em}
.project-row h3{font-size:clamp(42px,5.1vw,78px)}.projects-heading h2{font-size:clamp(48px,6vw,88px)}
.studio h2,.history>h2,.services-intro h2,.mobile-intro h2{font-weight:550;letter-spacing:-.035em;line-height:1.13}
.service-body h3,.wolf-copy h3,.mountain-copy h3{font-weight:600;letter-spacing:-.025em}
#motion{border-radius:7px;border:1px solid #efa675;background:#f1a474;color:#171914;height:44px;min-width:165px;justify-content:center;box-shadow:0 2px 12px #0002}
#motion .motion-label{display:inline;font-size:13px;font-weight:700}#motion>span[aria-hidden]{font-size:0;width:8px;height:8px;border-radius:50%;background:#234b31;flex-shrink:0}
#motion[aria-pressed=true]{background:#232721;color:#f4f3ee;border-color:#bdc4b4}#motion[aria-pressed=true]>span[aria-hidden]{background:#b8bdaf}
#motion:hover{filter:brightness(1.1)}#motion:disabled{opacity:1}#motion:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:1050px){.header{gap:18px}.nav{gap:20px}#motion{min-width:150px;padding:8px}.header-tools{gap:8px}}
@media(max-width:760px){#motion{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));height:46px;min-width:174px;padding:10px 14px;z-index:30;box-shadow:0 4px 24px #0007}#motion .motion-label{display:inline}.hero h1{font-size:clamp(49px,12.8vw,80px);line-height:1.02}.project-row h3{font-size:46px}.projects-heading h2{font-size:52px}.footer{padding-bottom:85px}}
@media(max-width:760px){.header.is-scrolled{backdrop-filter:none}}

/* Compact art gallery and full-size, keyboard-accessible preview. */
.art-gallery{padding-top:75px;padding-bottom:75px}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px;max-width:1120px;margin:auto}
.art-gallery .art-card{margin:0;min-width:0;background:none;padding:0}
.art-open{position:relative;display:block;overflow:hidden;background:#252931}
.art-gallery .art-card picture{display:block;aspect-ratio:16/10;overflow:hidden;transform:none;clip-path:none}
.art-gallery .art-card img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;scale:1.06;translate:0 calc(var(--scene-shift,0px)*.35);transition:scale .6s var(--ease)}
.art-open:hover img{scale:1.12!important}.art-expand{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:15px;background:#151a23e8;color:white;padding:10px 14px;border:1px solid #ffffff35;font-size:13px;backdrop-filter:blur(8px);transition:background .25s}.art-expand>span:last-child{font-size:21px}.art-open:hover .art-expand{background:var(--cobalt)}
.art-gallery .art-card figcaption{padding:18px 0 0;margin:0;color:#1d2737}.art-card figcaption h3{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.02em;margin-bottom:10px}.art-card figcaption p{font-size:15px;line-height:1.75;color:#4d596b;max-width:490px}
.art-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:transparent;padding:25px;color:#f6f8ff;overflow:auto;overscroll-behavior:contain}
.art-dialog::backdrop{background:#090d16ed;backdrop-filter:blur(14px)}.art-dialog[open]{display:grid;place-items:center}.art-is-open{overflow:hidden;scrollbar-gutter:stable}
.art-dialog-panel{width:min(1280px,100%);margin:auto;background:#171d28;border:1px solid #a7b9d330;box-shadow:0 24px 90px #0007;padding:20px 24px}
.art-dialog-header,.art-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.art-dialog-header{margin-bottom:18px}.art-dialog-header h2{font-size:20px;letter-spacing:-.015em;font-weight:500}.art-close{display:flex;align-items:center;gap:18px;border:0;background:none;padding:6px 10px;min-height:44px;color:#dce7ff;font-size:14px}.art-close>span:last-child{font-size:30px}.art-dialog-stage{display:grid;place-items:center;min-height:150px;background:#10151e}.art-dialog-image{display:block;max-width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain}.art-dialog-footer{justify-content:center;margin-top:16px}.art-dialog-footer button{background:transparent;border:1px solid #a7b9d355;width:44px;height:44px;font-size:24px;color:white}.art-dialog-footer button:hover,.art-close:hover{background:#ffffff10}.art-counter{min-width:65px;text-align:center;font-size:14px;color:#c4cfdf}
@media(max-width:760px){.art-grid{gap:32px;grid-template-columns:1fr}.art-gallery{padding-top:50px;padding-bottom:50px}.art-gallery .art-card picture{aspect-ratio:3/2;max-height:270px}.art-card figcaption h3{font-size:22px}.art-card figcaption p{font-size:15px}.art-dialog{padding:12px}.art-dialog-panel{padding:12px}.art-dialog-header{gap:10px}.art-dialog-header h2{font-size:17px}.art-close{gap:8px}.art-close>span:first-child{display:none}.art-dialog-image{max-height:calc(100dvh - 180px)}.art-gallery .art-card figcaption{padding-left:0;padding-right:0}}
.reduced-motion .art-open img{scale:1!important;translate:none!important;transition:none}@media(prefers-reduced-motion:reduce){.art-open img{scale:1!important;translate:none!important;transition:none}}

/* Cobalt palette: bright accents on neutral graphite, quieter blue-grey text. */
:root{--bg:#12161e;--paper:#e8edf3;--text:#f2f5fb;--muted:#b5bfce;--accent:#88adff;--cobalt:#2455dc;--line:#b2c8eb28}
body{background:var(--bg)}.header.is-scrolled{background:#12161ef5}.projects{background:#171e2b}.hero{background:#171d27}.hero-shade{background:linear-gradient(90deg,#101620ed 0%,#101620c9 30%,#10162020 67%,transparent),linear-gradient(0deg,#12161e 0%,transparent 25%)}
.button-orange,.skip-link{background:var(--cobalt);color:#fff}.button-orange:hover{background:#3469f4}::selection{background:#2455dc;color:white}
#motion{background:var(--cobalt);border-color:#84a7ff;color:white}#motion>span[aria-hidden]{background:#d1e0ff}#motion[aria-pressed=true]{background:#222c3c;border-color:#8294b0;color:#f3f6ff}
.project-row:after{background:#739fff}.service-item:after{background:#2455dc}.history-year{color:#dce6f6}.hero-line+.hero-line{color:#d8e2f4}.hero-intro,.hero-bottom{color:#c5cfde}.section-label{color:#afbdd1}.hero-content>.eyebrow{color:#c7d5eb}
.services,.concepts{color:#192536}.services .eyebrow,.concepts .eyebrow{color:#526681}.service-body>p,.service-body ul{color:#4c5c72}.slider-progress>span{background:#88adff}

/* Compact ON/OFF switch, with both a visual position and a text state. */
#motion{min-width:135px;height:40px;padding:8px 12px;gap:10px;border-radius:6px;background:#17253deb;color:#ecf3ff;border:1px solid #7598d780;box-shadow:none}
#motion .motion-label{font-size:12px;letter-spacing:.015em;font-weight:600}
#motion>span[aria-hidden]{position:relative;width:27px;height:15px;border-radius:12px;background:#487cfa;font-size:0;overflow:hidden}
#motion>span[aria-hidden]:after{content:"";position:absolute;width:9px;height:9px;top:3px;left:3px;border-radius:50%;background:white;transform:translateX(12px);transition:transform .2s,background .2s}
#motion[aria-pressed=true]>span[aria-hidden]{background:#65738b}#motion[aria-pressed=true]>span[aria-hidden]:after{transform:translateX(0)}
#motion[aria-pressed=true]{background:#1a2332;color:#d4deed;border-color:#61718a}
@media(max-width:760px){#motion{min-width:143px;height:44px;background:#17253df5;box-shadow:0 4px 18px #0005}}
.services,.art-gallery{background:var(--paper)}.mini-shade{background:linear-gradient(180deg,#11182655,#11182615 40%,#12161ee6)}.mini-stage{background:#12161e}.concepts-heading>p:last-child{color:#4d596b}

/* Angular display face echoing the geometry of the REIKA wordmark. */
@font-face{font-family:Oxanium;src:url('fonts/oxanium-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--font-display:Oxanium,Manrope,Arial,sans-serif}
h1,h2,h3,.hero h1,.projects-heading h2,.project-row h3,.mini-title-wrap h2,.art-dialog-header h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}
.hero h1{font-size:clamp(52px,6.2vw,96px);line-height:1.08;max-width:1180px;letter-spacing:-.035em}
.project-row h3{font-size:clamp(36px,4.2vw,64px);line-height:1.15;letter-spacing:-.035em}
.projects-heading h2{font-size:clamp(40px,4.8vw,72px)}.mini-title-wrap h2{font-weight:600;letter-spacing:-.045em}
.history-year{font-family:var(--font-display);font-weight:500;letter-spacing:-.045em}
.art-card figcaption h3{font-size:22px;line-height:1.35;font-weight:600}.service-body h3{line-height:1.2}
@media(max-width:760px){.hero h1{font-size:clamp(38px,10.2vw,66px);line-height:1.14;letter-spacing:-.045em}.project-row h3{font-size:clamp(29px,8.4vw,44px);letter-spacing:-.04em}.projects-heading h2{font-size:40px}.art-card figcaption h3{font-size:21px}.mini-title-wrap h2{font-size:21vw}.history-year{font-size:58px}}