@charset "UTF-8";
:root{--paper:#f4efe5;--paper-light:#faf7f0;--ink:#243d32;--muted:#596457;--line:#cbcbbb;--accent:#985332;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}img{display:block;max-width:100%;height:auto}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.04;letter-spacing:-.048em}h2{font-size:clamp(38px,4.4vw,66px)}h3{line-height:1.22;letter-spacing:-.025em}em{font-weight:400}::selection{background:#cbd9b9;color:#1b3025}:focus-visible{outline:3px solid #bd5b21;outline-offset:5px}button:disabled{cursor:default}section[id]{scroll-margin-top:62px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;font-weight:650}.skip-link{position:fixed;top:7px;left:16px;padding:12px 18px;background:white;color:var(--ink);transform:translateY(-160%);z-index:110}.skip-link:focus{transform:none}.demo-bar{position:sticky;top:0;z-index:60;min-height:39px;padding:8px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:#f5f1e9;font-size:11px;line-height:1.4;letter-spacing:.025em}.demo-bar>span{display:flex;align-items:center;gap:7px}.demo-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#d3dea8}.demo-bar a{display:flex;gap:16px;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7a8b75}.demo-bar a:hover{text-decoration-color:currentColor}.demo-bar :focus-visible{outline-color:#e3ecbf}.site-header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:32px;height:40px}.brand>span{font-family:var(--serif);font-size:29px;line-height:1.05;letter-spacing:-.05em}.brand b,.footer-brand b{font-weight:400;font-style:italic}.brand small{display:block;font-family:var(--sans);font-size:8px;font-weight:500;letter-spacing:.2em;line-height:1.8;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav>a:not(.button){padding-block:10px;position:relative}.site-header nav>a:not(.button)::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a:hover::after{transform:scaleX(1)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);border:1px solid var(--ink);padding:18px 23px;min-height:56px;color:#fffdf6;font-size:12px;line-height:1.5;border-radius:2px;transition:background .2s,transform .2s,box-shadow .2s}.button>span{font-size:19px;line-height:1;transition:transform .2s}.button:hover{background:#354f40;box-shadow:0 5px 0 #d5d1bf;transform:translateY(-2px)}.button:hover>span{transform:translate(2px,-2px)}.button:active{transform:translateY(0);box-shadow:none}.button-small{font-size:11px;min-height:44px;padding:11px 18px;gap:25px}.quiet-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;border:0;border-bottom:1px solid #a5ac98;border-radius:0;background:none;padding:6px 0;font-size:12px;font-weight:500}.quiet-link span{display:inline-block;transition:transform .2s}.quiet-link:hover span{transform:translateY(3px)}.hero{display:grid;grid-template-columns:43% 57%;min-height:650px;padding-top:20px;padding-bottom:68px}.hero-copy{position:relative;z-index:1;align-self:center;padding-right:25px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.hero-copy>.eyebrow>span{width:22px;height:1px;background:var(--accent)}h1{font-size:clamp(58px,6.2vw,88px);line-height:.99}.hero h1 em{color:#7d603c;display:inline-block;margin-top:8px}.hero-intro{font-size:14px;line-height:1.9;max-width:325px;margin:28px 0 30px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-actions .button{gap:26px}.hero-signature{display:flex;align-items:center;gap:13px;margin-top:42px;font-size:10px;line-height:1.5;color:var(--muted)}.hero-signature>span{font-size:31px;line-height:1;color:var(--accent)}.hero-visual{position:relative;min-height:590px;align-self:stretch;margin-left:15px;isolation:isolate;background:#d2c9b6;border-radius:120px 2px 2px 2px;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center;transition:transform 1.2s}.hero-visual::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(20,30,20,.65));z-index:1;pointer-events:none}.hero-visual figcaption{position:absolute;bottom:22px;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:10px;line-height:1.6}.hero-visual figcaption span:first-child{text-transform:uppercase;letter-spacing:.13em}.image-stamp{position:absolute;top:23px;right:22px;padding:16px;background:rgba(250,247,240,.9);color:var(--ink);font-size:8px;font-weight:600;line-height:1.7;letter-spacing:.12em;backdrop-filter:blur(5px)}.material-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:26px;font-size:12px;letter-spacing:.015em;color:#485443}.material-line i{font-size:20px;color:var(--accent);font-style:normal}.expertise{display:grid;grid-template-columns:43% 57%;gap:0}.section-intro{padding-right:90px}.section-intro h2{margin-top:23px}.section-intro>p:last-child{font-size:14px;line-height:1.9;max-width:300px;margin-top:27px;color:var(--muted)}.expertise-list article{display:grid;grid-template-columns:32px 1fr 24px;gap:21px;padding:28px 0;border-top:1px solid var(--line)}.expertise-list article:last-child{border-bottom:1px solid var(--line)}.expertise-list h3{font-family:var(--serif);font-size:29px}.expertise-list p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px;max-width:420px}.index{font-size:11px;color:var(--accent);padding-top:6px}.detail{display:block;font-size:8px;letter-spacing:.13em;margin-top:19px;color:#5b6854;font-weight:600}.line-symbol{font-size:21px;font-weight:300}.inspirations{background:#e8e6da}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:46px}.section-heading h2{margin-top:20px}.section-heading>p{font-size:13px;line-height:1.9;max-width:310px;color:var(--muted);padding-bottom:7px}.project-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:34px 38px}.project{min-width:0}.project-tall{grid-row:span 2}.project-open{display:block;position:relative;overflow:hidden;background:#cfc9b8;border:0;padding:0;width:100%;aspect-ratio:1.95;isolation:isolate}.project-open img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .65s ease}.project-tall .project-open{aspect-ratio:auto;height:calc(100% - 68px)}.project-tall img{object-position:55% center}.project-open:hover img{transform:scale(1.035);filter:brightness(.94)}.project-expand{position:absolute;bottom:18px;right:18px;background:var(--paper-light);color:var(--ink);width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-size:23px;font-weight:300;transition:transform .2s}.project-open:hover .project-expand{transform:rotate(90deg)}.project-type{position:absolute;top:17px;left:17px;padding:5px 9px;background:var(--paper-light);font-size:8px;letter-spacing:.13em;font-weight:600}.project figcaption{padding-top:15px}.project h3{font-family:var(--serif);font-size:23px}.project figcaption p{font-size:10px;color:var(--muted);margin-top:5px}.steps{margin:55px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px}.step-index{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--accent);margin-bottom:28px}.step-index i{flex:1;height:1px;background:var(--line)}.steps h3{font-family:var(--serif);font-size:27px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:17px}.approach-note{margin-top:80px;display:flex;align-items:center;justify-content:center;gap:25px;text-align:left}.approach-note>span{font-size:57px;color:var(--accent);line-height:1}.approach-note p{font-family:var(--serif);font-size:28px;line-height:1.2;letter-spacing:-.025em}.contact-section{background:var(--ink);color:var(--paper-light)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy h2{font-size:clamp(36px,4vw,57px);margin-top:24px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d3d9ca;max-width:370px;margin-top:25px}.demo-note{display:flex;gap:16px;margin-top:45px;max-width:385px;border-top:1px solid #617365;padding-top:23px}.demo-note>span{font-size:28px;line-height:1.2;color:#d8ddad}.demo-note strong{font-weight:600;font-size:12px}.demo-note p{font-size:11px;line-height:1.8;color:#d3d9ca;margin-top:8px}.form-panel{background:var(--paper-light);color:var(--ink);padding:34px;border-radius:2px;align-self:start;min-width:0}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.form-heading h3{font-family:var(--serif);font-size:26px}.form-heading>span{font-size:7px;font-weight:600;letter-spacing:.12em;border:1px solid #b1bba5;padding:5px 7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;min-width:0}.field label{font-size:11px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #b5beaa;border-radius:2px;background:#fffdf7;color:var(--ink);padding:12px;font-size:13px;min-height:48px}.field textarea{resize:vertical;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#687162;opacity:1}.form-help{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 20px}.form-submit{width:100%;gap:12px}.noscript-note{font-size:11px;margin-top:15px}.form-result>.eyebrow{margin-top:18px}.form-result h3{font-family:var(--serif);font-size:33px;margin-top:13px}.result-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;font-size:19px}.form-result dl{margin:25px 0}.form-result dl>div{padding:11px 0;border-bottom:1px solid var(--line)}.form-result dt{font-size:10px;color:var(--muted)}.form-result dd{font-size:13px;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.result-note{font-size:12px;line-height:1.8;color:var(--muted)}.form-result .quiet-link{margin-top:16px}.yova-cta{padding-block:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.yova-cta h2{font-size:44px;margin-top:15px}.yova-cta p:last-child{font-size:13px;color:var(--muted);margin-top:17px}.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-family:var(--serif);font-size:29px;letter-spacing:-.05em}.site-footer p{font-size:10px;line-height:1.7;color:var(--muted)}.site-footer>div{display:flex;gap:25px;font-size:10px}.site-footer>div>a{padding-block:8px;text-decoration:underline;text-underline-offset:4px}.site-footer>div>a:hover{text-decoration-thickness:2px}dialog{padding:0;border:0;border-radius:3px;width:min(1000px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:var(--paper-light);color:var(--ink);overflow:auto;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#15241ed9;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:15px;margin:15px 15px -55px auto;display:flex;align-items:center;gap:15px;padding:9px 13px;background:var(--paper-light);border:1px solid var(--line);z-index:2;font-size:12px;min-height:42px}.dialog-close>span{font-size:22px;line-height:1}#dialog-image{width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#e8e6da}.dialog-copy{padding:26px 32px 32px}.dialog-copy h2{font-size:35px;margin-top:10px}.dialog-copy>p:last-child{font-size:13px;line-height:1.8;margin-top:14px;max-width:740px}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{min-height:710px}.hero-visual{min-height:640px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:21px}.hero{grid-template-columns:46% 54%;padding-top:10px}.hero-visual{min-height:560px;margin-left:0}.hero-copy{padding-right:20px}h1{font-size:clamp(55px,6.2vw,76px)}.hero-actions{gap:9px}.hero-actions .button{padding-inline:18px}.hero-signature{margin-top:28px}.section-intro{padding-right:55px}.expertise-list article{gap:14px}.expertise-list h3{font-size:26px}.section-space{padding-block:85px}.contact-grid{gap:45px}.form-panel{padding:26px}.form-row{grid-template-columns:1fr;gap:0}.section-heading{gap:40px}.steps{gap:32px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.demo-bar{padding-inline:22px;font-size:10px}.demo-bar a{gap:7px}.site-header{min-height:95px}.brand>span{font-size:26px}.brand-mark{width:28px;height:36px}.menu-toggle{display:flex;align-items:center;gap:17px;min-height:44px;padding:8px 0 8px 14px;background:none;border:0;font-size:12px}.menu-toggle>span{font-size:20px}.site-header nav{display:none;position:absolute;left:0;right:0;top:calc(100% - 4px);padding:15px 22px 22px;border:1px solid var(--line);background:var(--paper-light);box-shadow:0 15px 30px #243d3218;z-index:40;align-items:stretch;gap:6px}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a:not(.button){padding-block:10px;min-height:44px}.site-header nav .button{margin-top:8px;justify-content:space-between}.hero{grid-template-columns:1fr 1fr;min-height:540px;padding-bottom:45px}.hero-visual{min-height:490px;border-top-left-radius:80px}.hero-copy>.eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:clamp(48px,6.8vw,60px)}.hero-intro{font-size:12px;margin-block:22px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hero-actions .button{font-size:11px;min-height:50px;gap:15px}.hero-actions .quiet-link{font-size:11px}.hero-signature{font-size:9px;margin-top:22px}.hero-visual figcaption{font-size:8px;left:17px;right:17px;bottom:17px;flex-direction:column;gap:4px}.image-stamp{font-size:7px;right:15px;top:18px;padding:12px}.material-line{font-size:10px;gap:10px;padding-block:20px}.material-line i{font-size:16px}.expertise{grid-template-columns:1fr;gap:35px}.section-intro{padding-right:0;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.section-intro>.eyebrow{grid-column:1/-1}.section-intro h2{font-size:45px}.section-intro>p:last-child{align-self:end;margin-bottom:2px;margin-top:20px}.expertise-list p{max-width:520px}.section-heading h2{font-size:45px}.section-heading>p{font-size:12px;max-width:240px}.project-grid{gap:25px}.project h3{font-size:20px}.project-tall .project-open{height:calc(100% - 65px)}.steps{gap:24px}.steps h3{font-size:23px}.steps p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.contact-copy>.eyebrow,.contact-copy>h2{grid-column:1/-1}.contact-copy h2{font-size:47px}.contact-copy .demo-note{margin-top:25px;padding-top:0;border:0;align-self:center}.contact-copy>p:not(.eyebrow){font-size:13px}.form-panel{padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:18px}.yova-cta h2{font-size:36px}.site-footer{flex-wrap:wrap}.site-footer>div{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.section-space{padding-block:70px}}
@media(max-width:560px){html{scroll-padding-top:60px}.wrap{width:calc(100% - 40px)}.demo-bar{padding:9px 16px;gap:8px;min-height:38px;font-size:9px}.demo-bar>span{gap:5px}.demo-bar a{font-size:9px;gap:5px}.demo-bar a>span{display:none}.site-header{min-height:87px}.brand{gap:10px}.brand>span{font-size:25px}.brand small{font-size:7px;letter-spacing:.17em}.brand-mark{width:26px;height:33px}.hero{display:flex;flex-direction:column;gap:30px;padding-top:20px;padding-bottom:30px}.hero-copy{padding:0;width:100%}.hero-copy>.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(51px,11.8vw,65px);letter-spacing:-.05em}.hero h1 em{margin-top:3px}.hero-intro{font-size:13px;line-height:1.85;max-width:320px;margin:24px 0 25px}.hero-actions{flex-direction:row;align-items:center;gap:16px}.hero-actions .button{min-height:52px;font-size:11px;padding-inline:16px;gap:20px}.hero-actions .quiet-link{font-size:10px;gap:8px}.hero-signature{margin-top:24px;align-items:center;font-size:9px}.hero-signature br{display:none}.hero-signature>span{font-size:23px}.hero-visual{width:100%;min-height:0;aspect-ratio:1.12;align-self:auto;border-top-left-radius:78px}.hero-visual>img{object-position:center}.hero-visual figcaption{flex-direction:row;font-size:8px;gap:8px}.image-stamp{font-size:7px;right:14px;top:15px;padding:10px}.material-line{flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:7px;font-size:9px;padding-block:19px}.material-line i{font-size:12px}.material-line i:nth-of-type(2){display:none}.material-line>span:last-child{flex-basis:100%;text-align:center}.section-space{padding-block:59px}.section-intro{display:block}.section-intro h2{font-size:43px;margin-top:18px}.section-intro>p:last-child{font-size:13px;max-width:340px;margin-top:20px}.expertise{gap:30px}.expertise-list article{grid-template-columns:20px 1fr 14px;gap:12px;padding-block:24px}.expertise-list h3{font-size:25px}.expertise-list p{font-size:12px;line-height:1.85}.index{font-size:10px}.line-symbol{font-size:17px}.detail{font-size:7px;letter-spacing:.1em;margin-top:15px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:43px;margin-top:18px}.section-heading>p{font-size:12px;max-width:330px;margin-top:21px;padding:0}.project-grid{display:block}.project+.project{margin-top:28px}.project-open{aspect-ratio:1.42}.project-tall .project-open{height:auto;aspect-ratio:1.15}.project h3{font-size:24px}.project figcaption p{font-size:10px}.project-type{font-size:7px;top:14px;left:14px}.project-expand{width:35px;height:35px;bottom:14px;right:14px}.steps{display:block;margin-top:33px}.steps li+li{margin-top:29px}.step-index{margin-bottom:17px;font-size:11px}.steps h3{font-size:26px}.steps p{font-size:13px;margin-top:13px}.approach-note{margin-top:46px;gap:18px}.approach-note>span{font-size:39px}.approach-note p{font-size:23px}.contact-copy{display:block}.contact-copy h2{font-size:43px;margin-top:20px}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:22px}.contact-copy .demo-note{border-top:1px solid #617365;padding-top:22px;margin-top:26px}.form-panel{padding:24px 20px}.form-heading{gap:10px;margin-bottom:24px}.form-heading h3{font-size:24px}.form-heading>span{font-size:6px;padding:4px 5px;letter-spacing:.08em}.form-row{grid-template-columns:1fr;gap:0}.field input,.field select,.field textarea{font-size:16px;padding:11px;min-height:48px}.field label{font-size:11px}.form-submit{font-size:11px;padding-inline:15px}.yova-cta{display:block;padding-block:55px}.yova-cta h2{font-size:38px}.yova-cta p:last-child{font-size:12px}.yova-cta .button{margin-top:25px;min-width:220px}.site-footer{gap:20px;padding-block:24px}.site-footer p{font-size:9px;flex-basis:100%;order:2}.site-footer>div{order:3;gap:16px;font-size:10px}.footer-brand{font-size:29px}.dialog-copy{padding:22px}.dialog-copy h2{font-size:29px}.dialog-copy>p:last-child{font-size:12px}.dialog-close{top:10px;margin:10px 10px -52px auto;font-size:11px;min-height:42px}#dialog-image{min-height:220px;object-fit:cover}.form-result h3{font-size:30px}}
@media(max-width:370px){.hero-actions{flex-direction:column;align-items:flex-start;gap:9px}.demo-bar{font-size:8px}.demo-bar a{font-size:8px}.form-heading{align-items:flex-start;flex-direction:column}.form-heading>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}.project-open:hover img{transform:none}.project-open:hover .project-expand{transform:none}}

