:root{--paper:#25362b;--ink:#e9edda;--accent:#d6e4b2;--button-text:#25362b;--muted:#b9c6b3;--surface:#304534;--line:#6c7c64;--field:#293d2f;--radius:0}
body{font-size:15px;line-height:1.7;background:var(--paper);color:var(--ink)}
.shell{width:calc(100% - 100px);max-width:1640px;margin-inline:auto}
.mos-header{height:116px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.mos-logo{font:700 61px/.9 Archivo,sans-serif;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}
.mos-logo span{color:var(--accent)}
.mos-nav{display:flex;align-items:center;gap:34px}
.mos-nav a{font-size:13px;text-decoration:none;padding:12px 0}
.mos-nav a:hover{text-decoration:underline;text-underline-offset:7px}
.mos-nav .nav-contact{display:flex;gap:22px;align-items:center;margin-left:50px;border-bottom:1px solid var(--ink)}
.mos-menu{display:none;color:var(--ink);background:none;border:0;min-height:44px}
.mos-hero{min-height:790px;position:relative;padding-top:62px;padding-bottom:96px;isolation:isolate}
.hero-title{position:relative;z-index:2;width:62%;pointer-events:none}
.hero-title h1{font:500 clamp(80px,8.6vw,148px)/1.01 Archivo,sans-serif;letter-spacing:-.04em;color:var(--ink)}
.hero-garden{position:absolute;top:20px;right:0;width:49%;height:650px;z-index:0}
.hero-garden img{height:100%;object-fit:cover;object-position:center}
.hero-garden figcaption{font-size:11px;position:absolute;bottom:-31px;right:0;color:var(--muted)}
.hero-info{margin-top:44px;max-width:32ch;position:relative;z-index:2;font-size:14px}
.hero-info p{color:var(--muted);line-height:1.85}
.mos-action{background:var(--accent);color:#25362b;border:1px solid var(--accent);display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:15px 22px;font:600 13px/1.5 Manrope,sans-serif;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}
.mos-action:hover{background:var(--ink);border-color:var(--ink)}
.hero-info .mos-action{margin-top:27px}
.hero-detail{position:absolute;width:16.5%;height:230px;left:34.5%;top:480px;z-index:3}
.hero-detail img{height:100%;object-fit:cover}
.hero-detail figcaption{font-size:10px;color:var(--muted);margin-top:12px;white-space:nowrap}
.mos-intro{display:grid;grid-template-columns:1fr .75fr;gap:100px;padding-block:70px 105px;border-bottom:1px solid var(--line)}
.mos-intro h2{font:500 clamp(44px,4.1vw,66px)/1.12 Archivo,sans-serif;letter-spacing:-.035em}
.studio-text{font-size:15px;line-height:1.9;max-width:54ch;padding-top:6px}
.studio-text p+p{margin-top:23px}
.mos-inline{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;min-height:44px;text-decoration:none;font-size:12px}
.studio-text .mos-inline{margin-top:25px}
.mos-projects{padding-block:95px 0}
.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}
.project-heading h2{font:500 clamp(43px,4.1vw,66px)/1.1 Archivo,sans-serif;letter-spacing:-.035em}
.project-heading>p{max-width:30ch;font-size:13px;color:var(--muted);margin-bottom:4px}
.project-stage figure>img{height:650px;object-fit:cover;object-position:center;width:100%;transition:opacity .28s ease,clip-path .5s cubic-bezier(.16,1,.3,1)}
.project-stage figcaption{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:25px}
.project-stage h3{font:500 29px/1.2 Archivo,sans-serif;letter-spacing:-.025em}
.project-stage figcaption p{font-size:12px;color:var(--muted);margin-top:10px}
#project-count{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}
.project-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding-top:6px}
.project-choice{border:0;border-top:2px solid var(--line);padding:19px 0;text-align:left;color:var(--muted);background:transparent;font-size:13px;transition:color .2s ease,border-color .2s ease;min-height:60px}
.project-choice[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
.project-choice:hover{color:var(--ink)}
.mos-approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px 115px}
.approach-intro h2{font:500 clamp(36px,3.6vw,57px)/1.13 Archivo,sans-serif;letter-spacing:-.035em}
.approach-intro>p{font-size:14px;max-width:38ch;color:var(--muted);margin-top:27px}
.approach-list details{border-bottom:1px solid var(--line)}
.approach-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;font-size:16px;cursor:pointer;padding:24px 0}
.approach-list summary::-webkit-details-marker{display:none}
.approach-list summary::after{content:'';width:18px;height:18px;flex-shrink:0;background:currentColor;mask:url('../shared/icons/plus.svg') center/contain no-repeat;-webkit-mask:url('../shared/icons/plus.svg') center/contain no-repeat}
.approach-list details[open] summary::after{transform:rotate(45deg)}
.approach-list details>p{color:var(--muted);font-size:13px;max-width:57ch;padding:0 24px 26px 0;line-height:1.9}
.mos-material{display:grid;grid-template-columns:1.15fr 1fr;background:#dce4c7;color:#25362b}
.mos-material>figure{height:610px}
.mos-material img{height:100%;object-fit:cover}
.material-copy{padding:75px clamp(40px,5vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.material-copy h2{font:500 clamp(54px,5.3vw,84px)/1.05 Archivo,sans-serif;letter-spacing:-.035em}
.material-copy p{font-size:14px;max-width:35ch;line-height:1.85;margin-top:30px}
.material-copy .mos-inline{margin-top:29px}
.mos-contact{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:110px 100px}
.mos-contact h2{font:500 clamp(49px,4.9vw,78px)/1.08 Archivo,sans-serif;letter-spacing:-.035em}
.mos-contact>div>p{color:var(--muted);max-width:34ch;font-size:14px;margin-top:27px;line-height:1.85}
.mos-contact .form{padding-top:7px}
.mos-contact input,.mos-contact textarea{color:var(--ink)}
.mos-contact .demo-note{font-size:10px}
.mos-footer{padding-block:45px 25px;border-top:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:60px;justify-content:space-between;padding-bottom:42px}
.footer-brand .mos-logo{font-size:80px}
.footer-brand p{font-size:13px;line-height:1.65;margin-right:auto;color:var(--muted)}
.footer-brand>a:last-child{display:flex;align-items:center;gap:26px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);min-height:46px}
.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:23px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.footer-meta p{margin-right:auto}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.mos-nav{gap:24px}.mos-nav .nav-contact{margin-left:15px}.mos-hero{min-height:740px}.hero-title h1{font-size:8.9vw}.hero-garden{height:590px}.hero-info{max-width:26ch;margin-top:33px;font-size:13px}.hero-detail{left:33%;top:420px;height:210px;width:19%}.mos-intro,.mos-approach,.mos-contact{gap:60px}.project-stage figure>img{height:560px}}
@media(max-width:767px){.shell{width:calc(100% - 40px)}.mos-header{height:88px}.mos-logo{font-size:48px}.mos-menu{display:block;font-size:13px}.mos-nav{display:none;position:absolute;top:88px;left:-20px;right:-20px;background:var(--paper);padding:20px;align-items:stretch;flex-direction:column;gap:4px;border-bottom:1px solid var(--line)}.mos-nav.open{display:flex}.mos-nav a{font-size:18px;padding-block:13px}.mos-nav .nav-contact{margin:8px 0 0;font-size:14px;justify-content:space-between;border:0}.mos-hero{min-height:0;padding-top:30px;padding-bottom:58px;display:flex;flex-direction:column}.hero-title{width:100%;z-index:2}.hero-title h1{font-size:clamp(53px,11.8vw,89px);line-height:1.04}.hero-garden{position:relative;top:auto;right:auto;width:91%;height:390px;margin-top:30px;align-self:flex-end;order:2}.hero-garden figcaption{bottom:-27px;font-size:10px}.hero-info{max-width:100%;margin-top:26px;order:1;font-size:13px}.hero-info p{max-width:44ch}.hero-info .mos-action{margin-top:22px}.hero-detail{display:none}.mos-intro{grid-template-columns:1fr;gap:25px;padding-block:47px 57px}.mos-intro h2{font-size:39px}.studio-text{font-size:14px}.studio-text p+p{margin-top:18px}.mos-projects{padding-top:56px}.project-heading{display:block;margin-bottom:28px}.project-heading h2{font-size:39px}.project-heading>p{max-width:43ch;font-size:12px;margin-top:22px}.project-stage figure>img{height:360px}.project-stage figcaption{gap:20px;align-items:flex-start;padding-block:22px}.project-stage h3{font-size:25px}.project-stage figcaption p{font-size:11px;max-width:30ch}.project-controls{grid-template-columns:1fr;gap:0;padding-top:0}.project-choice{min-height:52px;padding-block:14px;font-size:12px;border-top-width:1px}.project-choice[aria-pressed=true]{border-top-width:2px}.mos-approach{grid-template-columns:1fr;gap:23px;padding-block:65px}.approach-intro h2{font-size:35px}.approach-intro>p{font-size:13px;margin-top:23px;max-width:45ch}.approach-list summary{font-size:14px;line-height:1.6}.approach-list details>p{padding-right:5px;font-size:12px}.mos-material{grid-template-columns:1fr}.mos-material>figure{height:360px}.material-copy{padding:45px 25px 50px}.material-copy h2{font-size:53px}.material-copy p{max-width:43ch;margin-top:24px;font-size:13px}.mos-contact{grid-template-columns:1fr;gap:32px;padding-block:65px}.mos-contact h2{font-size:47px}.mos-contact>div>p{max-width:42ch;font-size:13px}.mos-footer{padding-top:30px}.footer-brand{display:grid;grid-template-columns:auto 1fr;gap:24px;padding-bottom:30px}.footer-brand .mos-logo{font-size:64px}.footer-brand p{font-size:11px}.footer-brand>a:last-child{grid-column:1/-1;justify-self:start;font-size:12px;min-height:44px}.footer-meta{flex-wrap:wrap;font-size:9px;gap:14px 22px}.footer-meta p{width:100%;margin-right:0}}
@media(prefers-reduced-motion:reduce){.project-stage figure>img{transition:none}}

.hero-garden .cinema{height:100%;width:100%}.hero-garden .film-control{bottom:18px}.hero-garden .cinema video{object-position:center}.mos-hero .hero-title{mix-blend-mode:normal}