:root{--accent:#2bcc61;--ink:#242725;--muted:#737a75;--paper:#fff;--soft:#f3f5f2;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-weight:400}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.25;letter-spacing:-1.5px}h3{font-weight:400}.wrap{width:80%;max-width:1440px;margin:auto}.header{position:absolute;top:0;left:0;z-index:20;display:flex;align-items:center;gap:36px;padding:18px 3%;width:100%;height:100px;color:white;background:linear-gradient(#0005,transparent)}.logo{width:145px;flex-shrink:0}.logo img{width:100%;height:auto}.desktop-nav{display:flex;gap:28px;margin-left:24px;font-size:14px}.desktop-nav a{padding:16px 0}.desktop-nav a:hover{color:var(--accent)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:14px}.icon-btn{width:30px;height:36px;padding:4px}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.5}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:20px}.menu-toggle span{height:1px;background:currentColor;width:26px}.lang{font-size:12px}.hero{height:100svh;min-height:640px;max-height:1200px;background:#294239;position:relative;color:white;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1s;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide>img{width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10281c65,transparent 85%),linear-gradient(0deg,#0006,transparent 45%)}.hero-copy{position:absolute;left:10%;top:35%;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.2px;display:block;font-weight:600;margin-bottom:24px}.hero h1,.hero h2{font-size:clamp(52px,6vw,88px);font-weight:400;letter-spacing:-3px;line-height:1.06;margin:0 0 28px}.hero p{font-size:17px}.hero-controls{position:absolute;left:10%;bottom:65px;z-index:2;display:flex;gap:12px;align-items:center}.pill{padding:19px 28px;border-radius:60px;background:white;color:#222;display:inline-flex;align-items:center;gap:36px;font-size:14px;min-height:52px;justify-content:space-between;transition:background .2s,transform .2s}.pill:hover{background:var(--accent);transform:translateY(-2px)}.dark{background:var(--ink);color:white}.round{height:48px;width:48px;border:1px solid #ffffff90;border-radius:50%;font-size:25px;color:white}.round:hover{background:#ffffff25}.pause{font-size:14px}.dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;z-index:2;gap:5px}.dots button{width:22px;height:25px;position:relative}.dots button:after{content:"";position:absolute;border:1px solid white;border-radius:50%;width:8px;height:8px;top:8px;left:7px}.dots button.active:after{background:white}.hero-note{position:absolute;bottom:30px;right:4%;font-size:8px;letter-spacing:1.2px}.callback{position:fixed;right:0;top:40%;z-index:22;background:var(--accent);color:#102d1a;writing-mode:vertical-rl;transform:rotate(180deg);padding:23px 14px;font-size:11px;letter-spacing:.6px;box-shadow:0 1px 8px #0002;border-radius:0 3px 3px 0}.intro{padding-top:100px}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:55px}.intro h2{font-size:clamp(26px,2.8vw,40px);line-height:1.5;max-width:900px;margin:0}.text-link{display:inline-flex;align-items:center;gap:20px;padding:12px 0;font-size:14px;white-space:nowrap;border-bottom:1px solid transparent}.text-link:hover{border-color:var(--ink)}.brand-film{height:550px;position:relative;background:#12382a;overflow:hidden}.film-bg{width:100%;height:100%;object-fit:cover;opacity:.35}.brand-statement{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;text-align:center}.brand-statement>span{font-size:15px;letter-spacing:7px}.brand-statement p{font-size:46px;line-height:1.2;margin:30px 0}.film-cutout{position:absolute;right:0;bottom:15%;background:white;padding:36px;width:24%;min-width:220px}.film-cutout span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.film-cutout a{font-size:14px}.projects{padding:110px 0 100px}.muted{color:var(--muted)}.section-description{font-size:15px;line-height:1.8;align-self:flex-end;color:var(--muted);padding-bottom:10px}.projects .section-top{margin-bottom:30px}.project-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ddd;margin-bottom:35px}.filters{display:flex;gap:30px}.filters button{padding:16px 0;border-bottom:2px solid transparent;font-size:14px;color:var(--muted)}.filters .active{color:var(--ink);border-color:var(--accent)}.sample-label{font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project[hidden]{display:none}.project-image{height:380px;position:relative;overflow:hidden;width:100%;padding:0;text-align:left}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.project-image:hover img{transform:scale(1.05)}.project-status{position:absolute;top:20px;left:20px;background:#fffffff0;padding:8px 10px;font-size:8px;letter-spacing:1px}.project-arrow{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background:white;border-radius:50%;display:grid;place-items:center;font-size:20px}.project-caption{display:flex;justify-content:space-between;padding-top:24px}.project-caption h3{font-size:21px;margin-bottom:10px}.project-caption p{font-size:12px;color:var(--muted)}.project-caption>span{font-size:11px;color:#999}.wide-feature{height:650px;position:relative;color:white}.wide-feature>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.wide-feature>div{position:absolute;left:10%;top:25%}.wide-feature h2{font-size:clamp(40px,4.5vw,66px);margin-bottom:40px}.living{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:130px 0}.living-images{position:relative;padding-right:20%;padding-bottom:60px}.living-images img:first-child{height:450px;width:100%;object-fit:cover}.living-images img:last-child{position:absolute;width:50%;height:250px;bottom:0;right:0;object-fit:cover;border:10px solid white}.living-copy{align-self:center}.living-copy p{font-size:15px;line-height:1.9;color:var(--muted);max-width:430px}.living-copy .text-link{margin-top:15px}.news{padding-bottom:110px}.news .section-top{align-items:center;margin-bottom:40px}.news h2{margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-grid button{text-align:left;padding:0}.news-grid img{height:230px;width:100%;object-fit:cover}.news-grid small{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin:25px 0 15px}.news-grid h3{font-size:22px;line-height:1.4;max-width:270px;min-height:60px}.news-grid button>span{font-size:12px}.contact{background:var(--soft);padding:80px 0}.contact-inner{display:flex;justify-content:space-between;gap:50px}.contact h2{margin:0}.contact-inner>div:last-child{align-self:center}.contact p{font-size:15px;line-height:1.8;color:var(--muted)}.contact small{font-size:10px;color:var(--muted);display:block;margin-top:20px}.footer-top{padding:65px 0;display:flex;align-items:center;gap:50px}.footer-top nav{display:flex;gap:25px;margin-left:auto;font-size:12px}.to-top{font-size:11px;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:25px 0;font-size:10px;color:var(--muted)}dialog{border:0;padding:55px;max-width:610px;width:calc(100% - 32px);max-height:90svh;color:var(--ink);background:#fff}dialog::backdrop{background:#0c1b15b8;backdrop-filter:blur(6px)}dialog h2{font-size:34px}dialog p{line-height:1.7;font-size:14px}dialog .close{position:absolute;right:20px;top:15px;font-size:30px;width:38px;height:38px}.demo-notice{background:var(--soft);padding:15px;font-size:12px!important;color:var(--muted)}label{font-size:12px;display:block;margin:18px 0}input,select{width:100%;padding:13px 0;border:0;border-bottom:1px solid #bbb;outline-offset:3px;background:white;border-radius:0;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.menu-dialog{max-width:none;width:100%;height:100svh;max-height:100svh;margin:0;padding:7% 12%;background:#f4f6f2}.menu-dialog nav{max-width:850px;margin:50px 0}.menu-dialog nav a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #d5dbd5;font-size:clamp(24px,3.5vw,48px);letter-spacing:-1px}.menu-dialog nav span{font-size:11px;align-self:center}.menu-dialog nav a:hover{color:#20a84d}.menu-dialog p{color:var(--muted)}#detail-image{height:250px;width:100%;object-fit:cover;margin:15px 0 30px}#search-results a{display:block;padding:16px 0;border-bottom:1px solid #ddd}#form-status{color:#166434}.skip{position:fixed;top:-100px;background:#fff;z-index:100;padding:15px}.skip:focus{top:0}@media(min-width:1600px){.project-image{height:470px}}@media(max-width:1100px){.desktop-nav{gap:15px;margin-left:0;font-size:12px}.header{gap:20px}.header-actions{gap:15px}.contact-nav{display:none}.project-image{height:300px}.wrap{width:84%}.hero-copy,.hero-controls,.wide-feature>div{left:8%}.footer-top{flex-wrap:wrap}.footer-top nav{margin:0}.living{gap:6%}.film-cutout{width:28%}}@media(max-width:760px){.header{height:85px;padding:12px 6%}.logo{width:120px}.desktop-nav,.lang{display:none}.header-actions{gap:15px}.menu-toggle{margin-left:5px}.hero{min-height:620px;max-height:960px}.hero-copy{top:33%;left:7%;right:10%}.hero h1,.hero h2{font-size:54px;letter-spacing:-2px}.hero p{font-size:14px;max-width:260px;line-height:1.5}.hero .eyebrow{font-size:9px}.hero-controls{left:7%;bottom:75px;gap:8px}.round{height:40px;width:40px}.hero-controls .pill{padding:16px 23px;gap:25px}.hero-note{right:7%;bottom:18px;font-size:7px}.dots{bottom:38px}.callback{padding:18px 10px;font-size:9px;top:42%}.wrap{width:86%}.intro{padding-top:60px}.section-top{display:block;margin-bottom:30px}.intro h2{font-size:27px;line-height:1.5;letter-spacing:-.7px}.intro .text-link{margin-top:15px}.brand-film{height:390px}.brand-statement p{font-size:34px}.brand-statement{padding-bottom:55px}.film-cutout{bottom:0;width:52%;min-width:0;padding:22px}.film-cutout span{font-size:8px}.film-cutout a{font-size:12px}.projects{padding:65px 0}.section-description{font-size:13px}.project-toolbar{display:block}.sample-label{display:block;margin:10px 0}.filters{gap:24px;overflow-x:auto}.filters button{font-size:12px;white-space:nowrap}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{height:390px}.project-caption{padding-top:16px}.wide-feature{height:500px}.wide-feature>div{left:7%;top:26%;right:10%}.wide-feature h2{font-size:40px}.living{display:flex;flex-direction:column;padding:65px 0;gap:40px}.living-images img:first-child{height:350px}.living-images img:last-child{height:210px}.living-copy{align-self:start}.living-copy h2{font-size:37px}.news{padding-bottom:65px}.news h2{font-size:29px}.news-grid{grid-template-columns:1fr;gap:35px}.news-grid img{height:270px}.news-grid h3{min-height:0;max-width:100%;margin-bottom:18px}.contact{padding:55px 0}.contact-inner{display:block}.contact h2{font-size:32px}.contact-inner>div:last-child{margin-top:30px}.footer-top{padding:40px 0;gap:30px}.footer-top img{width:140px}.footer-top nav{flex-wrap:wrap;gap:20px;line-height:1.5}.footer-bottom{display:block;font-size:9px;line-height:2}.footer-bottom span{display:block}dialog{padding:45px 25px 30px}dialog h2{font-size:29px}.menu-dialog{padding:40px 8%}.menu-dialog nav{margin:35px 0}.menu-dialog nav a{font-size:27px;padding:18px 0}.form-row{grid-template-columns:1fr;gap:0}.form-row label{margin:12px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