/* Sève / matière en mouvement. A photo, a timber edge and a material study. */
@font-face{font-family:'DM Sans';src:url('../../assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--sans:'DM Sans','Segoe UI',sans-serif;--seve-ease:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:#788970 #eee9de}
input,textarea,select{caret-color:#8b4f2f}
h1,h2{letter-spacing:-.04em}
.hero{grid-template-columns:45% 55%;padding-top:32px;padding-bottom:92px;gap:0}
.hero-copy{padding-right:26px}
.hero h1{font-size:clamp(56px,6.1vw,88px)}
.title-line{display:inline-block;transform-origin:left bottom;backface-visibility:hidden}
.hero h1 em{position:relative}
.hero h1 em::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#98734a;transform-origin:left;transform:scaleX(.66)}
.hero-intro{font-size:15px;max-width:355px}
.hero-visual{min-height:590px;margin-left:28px;perspective:1400px;overflow:visible;border-radius:0;background:transparent;isolation:auto;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform 500ms var(--seve-ease)}
.hero-visual::before{content:"";position:absolute;inset:31px -12px 20px 19px;border-radius:118px 10px 10px 10px;background:#b78d58;transform:translateZ(-22px) rotate(2deg);box-shadow:15px 24px 32px #3b30251a}
.hero-visual::after{display:none}
.hero-photo{position:absolute;inset:0 0 40px;overflow:hidden;border-radius:120px 12px 12px 12px;background:#d2c9b6;transform:translateZ(18px);box-shadow:0 24px 48px #433a2726}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.035);transition:transform 700ms var(--seve-ease)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff9e62e,transparent 40%,#54362112);pointer-events:none}
.hero-visual figcaption{bottom:0;left:8px;right:0;color:#4e5c48;font-size:10px;transform:translateZ(24px)}
.image-stamp{z-index:3;top:28px;right:-15px;background:#f8f3e9;color:#263d30;box-shadow:0 9px 22px #3b302524;transform:translateZ(64px) rotate(4deg);backdrop-filter:none;padding:17px 19px;font-size:9px;letter-spacing:.1em;border-radius:3px}
.material-study{position:absolute;z-index:3;bottom:65px;left:-45px;width:176px;height:210px;transform-style:preserve-3d;pointer-events:none}
.wood-sample{position:absolute;width:110px;height:154px;padding:9px 9px 26px;background:#e9dcc3;border-radius:6px;box-shadow:0 13px 24px #30211633;transform-style:preserve-3d}
.wood-sample>i{display:block;height:100%;background-image:url('assets/detail-atelier-768.jpg');background-size:370%;background-position:32% 34%;border-radius:2px}
.wood-sample>span{position:absolute;bottom:8px;left:11px;right:8px;font-size:7px;font-weight:650;letter-spacing:.12em;color:#4a3626}
.sample-back{top:9px;left:4px;transform:translateZ(60px) rotate(-16deg)}
.sample-back>i{background-position:60% 58%;background-size:400%;filter:brightness(.77)}
.sample-front{top:40px;left:61px;transform:translateZ(92px) rotate(9deg);background:#f7edda}
.sample-pin{position:absolute;left:88px;top:44px;width:8px;height:8px;border-radius:50%;background:#b38545;transform:translateZ(110px);box-shadow:1px 2px 3px #52361d66}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:6px;border-color:#3f5848;background:#243d32;box-shadow:0 6px 14px #243d321c,inset 0 1px 0 #ffffff1a;transition:transform 220ms var(--seve-ease),box-shadow 220ms var(--seve-ease),background 200ms ease}
.button::before{content:"";position:absolute;inset:-40% auto -40% -45%;width:35%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-22deg);pointer-events:none;transition:translate 550ms var(--seve-ease)}
.button>span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f4efe51c;transition:transform 250ms var(--seve-ease),background 220ms ease}
.button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px #243d321a}
.quiet-link{position:relative;border-bottom:0}
.quiet-link::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#7d8c70;transform:scaleX(.6);transform-origin:left;transition:transform 220ms var(--seve-ease)}
.project-open{border-radius:8px;transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transform-style:preserve-3d;transition:transform 400ms var(--seve-ease),box-shadow 400ms var(--seve-ease)}
.project-type{background:#f6f1e6e8;color:#2a3e2e;backdrop-filter:none}
.project-expand{box-shadow:0 7px 15px #233b3226}
.project figcaption{padding-top:18px}
.expertise-list article{position:relative;border-top-color:#b4bea8}
.expertise-list article::after{content:"";position:absolute;inset:-1px 0 auto;height:2px;background:#748366;transform:scaleX(0);transform-origin:left;transition:transform 650ms var(--seve-ease)}
.expertise-list article.seve-visible::after{transform:scaleX(1)}
.step-index i{transform-origin:left}
.approach-note{border-top-color:#a9b89d}
.seve-motion .hero-visual.seve-visible .sample-back{animation:seve-back-float 7s ease-in-out infinite}
.seve-motion .hero-visual.seve-visible .sample-front{animation:seve-front-float 7s ease-in-out infinite}
.seve-motion .hero-visual.seve-visible .image-stamp{animation:seve-stamp-float 8s ease-in-out infinite}
.seve-motion .hero-visual.seve-visible .hero-photo img{animation:seve-light-shift 14s ease-in-out infinite alternate}
.seve-suspended *, .seve-suspended *::before,.seve-suspended *::after{animation-play-state:paused!important}
@keyframes seve-back-float{0%,100%{transform:translate3d(0,0,60px) rotate(-16deg)}50%{transform:translate3d(-4px,-11px,66px) rotate(-20deg)}}
@keyframes seve-front-float{0%,100%{transform:translate3d(0,0,92px) rotate(9deg)}50%{transform:translate3d(4px,8px,105px) rotate(13deg)}}
@keyframes seve-stamp-float{0%,100%{transform:translate3d(0,0,64px) rotate(4deg)}50%{transform:translate3d(0,-7px,70px) rotate(1deg)}}
@keyframes seve-light-shift{from{transform:scale(1.035) translateX(-.4%)}to{transform:scale(1.065) translateX(.4%)}}
@media(hover:hover) and (pointer:fine){
 .seve-motion .button:hover{transform:perspective(700px) translateY(-3px) rotateX(4deg);box-shadow:0 12px 23px #243d322b}
 .seve-motion .button:hover::before{translate:450% 0}
 .seve-motion .button:hover>span{transform:rotate(-12deg) scale(1.1);background:#f4efe52d}
 .seve-motion .quiet-link:hover::after{transform:scaleX(1)}
 .seve-motion .quiet-link:hover>span{transform:translate(3px,3px)}
 .seve-motion .project-open:hover{box-shadow:0 20px 34px #26382a24}
 .seve-motion .project-open:hover img{transform:scale(1.045);filter:none}
 .seve-motion .project-open:hover .project-expand{transform:rotate(90deg)}
 .expertise-list article:hover h3{color:#805c36}
}
html:not(.seve-motion) .hero-visual,html:not(.seve-motion) .project-open{transform:none!important;transition:none!important}
html:not(.seve-motion) .button:hover,html:not(.seve-motion) .quiet-link:hover>span,html:not(.seve-motion) .project-open:hover img{transform:none!important}
@media(max-width:1100px){.hero-visual{margin-left:18px;min-height:560px}.hero h1{font-size:clamp(54px,6.1vw,80px)}.material-study{scale:.84;transform-origin:bottom left;left:-28px;bottom:54px}.image-stamp{right:-8px;font-size:8px;padding:14px}}
@media(max-width:800px){.hero{grid-template-columns:1fr 1fr;padding-top:24px;padding-bottom:58px}.hero h1{font-size:clamp(47px,7vw,64px)}.hero-visual{min-height:520px;margin-left:12px}.hero-photo{border-top-left-radius:92px}.hero-visual::before{border-top-left-radius:92px}.hero-intro{font-size:14px}.hero-actions .button{gap:16px}.material-study{scale:.7;bottom:60px;left:-20px}.image-stamp{right:-8px;top:26px;font-size:7px}.hero-visual figcaption{font-size:8px;left:0;gap:10px}.button{font-size:12px}.hero-visual::before{inset:26px -7px 25px 12px}}
@media(max-width:560px){
 .hero{display:flex;padding-top:22px;padding-bottom:42px;gap:38px}
 .hero-copy{padding-right:0}
 .hero h1{font-size:clamp(51px,12vw,65px)}
 .hero-intro{font-size:15px;line-height:1.75;max-width:360px;margin-block:25px}
 .hero-actions .button{font-size:12px;padding:14px 15px;gap:12px}
 .hero-actions .quiet-link{font-size:11px;gap:7px}
 .button>span{width:25px;height:25px;font-size:17px}
 .hero-signature{font-size:11px;margin-top:24px}
 .hero-visual{aspect-ratio:1.02;margin-left:0;min-height:0;width:100%}
 .hero-photo{inset:0 7px 36px 7px;border-radius:75px 9px 9px 9px}
 .hero-visual::before{inset:19px 0 25px 16px;border-top-left-radius:75px}
 .hero-visual figcaption{left:7px;right:7px;bottom:0;font-size:8px}
 .image-stamp{top:18px;right:0;padding:11px;font-size:7px}
 .material-study{bottom:46px;left:-6px;scale:.61}
 .hero-photo img{object-position:52% center}
 .expertise-list p,.section-heading>p,.steps p,.contact-copy>p:not(.eyebrow){font-size:15px}
 .expertise-list h3,.steps h3{font-size:27px}
 .section-intro>p:last-child{font-size:15px}
 .project figcaption p{font-size:12px}
 .project-type{font-size:8px}
 .yova-cta p:last-child{font-size:15px}
}
@media(max-width:370px){.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero h1{font-size:51px}.hero-visual{aspect-ratio:.98}.material-study{scale:.53;bottom:41px}.hero-visual figcaption{font-size:7px}.image-stamp{font-size:6px}}