@charset "UTF-8";
:root{--ink:#101c2d;--paper:#f5f5ef;--teal:#007c78;--mint:#b9e5d7;--line:#d0d6ce;--muted:#546169}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%;height:auto}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brand img{border-radius:50%;width:46px}.brand-small{display:block;font-size:9px;letter-spacing:3.5px;margin-top:6px}.header nav ul{padding:0;margin:0;display:flex;gap:32px;list-style:none}.header nav{display:flex;gap:32px;font-size:14px}.current-menu-item a{text-decoration:underline;text-underline-offset:5px}.header-cta{padding:12px 22px;border:1px solid var(--ink);border-radius:30px;font-size:14px}.header-cta span{margin-left:25px}.menu-toggle{display:none}.skip{position:absolute;top:-100px;padding:15px;background:var(--paper);z-index:100}.skip:focus{top:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.03;letter-spacing:-.055em}h1{font-size:clamp(48px,7.2vw,112px);margin-bottom:30px}h2{font-size:clamp(36px,4.5vw,68px)}h3{font-size:28px;letter-spacing:-1px}.hero{padding-top:48px}.hero-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;padding-bottom:38px}.hero-heading h1{margin:15px 0 0}.hero-heading h1 em{font-style:normal;color:var(--teal)}.hero-intro{max-width:350px;justify-self:end;padding-bottom:8px}.hero-intro p{font-size:16px;color:var(--muted);margin-bottom:24px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid;padding-bottom:5px}.text-link span{margin-left:28px}.hero-visual{height:510px;position:relative;overflow:hidden;background:#ceddd8}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#101c2d99)}.visual-label{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;z-index:1;color:white;font-size:12px}.visual-label strong{font-size:26px;font-weight:500;display:block}.visual-label a{background:white;color:var(--ink);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:22px}.hero-meta{display:flex;justify-content:space-between;padding:16px 0;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:370px;color:var(--muted);font-size:15px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.work-image{height:390px;overflow:hidden;position:relative;background:#d8e3df}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-item:hover img{transform:scale(1.025)}.work-image .arrow{position:absolute;right:18px;bottom:18px;background:var(--paper);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px}.work-copy{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:18px}.work-copy h3{font-size:22px;margin-bottom:6px}.work-copy p,.work-copy span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow:before{background:var(--mint)}.dark .section-heading p{color:#b5c4cc}.service-row{display:grid;grid-template-columns:65px 1fr 1fr 40px;border-top:1px solid #ffffff30;padding:28px 0;gap:24px;align-items:center}.service-row:last-child{border-bottom:1px solid #ffffff30}.service-row h3{margin:0;font-size:clamp(24px,3vw,42px)}.service-row p{margin:0;font-size:15px;color:#b5c4cc;max-width:400px}.service-row .number{font-size:11px;color:#b5c4cc}.service-row .arrow{font-size:26px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-photo{height:580px;object-fit:cover;width:100%;object-position:center}.studio-copy p{max-width:440px;color:var(--muted)}.studio-copy h2{max-width:500px}.button{display:inline-flex;align-items:center;gap:32px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 25px;border-radius:32px;font-size:14px;cursor:pointer}.button.light{background:var(--mint);color:var(--ink);border-color:var(--mint)}.process{background:#e7ece5}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-grid .number{font-size:12px;color:var(--teal)}.process-grid h3{margin-top:30px}.process-grid p{font-size:15px;color:var(--muted)}.footer{background:var(--teal);color:#fff;padding-top:65px}.footer-top{padding-bottom:65px}.footer-top p{font-size:14px;opacity:.8}.footer-top>a{font-size:clamp(34px,5.7vw,82px);letter-spacing:-.05em;line-height:1.1;display:flex;justify-content:space-between;gap:25px}.footer-bottom{border-top:1px solid #ffffff40;display:flex;gap:32px;align-items:center;flex-wrap:wrap;padding:28px 0;font-size:11px}.footer-brand{font-size:20px;font-weight:bold;letter-spacing:-1px;margin-right:auto}.page-hero{padding-top:70px;padding-bottom:60px}.page-hero h1{max-width:1000px}.page-hero>.lead{max-width:640px;font-size:21px;color:var(--muted)}.page-hero+.section{padding-top:20px}.detail-services article{padding-block:45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-services h2{font-size:40px}.detail-services p{color:var(--muted)}.detail-services ul{padding-left:20px;font-size:15px}.note{font-size:13px;color:var(--muted);max-width:640px;margin-top:35px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.contact-method{border-top:1px solid var(--line);padding:22px 0}.contact-method p{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.contact-method a{font-size:26px;letter-spacing:-1px}.contact-panel{background:#e7ece5;padding:35px}.contact-panel h2{font-size:32px}.contact-panel>p{font-size:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:13px;font-weight:600}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #a5b4ae;background:var(--paper);border-radius:0;margin-top:7px;color:var(--ink)}textarea{resize:vertical;min-height:120px}.full{grid-column:1/-1}.form-grid .button{justify-self:start}#brief-result{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}#brief-result[hidden]{display:none}#brief-result p{font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px}.actions button{border:1px solid var(--ink);background:transparent;padding:10px 18px;cursor:pointer;border-radius:25px}.about-statement{font-size:clamp(26px,3.4vw,48px);letter-spacing:-1.5px;line-height:1.2;max-width:970px}.about-caption{padding-block:16px;font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero-visual{height:590px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header nav ul{gap:20px}.header-cta{display:none}.hero-heading{grid-template-columns:1.4fr 1fr;gap:25px}.hero-visual{height:430px}.studio{gap:35px}.studio-photo{height:480px}.section{padding-block:70px}.work-image{height:330px}.service-row{grid-template-columns:35px 1fr 1fr 25px;gap:15px}.contact-layout{gap:35px}.contact-panel{padding:25px}.process-grid{gap:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:85px;position:relative}.brand{font-size:25px}.brand img{width:38px;height:38px}.menu-toggle{display:block;border:1px solid var(--line);padding:8px 14px;background:transparent;border-radius:25px;font-size:13px}.header nav{display:none;position:absolute;left:-18px;right:-18px;top:84px;background:var(--paper);z-index:20;padding:25px;box-shadow:0 20px 20px #101c2d15}.header nav.open{display:block}.header nav ul{flex-direction:column;gap:20px}.hero{padding-top:28px}.hero-heading{display:block;padding-bottom:28px}.hero-heading h1{font-size:clamp(46px,12vw,74px);margin-bottom:25px}.hero-intro{max-width:100%;padding-bottom:0}.hero-intro p{max-width:340px}.hero-visual{height:410px}.visual-label{left:18px;right:18px;bottom:18px}.visual-label strong{font-size:20px}.visual-label a{width:45px;height:45px}.hero-meta{font-size:8px;letter-spacing:.8px}.hero-meta span:last-child{display:none}.section{padding-block:56px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{margin-bottom:20px}.section-heading p{max-width:100%}.work-grid{grid-template-columns:1fr;gap:32px}.work-image{height:390px}.work-copy{gap:10px}.work-copy h3{font-size:22px}.work-copy>span{max-width:80px;text-align:right}.service-row{grid-template-columns:22px 1fr 24px;padding:24px 0}.service-row p{grid-column:2/3;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.studio{grid-template-columns:1fr;gap:32px}.studio-photo{height:440px}.studio-copy h2{font-size:42px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid h3{margin-top:16px}.footer{padding-top:45px}.footer-top{padding-bottom:45px}.footer-bottom{gap:18px}.footer-brand{width:100%}.page-hero{padding-top:45px;padding-bottom:35px}.page-hero h1{font-size:clamp(44px,11vw,68px)}.page-hero>.lead{font-size:18px}.detail-services article{grid-template-columns:1fr;gap:10px;padding-block:28px}.detail-services h2{font-size:34px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-panel{padding:22px}.form-grid{grid-template-columns:1fr}.about-statement{letter-spacing:-1px}.contact-method a{font-size:24px}}
.work-image{background:#e7ece5}.work-image img{object-fit:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
