:root{--cream:#f5efe6;--ink:#19171e;--purple:#4a18bd;--yellow:#f4ed28;--coral:#f25741;--pink:#f5d4d6;--green:#17684c;--line:#d9d1c5;--rail:94px;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.rail{position:fixed;z-index:20;left:0;top:0;bottom:0;width:var(--rail);padding:18px 13px;background:var(--purple);color:white;display:flex;flex-direction:column;justify-content:space-between}.logo{font:800 22px/.82 var(--display);letter-spacing:-.03em}.logo span{display:block;font-size:15px;letter-spacing:.03em}.rail nav{display:flex;flex-direction:column;gap:22px}.rail nav a{font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase;opacity:.8;transition:opacity .2s,transform .2s}.rail nav a:hover,.rail nav a.current{opacity:1;transform:translateX(4px);color:var(--yellow)}.rail-bottom{font:8px/1.8 var(--mono);letter-spacing:.1em}.rail-bottom b{font:29px var(--body);color:var(--yellow)}.page{margin-left:var(--rail)}.topbar{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cream);border-bottom:1px solid #19171e12}.topbar span,.topbar>a{font:9px/1.5 var(--mono);letter-spacing:.09em}.topbar .top-cta{background:var(--yellow);padding:15px 18px}.top-cta span{padding-left:20px;font-size:15px}.hero{height:min(810px,90svh);min-height:620px;position:relative;background:var(--yellow);overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 26%;overflow:hidden}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#c93c27 0%,#e54c2e66 36%,transparent 70%);mix-blend-mode:multiply;opacity:.64}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15)}.hero-tag{position:absolute;right:7%;top:9%;z-index:1;background:var(--purple);color:white;padding:14px 18px;font:10px/1.4 var(--mono);letter-spacing:.13em;transform:rotate(3deg)}.hero-title{position:absolute;left:5%;top:13%;z-index:2}.hero-title h1{font:900 clamp(74px,12vw,170px)/.78 var(--display);letter-spacing:-.04em;color:var(--cream);margin:0;text-shadow:4px 4px 0 var(--ink)}.hero-title h1 em{font-style:normal;color:var(--yellow);display:block}.hero-title p{font:500 16px/1.5 var(--body);margin:30px 0 21px;background:var(--ink);color:white;display:inline-block;padding:12px 15px}.button{display:inline-flex;align-items:center;gap:27px;padding:15px 18px;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-4px);box-shadow:0 11px 22px #0002}.button span{font-size:16px}.button-coral{background:var(--coral);color:white}.button-yellow{background:var(--yellow);color:var(--ink)}.button-dark{background:var(--ink);color:white}.hero-stamp{position:absolute;right:12%;bottom:14%;z-index:3;width:116px;height:116px;border-radius:50%;background:var(--coral);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:36px;animation:spin 20s linear infinite}.hero-stamp small{font:8px/1.4 var(--mono);text-align:center;letter-spacing:.08em}.hero-index{position:absolute;bottom:20px;left:5%;right:5%;font:9px var(--mono);letter-spacing:.12em;display:flex;justify-content:space-between}.statement{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:30px;align-items:center;padding:80px 5%;position:relative;overflow:hidden}.statement-title{font:800 clamp(28px,4vw,56px)/.88 var(--display);letter-spacing:-.02em}.statement-title span{color:var(--coral)}.statement p{font-size:14px;line-height:1.7;max-width:450px;margin:0}.arrow-link{font:9px var(--mono);letter-spacing:.1em;white-space:nowrap}.arrow-link b{color:var(--coral);margin-left:14px}.statement-dot{position:absolute;right:-10px;bottom:-73px;font-size:170px;color:var(--yellow)}.featured{padding:0 5% 100px}.section-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:14px 0;margin-bottom:20px;font:9px var(--mono);letter-spacing:.12em}.featured-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.feature{position:relative;display:block;overflow:hidden;background:var(--pink)}.feature img{display:block;width:100%;height:100%;min-height:270px;object-fit:cover;transition:transform .7s}.feature:hover img{transform:scale(1.04)}.feature-one{grid-row:span 2;height:590px}.feature-two{height:350px}.feature-three{height:220px}.feature-label{position:absolute;top:14px;left:14px;background:var(--yellow);padding:9px;font:8px var(--mono);letter-spacing:.1em}.feature h2{position:absolute;left:16px;bottom:6px;color:white;font:800 clamp(34px,5vw,65px)/.84 var(--display);text-shadow:2px 2px 0 var(--ink);letter-spacing:-.02em}.feature h2 i{color:var(--yellow);font-style:normal}.manifesto{background:var(--pink);padding:80px 7%;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;position:relative;overflow:hidden}.manifesto-word{font:900 clamp(90px,20vw,270px)/.72 var(--display);color:var(--purple);transform:rotate(-9deg);letter-spacing:-.06em}.manifesto>div:nth-child(2)>span{font:9px var(--mono);letter-spacing:.14em}.manifesto h2{font:900 clamp(52px,8vw,110px)/.8 var(--display);letter-spacing:-.03em;margin:12px 0 24px}.manifesto h2 i{color:var(--coral);font-style:normal}.manifesto-orb{position:absolute;right:2%;top:3%;color:var(--yellow);font-size:120px;animation:spin 25s linear infinite}.closing{display:grid;grid-template-columns:1.2fr .8fr;min-height:420px;background:var(--yellow)}.closing-image{overflow:hidden}.closing-image img{width:100%;height:100%;min-height:400px;object-fit:cover}.closing-copy{padding:9% 8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.closing-copy>span{font:9px var(--mono);letter-spacing:.15em}.closing-copy h2{font:800 clamp(42px,6vw,76px)/.83 var(--display);margin:16px 0 25px}.closing-copy h2 i{color:var(--purple);font-style:normal}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:25px 5%;align-items:center;font:8px var(--mono);letter-spacing:.08em}.footer-logo{font:800 20px var(--display)}.footer>span{text-align:center}.footer>div{display:flex;justify-content:flex-end;gap:18px}.footer small{grid-column:1/-1;text-align:center;color:#777;font-size:7px}.inner-page{padding:50px 5% 90px}.micro{font:9px var(--mono);letter-spacing:.16em;color:var(--purple)}.inner-heading{position:relative;margin:25px 0 35px}.inner-heading h1,.detail-title h1,.studio-hero h1,.contact-heading h1{font:900 clamp(74px,13vw,170px)/.75 var(--display);letter-spacing:-.04em;margin:18px 0 15px}.inner-heading h1 i,.detail-title h1 i,.studio-hero h1 i,.contact-heading h1 i{color:var(--coral);font-style:normal}.inner-heading p{font-size:14px;margin:0}.filters{display:flex;gap:10px;border-bottom:1px solid var(--ink);padding:0 0 14px;margin-bottom:20px;flex-wrap:wrap}.filter{border:1px solid var(--ink);background:transparent;padding:10px 13px;font:9px var(--mono);letter-spacing:.08em;cursor:pointer;transition:.2s}.filter span{color:var(--coral);margin-left:8px}.filter.active,.filter:hover{background:var(--purple);border-color:var(--purple);color:white}.project-wall{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:280px 280px 250px;gap:14px}.wall-card{position:relative;display:block;overflow:hidden;background:var(--pink)}.wall-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.wall-card:hover img{transform:scale(1.05)}.wall-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#16131b99)}.wall-card b,.wall-card span{position:absolute;z-index:1;color:white}.wall-card b{font:800 50px var(--display);left:13px;top:7px}.wall-card span{left:14px;bottom:14px;font:9px/1.7 var(--mono);letter-spacing:.1em}.wall-a{grid-row:span 2}.wall-d{grid-column:2}.wall-f{grid-column:3}.projects-cta{margin-top:65px;padding:34px;background:var(--purple);color:white;display:flex;align-items:center;justify-content:space-between;gap:22px}.projects-cta strong{font:800 clamp(34px,5vw,64px)/.85 var(--display)}.projects-cta i{font-style:normal;color:var(--yellow)}.detail-hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px;margin:-50px -5% 0}.detail-title{padding:14% 7%;background:var(--coral);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.detail-title .micro{color:var(--yellow)}.detail-title h1{font-size:clamp(57px,8vw,105px);margin:18px 0}.detail-title h1 i{color:var(--yellow)}.detail-title p{font-size:14px;line-height:1.6;max-width:390px}.text-arrow{font:9px var(--mono);letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:9px;margin-top:14px}.detail-hero figure{margin:0;position:relative;min-height:440px}.detail-hero figure img{width:100%;height:100%;object-fit:cover}.detail-hero figcaption{position:absolute;bottom:15px;left:17px;background:var(--yellow);padding:10px;font:8px var(--mono);letter-spacing:.1em}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--yellow);margin:0 -5%;padding:27px 5%;gap:20px}.project-facts div{border-right:1px solid #19171e40;padding:5px 16px}.project-facts div:last-child{border:0}.project-facts b{font:700 35px var(--display);color:var(--purple);margin-right:13px}.project-facts span{font:9px var(--mono);letter-spacing:.1em}.project-facts p{font-size:12px;max-width:260px;margin:8px 0 0}.detail-story{max-width:760px;margin:90px auto;text-align:center}.detail-story h2,.before-after h2{font:800 clamp(50px,7vw,80px)/.82 var(--display);margin:20px 0}.detail-story h2 i,.before-after h2 i{color:var(--coral);font-style:normal}.detail-story p{line-height:1.7;max-width:630px;margin:0 auto}.detail-story .text-arrow{display:inline-block;color:var(--purple)}.detail-gallery{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:12px}.detail-gallery img{width:100%;height:300px;object-fit:cover}.detail-gallery img:nth-child(2){margin-top:45px}.detail-gallery img:nth-child(3){margin-top:90px}.before-after{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:center;margin-top:90px;padding:48px;background:var(--pink)}.compare{position:relative;overflow:hidden}.compare img{width:100%;height:390px;object-fit:cover}.compare span{position:absolute;left:13px;bottom:13px;background:var(--yellow);padding:8px;font:8px var(--mono)}.compare input{width:100%;accent-color:var(--purple)}.detail-next{display:flex;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em}.studio-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;margin:15px 0 55px}.studio-hero h1{font-size:clamp(60px,9vw,110px)}.studio-hero p{max-width:380px;line-height:1.6}.studio-hero img{width:100%;height:470px;object-fit:cover}.studio-manifesto{position:relative;padding:55px 8%;background:var(--yellow);overflow:hidden}.studio-manifesto>span{font:9px var(--mono);letter-spacing:.15em}.studio-manifesto p{font:800 clamp(36px,6vw,70px)/.93 var(--display);margin:16px 0 0}.studio-manifesto p b{color:var(--coral)}.studio-manifesto .manifesto-orb{color:var(--purple)}.team-heading{margin:70px 0 22px}.team-heading h2{font:800 clamp(56px,8vw,90px)/.84 var(--display);margin:15px 0}.team-heading h2 i{color:var(--coral);font-style:normal}.team-photo{height:440px;position:relative;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover}.team-photo span{position:absolute;bottom:15px;left:15px;background:var(--purple);color:white;padding:10px;font:9px var(--mono)}.team-bios{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 80px}.team-bios article{border-top:2px solid var(--coral);padding-top:12px}.team-bios b{font:8px var(--mono);letter-spacing:.1em;color:var(--purple)}.team-bios h3{font:700 28px var(--display);margin:12px 0 4px}.team-bios p{font-size:12px;color:#666;line-height:1.5}.studio-approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:48px;background:var(--pink)}.studio-approach h2{font:800 clamp(50px,6vw,78px)/.82 var(--display);margin:17px 0}.studio-approach h2 i{color:var(--coral);font-style:normal}.studio-approach p{line-height:1.6;font-size:13px}.approach-steps article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:13px 0;border-top:1px solid #17141c35}.approach-steps b{font:800 27px var(--display);color:var(--coral)}.approach-steps h3{font:800 24px var(--display);margin:0}.approach-steps p{margin:3px 0}.contact-heading{position:relative;padding:30px 0 50px;border-bottom:1px solid var(--ink)}.contact-heading h1{font-size:clamp(75px,14vw,170px)}.contact-heading p{max-width:480px;font-size:15px;line-height:1.5}.contact-orbit{position:absolute;right:7%;top:11%;width:140px;height:140px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:48px;animation:float 5s ease-in-out infinite}.contact-orbit small{font:9px var(--mono);text-align:center}.contact-main{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;padding:55px 0}.aside-block{border-top:1px solid var(--ink);padding:14px 0 24px}.aside-block b{font:9px var(--mono);letter-spacing:.1em;color:var(--coral)}.aside-block a,.aside-block p{display:block;font-weight:600;margin:10px 0 0}.aside-block p,.aside-block span{font-size:12px;line-height:1.5;color:#6b6870}.contact-image{height:220px;overflow:hidden}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-form{background:var(--yellow);padding:28px 30px;display:flex;flex-direction:column;gap:15px}.form-title{font:800 39px/.85 var(--display)}.form-title i{color:var(--coral);font-style:normal}.contact-form label{font:9px var(--mono);letter-spacing:.1em;display:flex;flex-direction:column;gap:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #19171e55;background:#fff8;color:var(--ink);padding:12px;font:13px var(--body);letter-spacing:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--purple);outline-offset:1px}.form-note{font:9px var(--mono);margin:0}.form-result{font-size:12px;font-weight:700}.contact-final{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em}.contact-final strong{font:800 clamp(35px,6vw,65px)/.82 var(--display)}.contact-final strong i{color:var(--coral);font-style:normal}.contact-final a{border-bottom:1px solid;padding-bottom:6px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px) rotate(5deg)}}
@media(max-width:850px){:root{--rail:72px}.rail{padding:15px 9px}.logo{font-size:17px}.logo span{font-size:12px}.rail nav{gap:18px}.rail nav a{font-size:8px}.topbar{padding:0 4vw}.topbar>a:nth-child(2){display:none}.statement{grid-template-columns:1fr 1fr}.statement p{grid-column:2}.arrow-link{grid-column:2}.statement-dot{right:-30px}.project-wall{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,260px)}.wall-a{grid-row:span 2}.wall-d,.wall-f{grid-column:auto}.detail-hero{grid-template-columns:1fr}.detail-title{padding:55px 7%}.detail-hero figure{height:400px}.studio-hero{grid-template-columns:1fr}.studio-hero img{height:350px}.team-bios{grid-template-columns:1fr 1fr}.studio-approach{gap:25px}.contact-main{gap:25px}}
@media(max-width:560px){:root{--rail:0px}.rail{position:sticky;top:0;bottom:auto;width:100%;height:62px;padding:0 16px;flex-direction:row;align-items:center}.rail nav{flex-direction:row;gap:13px}.rail nav a{font-size:7px;letter-spacing:0}.rail-bottom{display:none}.logo{font-size:15px;white-space:nowrap}.logo span{font-size:11px}.page{margin-left:0}.topbar{height:55px}.topbar span{font-size:7px}.topbar .top-cta{font-size:7px;padding:12px}.hero{height:720px;min-height:0}.hero-photo{left:0}.hero-photo:after{background:linear-gradient(90deg,#9c2e2180,#25132230)}.hero-title{top:19%;left:5%}.hero-title h1{font-size:clamp(68px,18vw,105px)}.hero-stamp{right:8%;bottom:13%;width:90px;height:90px}.hero-title p{font-size:13px}.statement{grid-template-columns:1fr;gap:20px;padding:50px 6%}.statement-title{font-size:47px}.statement p,.arrow-link{grid-column:auto}.statement-dot{font-size:100px}.featured{padding:0 6% 60px}.featured-grid{grid-template-columns:1fr}.feature-one,.feature-two,.feature-three{height:340px;grid-row:auto}.manifesto{grid-template-columns:1fr;padding:54px 6%}.manifesto-word{font-size:110px;margin:0 0 30px}.manifesto h2{font-size:70px}.closing{grid-template-columns:1fr}.closing-image img{min-height:280px;height:280px}.closing-copy{padding:45px 7%}.footer{grid-template-columns:1fr 1fr}.footer>span{display:none}.footer>div{gap:10px}.footer small{font-size:6px}.inner-page{padding:35px 5% 60px}.inner-heading h1{font-size:74px}.filters{gap:6px}.filter{font-size:7px;padding:9px}.project-wall{grid-template-columns:1fr 1fr;grid-template-rows:220px 200px 220px;gap:8px}.wall-a{grid-row:span 2}.wall-card b{font-size:34px}.wall-card span{font-size:7px}.projects-cta{padding:24px;align-items:flex-start;flex-direction:column}.projects-cta strong{font-size:42px}.detail-hero{margin:-35px -5% 0}.detail-title h1{font-size:73px}.detail-hero figure{height:300px;min-height:300px}.project-facts{grid-template-columns:1fr;gap:8px}.project-facts div{border-right:0;border-bottom:1px solid #19171e40;padding:9px 0}.project-facts div:last-child{border:0}.detail-story{margin:60px auto}.detail-gallery{grid-template-columns:1fr 1fr}.detail-gallery img{height:170px}.detail-gallery img:nth-child(2),.detail-gallery img:nth-child(3){margin-top:0}.detail-gallery img:first-child{grid-column:span 2;height:230px}.before-after{grid-template-columns:1fr;padding:25px;margin-top:55px}.compare img{height:240px}.studio-hero h1{font-size:70px}.studio-hero img{height:280px}.studio-manifesto{padding:40px 7%}.studio-manifesto p{font-size:40px}.team-photo{height:280px}.team-bios{grid-template-columns:1fr}.studio-approach{grid-template-columns:1fr;padding:28px 6%}.contact-heading h1{font-size:84px}.contact-orbit{width:82px;height:82px;font-size:30px;right:0}.contact-orbit small{font-size:6px}.contact-main{grid-template-columns:1fr}.contact-image{height:190px}.contact-form{padding:23px 19px}.contact-final{flex-direction:column;align-items:flex-start}.contact-final strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.materials{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center;padding:65px 0}.materials h2{font:800 clamp(48px,7vw,82px)/.83 var(--display);margin:16px 0}.materials h2 i{font-style:normal;color:var(--coral)}.materials p{font-size:13px;line-height:1.6;color:#69656e}.materials img{width:100%;height:360px;object-fit:cover}.material-swatches{display:flex;gap:13px;margin-top:22px}.material-swatches .swatch{width:35px;height:35px;border:2px solid var(--cream);border-radius:50%;box-shadow:0 0 0 1px var(--ink);cursor:pointer}.material-swatches .swatch.active{outline:2px solid var(--ink);outline-offset:3px}.swatch[data-tone=purple]{background:var(--purple)}.swatch[data-tone=yellow]{background:var(--yellow)}.swatch[data-tone=coral]{background:var(--coral)}.swatch[data-tone=green]{background:var(--green)}.tone-name{display:block;margin-top:12px;font:9px var(--mono);letter-spacing:.1em}.materials[data-active=yellow]{background:#f4ed2840}.materials[data-active=coral]{background:#f2574120}.materials[data-active=green]{background:#17684c16}@media(max-width:560px){.materials{grid-template-columns:1fr;gap:22px}.materials img{height:250px}}
.compare-stage{position:relative;height:390px;overflow:hidden}.compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-stage .after-image{clip-path:inset(0 45% 0 0)}.compare input{position:relative;z-index:2;margin:10px 0 0}.compare span{z-index:3}@media(max-width:560px){.compare-stage{height:240px}}

/* MOTIF motion, media and furniture-only palette refinements */
.hero-photo>video,.feature video,.wall-card video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.13);transition:transform .7s,filter .4s}.feature:hover video,.wall-card:hover video{transform:scale(1.045);filter:saturate(1.28)}.hero-video-toggle{position:absolute;z-index:4;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--yellow);border:0;color:var(--ink);font:12px var(--mono);cursor:pointer}.hero-video-toggle span{font-size:8px;letter-spacing:.1em}.hero-video-toggle.paused:before{content:'▶';font-size:11px}.hero-video-toggle.paused{font-size:0}.hero-video-toggle.paused span{font-size:8px}.ticker{overflow:hidden;background:var(--purple);color:white;padding:16px 0;white-space:nowrap}.ticker-track{display:flex;align-items:center;gap:42px;width:max-content;font:10px var(--mono);letter-spacing:.18em;animation:motif-marquee 26s linear infinite}.ticker-track b{font:20px var(--body);color:var(--yellow)}@keyframes motif-marquee{to{transform:translateX(-50%)}}.featured-grid,.project-wall{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 15px}.featured-grid::-webkit-scrollbar,.project-wall::-webkit-scrollbar{display:none}.feature{flex:0 0 min(72vw,900px);height:540px;scroll-snap-align:start}.feature-one,.feature-two,.feature-three{height:540px;grid-row:auto}.feature img,.feature video{min-height:0}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:14px 0 0;font:9px var(--mono);letter-spacing:.1em}.slider-controls button{width:43px;height:43px;border:1px solid var(--ink);background:transparent;border-radius:50%;font-size:19px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.slider-controls button:hover{background:var(--yellow);transform:translateY(-2px)}.slide-count{min-width:54px;text-align:center}.project-wall .wall-card{flex:0 0 35%;height:390px;grid-row:auto;grid-column:auto;scroll-snap-align:start}.wall-card img,.wall-card video{width:100%;height:100%;object-fit:cover}.project-slider-controls{margin:18px 0 50px}.materials{background:transparent!important}.materials-preview{position:relative;isolation:isolate;overflow:hidden;height:clamp(300px,37vw,520px);background:#d9d3c7}.materials-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.materials-preview:hover .materials-photo{transform:scale(1.035)}.furniture-colorwash{position:absolute;z-index:1;inset:0;background:var(--furniture-color,#4a18bd);opacity:.5;mix-blend-mode:color;clip-path:polygon(34% 53%,40% 48%,48% 50%,57% 51%,66% 49%,73% 54%,77% 70%,73% 79%,63% 81%,47% 79%,37% 77%,32% 68%);transition:background-color .55s ease,clip-path .55s ease}.materials-preview[data-active=yellow]{--furniture-color:#f4ed28}.materials-preview[data-active=coral]{--furniture-color:#f25741}.materials-preview[data-active=green]{--furniture-color:#17684c}.materials-preview[data-active=purple]{--furniture-color:#4a18bd}.preview-caption{position:absolute;z-index:2;left:15px;bottom:15px;padding:10px 12px;background:var(--cream);font:8px var(--mono);letter-spacing:.12em}.preview-spark{position:absolute;z-index:2;right:20px;top:14px;color:var(--yellow);font-size:44px;animation:spin 18s linear infinite}.materials[data-active=yellow],.materials[data-active=coral],.materials[data-active=green]{background:transparent!important}.material-swatches .swatch{transition:transform .22s,outline-color .22s}.material-swatches .swatch:hover{transform:scale(1.12)}.material-swatches .swatch.active{outline:2px solid var(--ink);outline-offset:4px}.ambient-video[data-video]{background-position:center;background-size:cover}@media(max-width:800px){.feature,.feature-one,.feature-two,.feature-three{flex-basis:84vw;height:440px}.project-wall .wall-card{flex-basis:70%;height:350px}}@media(max-width:560px){.hero-video-toggle{right:12px;bottom:12px;padding:10px}.feature,.feature-one,.feature-two,.feature-three{flex-basis:88vw;height:390px}.project-wall .wall-card{flex-basis:83%;height:300px}.materials-preview{height:300px}.ticker-track{font-size:8px}.slider-controls button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.hero-stamp,.manifesto-orb,.preview-spark{animation:none}.feature video,.wall-card video,.materials-photo{transition:none}}

/* Architectural language: drawings, dimensions and spatial studies */
.drawing-band{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center;padding:62px 5%;background:#fffdf8;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.drawing-band:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#4a18bd08 1px,transparent 1px),linear-gradient(90deg,#4a18bd08 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.drawing-band-copy,.drawing-band-plan{position:relative;z-index:1}.drawing-band-copy h2,.technical-heading h2,.studio-drawing-note h2{font:800 clamp(45px,6vw,76px)/.84 var(--display);letter-spacing:-.025em;margin:15px 0}.drawing-band-copy h2 i,.technical-heading h2 i,.studio-drawing-note h2 i{font-style:normal;color:var(--coral)}.drawing-band-copy p,.technical-heading p,.studio-drawing-note p{max-width:430px;color:#69656e;font-size:13px;line-height:1.7}.drawing-band-plan{margin:0;border:1px solid #4a18bd40;padding:12px;background:#fbf8f1}.drawing-band-plan img{display:block;width:100%;height:auto}.drawing-band-plan figcaption,.technical-drawings figcaption,.studio-drawing-note figcaption{font:8px var(--mono);letter-spacing:.12em;border-top:1px solid #19171e33;padding:10px 4px 1px;color:#635f69}.technical-drawings{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:center;padding:50px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.technical-heading{position:relative;padding:18px 18px 18px 0}.technical-heading h2{font-size:clamp(42px,5vw,68px)}.drawing-stamp{display:inline-block;border:1px solid var(--coral);padding:9px 12px;font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--coral);transform:rotate(-4deg);margin-top:9px}.technical-plan,.technical-section{margin:0;border:1px solid #4a18bd35;background:#fbf8f1;padding:9px;position:relative}.technical-plan img,.technical-section img{display:block;width:100%;height:auto}.technical-section{grid-column:2}.studio-drawing-note{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center;padding:40px;background:#fffdf8;position:relative}.studio-drawing-note figure{margin:0;background:#fbf8f1;border:1px solid #4a18bd40;padding:10px}.studio-drawing-note figure img{width:100%;display:block}.studio-drawing-note h2{font-size:clamp(42px,5vw,65px)}.materials-preview:after{content:"A—A";position:absolute;right:13px;top:12px;border:1px solid #fff;padding:7px 9px;color:white;font:8px var(--mono);letter-spacing:.12em}.materials-preview .preview-caption{border-left:3px solid var(--coral)}.materials-preview{outline:1px solid #19171e55;outline-offset:-8px}.materials-preview:before{content:"0.00";position:absolute;z-index:2;left:12px;top:50%;writing-mode:vertical-rl;color:white;text-shadow:0 1px 5px #000;font:8px var(--mono);letter-spacing:.13em}.material-swatches:after{content:"MOBILIER · ÉTUDE DE TEINTE";display:block;align-self:center;font:8px var(--mono);letter-spacing:.08em;color:#777}.studio-manifesto{background:var(--yellow)}.studio-approach{background:#f5d4d6}.hero-tag{font-size:9px;line-height:1.6}.feature-label{font-size:8px}.wall-card span{background:#19171ecc;padding:10px 12px;line-height:1.6}.wall-card b{font-family:var(--mono);font-weight:400}@media(max-width:800px){.drawing-band,.technical-drawings,.studio-drawing-note{grid-template-columns:1fr}.technical-section{grid-column:auto}.drawing-band{padding:45px 5%}.studio-drawing-note{padding:25px}.technical-drawings{gap:15px}}@media(max-width:560px){.drawing-band-copy h2,.technical-heading h2,.studio-drawing-note h2{font-size:48px}.drawing-band-plan{padding:6px}.drawing-band-plan figcaption,.technical-drawings figcaption{font-size:7px}.studio-drawing-note{padding:22px 15px}.technical-drawings{padding:35px 0}.material-swatches:after{width:100%;margin-top:4px}}

.wall-card[hidden]{display:none!important}
.rail .logo:after{content:"ARCHITECTURE\A INTÉRIEURE";white-space:pre;display:block;margin-top:10px;font:7px/1.35 var(--mono);letter-spacing:.08em;color:#ffffffcc;max-width:78px}@media(max-width:560px){.rail .logo:after{display:none}}
