:root{color-scheme:light;--paper:#f3f0e9;--surface:#f9f7f1;--ink:#25332c;--muted:#687269;--olive:#526b57;--hover:#3e5543;--line:#d5d9cf;--raised:6px 6px 14px #4d574a24,-5px -5px 12px #ffffffd9;--inset:inset 3px 3px 7px #4d574a2b,inset -3px -3px 6px #ffffffd9;--radius:28px;--serif:'Cormorant Garamond',Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h2{font-size:clamp(40px,4.17vw,60px)}h3{font-size:32px}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input{border:0}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--olive);outline-offset:5px}.contact a:focus-visible,.hero a:focus-visible,.video-section a:focus-visible{outline-color:#fff}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon.small{width:18px;height:18px}.soft{background:var(--paper);box-shadow:var(--raised)}.inset{box-shadow:var(--inset)}.site-shell{width:min(100% - 96px,1344px);margin:0 auto;padding-bottom:48px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 24px}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand img{width:40px;height:40px}.brand-name{display:block;font:400 27px/1 var(--serif)}.brand-caption{display:block;font-size:8px;letter-spacing:.025em;text-transform:uppercase;color:var(--muted);margin-top:4px}.main-navigation{display:flex;align-items:center;gap:6px;padding:8px;border-radius:100px}.main-navigation a{padding:12px 18px;border-radius:100px;font-size:13px;transition:background .2s}.main-navigation a:hover{background:#e4e7dd}.main-navigation .active{background:var(--olive);color:#fff}.main-navigation .active:hover{background:var(--hover)}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:14px 25px;border-radius:100px;font-size:14px;line-height:1.4;transition:transform .2s,background .2s,box-shadow .2s;max-width:100%}.button .icon{width:16px;height:16px}.primary{background:var(--olive);color:#fff}.primary:hover{background:var(--hover);transform:translateY(-2px)}.button.soft:hover{transform:translateY(-2px);background:var(--surface)}.button:active{transform:translateY(0)}.header-contact{width:248px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:620px;border-radius:var(--radius);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px 28px}.hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1a12c7 0%,#0d1a1280 48%,#0d1a120a 100%)}.eyebrow{font-size:11px;line-height:1.5;font-weight:400;text-transform:uppercase;letter-spacing:.025em;color:var(--muted)}.hero .eyebrow,.video-section .eyebrow,.contact .eyebrow{color:inherit;opacity:.85}.hero-copy{max-width:700px}.hero h1{font-size:clamp(60px,6.4vw,92px);line-height:.98;letter-spacing:-.025em;margin-top:30px}.hero-description{margin-top:28px;font-size:16px}.hero-copy .button{margin-top:28px;color:var(--ink);box-shadow:none}.hero-caption{display:flex;gap:18px;font-size:10px;text-transform:uppercase;margin-top:64px}.hero-caption span:last-child{text-transform:none}.section{margin-top:80px}.studio{display:grid;grid-template-columns:1fr 2.7fr 1.2fr;gap:56px;align-items:start}.studio h2{font-size:50px}.studio-copy{font-size:14px;color:var(--muted)}.small-link{display:inline-flex;gap:12px;align-items:center;text-transform:uppercase;letter-spacing:.04em;font-size:10px;margin-top:18px;color:var(--olive)}.small-link .icon{width:12px;height:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.section-heading h2{margin-top:12px}.search{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:100px;width:380px;max-width:100%;flex-shrink:0}.search .icon{width:20px;height:20px;color:var(--muted)}.search input{background:transparent;outline:none;min-width:0;width:100%;font-size:14px}.search input::-webkit-search-cancel-button{display:none}.clear-search{padding:0;background:transparent;display:flex;align-items:center}.clear-search[hidden]{display:none}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.filter{border-radius:100px;min-height:44px;padding:10px 18px;font-size:13px;transition:background .2s,box-shadow .2s}.filter.active{background:var(--olive);color:#fff;box-shadow:none}.filter:hover:not(.active){background:var(--surface)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.project-card{border-radius:var(--radius);padding:12px;background:var(--surface);transition:transform .25s}.project-card:hover{transform:translateY(-5px)}.project-card[hidden]{display:none}.project-open{display:block;border-radius:18px}.project-card img{width:100%;height:360px;object-fit:cover;border-radius:20px}.project-card:nth-child(2) img{height:290px}.project-copy{padding:16px 8px 10px}.project-copy .eyebrow{font-size:10px;color:var(--olive)}.project-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.project-title h3{font-size:31px}.project-title .icon{width:22px;height:22px}.project-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}.project-kind{display:block;font-size:10px;color:var(--muted);margin-top:10px}.empty-state{text-align:center;padding:40px 20px}.empty-state[hidden]{display:none}.empty-state>svg{width:36px;height:36px;margin-bottom:20px;color:var(--olive)}.empty-state h3{font-size:30px}.empty-state p{color:var(--muted);margin:16px auto 24px;max-width:460px}.video-section{padding:40px;border-radius:var(--radius);background:var(--olive);color:#fff;display:grid;grid-template-columns:minmax(0,420fr) minmax(0,796fr);gap:48px;align-items:center}.video-copy h2{font-size:58px;margin:24px 0}.video-copy>p:not(.eyebrow){font-size:14px;max-width:370px}.video-copy .button{margin-top:24px;width:100%;color:var(--ink)}.video-preview{display:block;position:relative;border-radius:var(--radius);overflow:hidden}.video-preview img{width:100%;height:340px;object-fit:cover;transition:transform .3s}.video-preview:hover img{transform:scale(1.025)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--surface);color:var(--ink)}.play-button .icon{width:24px;height:24px;stroke-width:2.5}.video-section figcaption{font-size:9px;text-transform:uppercase;margin-top:12px}.services h2{margin:16px 0 32px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{border-radius:var(--radius);padding:28px}.service-card>.icon{width:32px;height:32px;color:var(--olive);margin-bottom:24px}.service-card h3{margin-bottom:20px}.service-card p{font-size:14px;color:var(--muted)}.contact{border-radius:var(--radius);background:var(--ink);color:#fff;padding:48px}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:40px}.contact h2{font-size:64px;margin:20px 0}.contact-heading p:not(.eyebrow){font-size:13px}.contact-heading>.button{min-width:300px;color:var(--ink);box-shadow:0 0 10px #ffffff3b}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.social-card{background:var(--surface);color:var(--ink);border-radius:24px;padding:24px;transition:transform .2s,background .2s}.social-card:hover{transform:translateY(-4px);background:#fff}.social-icons{display:flex;align-items:center;justify-content:space-between;color:var(--olive);margin-bottom:20px}.social-icons>.icon:first-child{width:28px;height:28px}.facebook-icon{fill:currentColor;stroke-width:0}.social-name,.social-user{display:block}.social-name{font-size:17px}.social-user{font-size:12px;color:var(--muted);margin-top:3px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:40px}.footer-bottom img{width:260px;height:auto}.footer-bottom>div{text-align:right;font-size:10px}.footer-bottom>div>a{display:inline-block;margin-top:6px}.footer-bottom>div>a:hover{text-decoration:underline}.project-dialog{width:min(100% - 40px,1040px);max-height:calc(100dvh - 48px);border:0;border-radius:28px;padding:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}.project-dialog::backdrop{background:#12251ce0;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--surface);z-index:1}.dialog-image{width:100%;max-height:58vh;object-fit:cover}.dialog-copy{padding:32px}.dialog-copy h2{margin:8px 0 20px}.dialog-copy>p:not(.eyebrow){margin-top:16px;max-width:700px}.concept-note{font-size:12px;color:var(--muted)}.dialog-copy .button{margin-top:24px}.skip-link{position:fixed;left:24px;top:-100px;z-index:20;padding:16px 24px;background:var(--ink);color:white;border-radius:100px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1440px){.hero h1{font-size:92px}}
@media(max-width:1100px) and (min-width:761px){.site-shell{width:calc(100% - 56px)}.brand{min-width:160px}.header-contact{width:auto}.main-navigation a{padding:11px 13px}.site-header{gap:16px}.studio{grid-template-columns:1fr 2.2fr;gap:28px}.studio-copy{grid-column:2}.project-card img{height:280px}.project-card:nth-child(2) img{height:230px}.project-title h3{font-size:27px}.video-section{padding:28px;gap:28px}.video-copy h2{font-size:46px}.contact{padding:32px}.search{width:280px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-shell{width:calc(100% - 40px);padding-bottom:20px}.site-header{padding:20px 0 24px;position:relative;gap:12px}.brand{min-width:0;gap:8px}.brand img{width:32px;height:32px}.brand-name{font-size:25px}.brand-caption{font-size:7px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:10px;margin-left:auto}.menu-toggle .icon{width:21px;height:21px}.main-navigation{display:none;position:absolute;top:84px;right:0;width:100%;z-index:10;flex-direction:column;align-items:stretch;border-radius:24px;padding:12px;background:var(--surface);box-shadow:0 10px 25px #25332c30}.main-navigation.is-open{display:flex}.main-navigation a{padding:14px 20px;font-size:14px}.header-contact{display:none}.section{margin-top:48px}.hero{min-height:584px;padding:36px 24px 26px}.hero:before{background:linear-gradient(90deg,#0d1a12b8,#0d1a1238)}.hero-image{object-position:48% center}.hero .eyebrow{font-size:9px}.hero h1{font-size:55px;line-height:1.02;margin-top:24px;letter-spacing:-.02em}.hero-description{font-size:14px;line-height:1.5;margin-top:24px}.hero-copy .button{margin-top:24px;font-size:13px;padding:14px 22px}.hero-caption{display:flex;flex-direction:column;gap:6px;font-size:8px;margin-top:56px}.hero-caption span:last-child{font-size:9px}.studio{display:block}.studio .eyebrow{margin-bottom:20px}.studio h2{font-size:38px;line-height:1.05}.studio-copy{margin-top:20px;font-size:14px}.small-link{margin-top:16px}.eyebrow{font-size:10px}.section-heading{display:block}.section-heading h2{font-size:40px;margin-top:14px}.search{width:100%;margin-top:24px;padding:15px 18px;min-height:52px}.filters{flex-wrap:nowrap;gap:8px;justify-content:space-between;margin:24px 0}.filter{font-size:10px;padding:10px 11px;min-height:44px}.project-grid{grid-template-columns:1fr;gap:24px}.project-card{padding:12px}.project-card img,.project-card:nth-child(2) img{height:280px}.project-copy{padding:16px 8px 12px}.project-title h3{font-size:31px}.project-copy>.eyebrow{font-size:9px}.video-section{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:24px}.video-copy h2{font-size:44px;margin:24px 0}.video-copy .button{font-size:12px;gap:12px;padding:14px 16px;box-shadow:none}.video-preview img{height:250px}.video-section figcaption{font-size:7px;line-height:1.6}.services h2{font-size:40px;margin:20px 0 32px}.service-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:28px}.service-card h3{font-size:32px}.contact{padding:24px}.contact-heading{display:block;margin-bottom:28px}.contact h2{font-size:44px;margin:16px 0}.contact-heading>.button{min-width:0;width:100%;font-size:12px;gap:12px;margin-top:28px;box-shadow:none}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-card{padding:16px;border-radius:24px;min-width:0}.social-icons{margin-bottom:14px}.social-icons>.icon:first-child{width:24px;height:24px}.social-icons>.icon.small{width:14px;height:14px}.social-name{font-size:14px}.social-user{font-size:10px;overflow-wrap:anywhere}.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.footer-bottom img{width:190px}.footer-bottom>div{text-align:left;font-size:9px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:38px}.dialog-copy .button{font-size:12px}.project-dialog{max-height:calc(100dvh - 32px)}.dialog-image{min-height:240px}.empty-state h3{font-size:28px}}
@media(max-width:360px){.hero h1{font-size:48px}.hero{padding-inline:20px}.filter{font-size:9px;padding-inline:8px}.contact{padding:20px}.social-card{padding:12px}.social-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}