@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#f8f8f6;--ink:#252623;--muted:#777872;--line:#dcded7;--space:clamp(22px,4.2vw,68px);--font:Manrope,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit}button{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #696e59;outline-offset:6px}button{border:0;background:none}svg{display:block}.icon{height:20px;width:20px;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:16px}.skip-link:focus{top:14px}.header{height:106px;padding:0 var(--space);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px}.brand-rg{font-size:58px;font-weight:700;line-height:1;letter-spacing:-5px}.brand-point{font-weight:400}.brand-studio{font-size:17px;letter-spacing:3px;display:flex;flex-direction:column;font-weight:600;gap:8px}.brand-studio span{font-size:7px;letter-spacing:1.55px;font-weight:500}nav{display:flex;gap:40px;align-items:center}nav a{font-size:12px;display:flex;gap:13px;align-items:center}nav a:after{content:'';position:absolute}nav a:hover{color:var(--muted)}.menu-toggle{display:none}.hero{padding:42px var(--space) 0}.hero-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px;gap:40px}h1,h2,p{margin:0}h1{font-size:clamp(42px,6vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.11}.hero-aside{padding:0 3% 5px 0;min-width:250px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:600}.hero-aside p{font-size:16px;line-height:1.6;margin:20px 0 25px}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:12px;padding-bottom:7px;border-bottom:1px solid var(--ink)}.text-link .icon{width:17px;height:17px;transition:transform .25s}.text-link:hover .icon{transform:translate(3px,-3px)}.hero-images{display:grid;grid-template-columns:1.62fr 1fr;gap:16px}.hero-image{height:clamp(360px,36vw,530px);position:relative;overflow:hidden;background:#ddd}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.3,1);will-change:transform}.hero-main img{object-position:50% 46%}.hero-secondary img{object-position:50% 45%}.hero-image:hover img{transform:scale(1.035)}.image-label{position:absolute;bottom:0;left:0;right:0;padding:60px 25px 23px;color:white;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,rgba(0,0,0,.53));font-size:16px}.image-label span span{display:block;font-size:10px;margin-top:7px;opacity:.8}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:10px;color:var(--muted)}.hero-bottom a{color:var(--ink);display:flex;gap:13px;align-items:center}.hero-bottom .icon{width:15px;height:15px}.projects-section{padding:106px var(--space) 70px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:38px}.section-top h2{font-size:36px;font-weight:400;letter-spacing:-1.5px;display:flex;align-items:start;gap:12px}.project-count{font-size:10px;letter-spacing:0;margin-top:9px;color:var(--muted)}.filters{display:flex;gap:26px}.filters button{font-size:11px;padding:9px 0;border-bottom:1px solid transparent;color:var(--muted);transition:color .2s}.filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:44px}.project{display:block;min-width:0}.project-media{position:relative;overflow:hidden;aspect-ratio:1.18;background:#e4e5df}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.project:hover img{transform:scale(1.04);filter:saturate(.8)}.project-hover{position:absolute;right:15px;bottom:15px;width:36px;height:36px;display:grid;place-items:center;background:var(--paper);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.project:hover .project-hover,.project:focus-visible .project-hover{opacity:1;transform:none}.project-info{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:15px 0 0}.project h3{font-size:14px;font-weight:500;margin:0 0 6px;letter-spacing:-.2px}.project p{font-size:10px;color:var(--muted)}.project-info>span{font-size:9px;color:var(--muted);padding-top:3px;white-space:nowrap}.collection-footnote{font-size:10px;color:var(--muted);padding-top:38px}.studio-section{margin:45px var(--space) 0;padding:85px 0 105px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr 1fr;gap:15%}.studio-intro h2{font-size:clamp(40px,4.6vw,67px);font-weight:400;line-height:1.15;letter-spacing:-3px;margin:30px 0}.studio-intro p{font-size:14px;color:#65675f;line-height:1.8;max-width:420px;margin-bottom:15px}.studio-intro .text-link{margin-top:22px}.services{padding-top:56px}.services details{border-top:1px solid var(--line)}.services details:last-child{border-bottom:1px solid var(--line)}.services summary{display:flex;justify-content:space-between;align-items:center;font-size:25px;letter-spacing:-.7px;padding:26px 0;cursor:pointer;list-style:none}.services summary::-webkit-details-marker{display:none}.service-plus{width:20px;height:20px;stroke:currentColor;stroke-width:1.2;fill:none;transition:transform .25s}.services details[open] .service-plus{transform:rotate(45deg)}.services details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 48px 26px 0;max-width:380px}.reels-section{padding:60px var(--space) 85px;background:#f0f1eb}.reels-section h2{font-size:29px}.reels-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.reel{scroll-snap-align:start;min-width:0}.reel-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#e5e6df}.reel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.reel:hover img{transform:scale(1.04)}.reel-play{position:absolute;left:12px;bottom:12px;border:1px solid rgba(255,255,255,.7);height:32px;width:32px;display:grid;place-items:center;color:white;backdrop-filter:blur(5px);background:#0002}.reel-play svg{width:12px;height:12px}.reel p{font-size:11px;margin-top:13px}.reel>span{font-size:9px;color:var(--muted);display:block;margin-top:5px}.contact-section{padding:88px var(--space) 64px;background:#272924;color:var(--paper)}.contact-section .eyebrow{color:#b3b6a9}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:35px 0 55px}.contact-heading h2{font-size:clamp(42px,6.2vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.1}.contact-arrow{width:100px;height:100px;display:grid;place-items:center;border:1px solid #72766a;border-radius:50%;transition:background .3s,color .3s}.contact-arrow svg{width:42px;height:42px}.contact-arrow:hover{background:var(--paper);color:var(--ink)}.contact-bottom{border-top:1px solid #515449;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.contact-cta{display:flex;align-items:center;gap:25px}.contact-cta .icon{width:18px;height:18px}.contact-bottom>a:hover{color:#c2c7b6}footer{padding:34px var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-brand{font-weight:700;font-size:14px;letter-spacing:.5px;color:var(--ink)}footer>a:last-of-type{display:flex;gap:9px;align-items:center}footer .icon{width:13px;height:13px}
.project-dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1090px,calc(100vw - 60px));max-width:none;max-height:calc(100dvh - 60px);overflow:hidden}.project-dialog::backdrop{background:#161912d1;backdrop-filter:blur(7px)}.dialog-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 60px)}.dialog-header{padding:25px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:27px;letter-spacing:-1px;font-weight:400;margin-top:8px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:var(--paper)}.dialog-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 32px}.gallery-stage{height:clamp(220px,49vh,530px);position:relative;display:flex;align-items:center;justify-content:center;background:#eeefe9}.gallery-stage>img{height:100%;width:100%;object-fit:contain}.gallery-stage>button{position:absolute;top:calc(50% - 22px);box-shadow:0 2px 16px #0001}.gallery-prev{left:12px}.gallery-prev svg{transform:rotate(180deg)}.gallery-next{right:12px}.gallery-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:16px 0}.gallery-thumbnails{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px}.thumbnail{height:61px;width:61px;min-width:61px;padding:0;opacity:.55}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:2px;opacity:1}.dialog-scroll>p{font-size:12px;line-height:1.8;color:var(--muted);padding-top:18px;max-width:620px}.dialog-bottom{padding:22px 32px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;font-size:11px;flex-shrink:0}.dialog-bottom a{display:flex;align-items:center;gap:12px}.dialog-bottom .icon{width:16px;height:16px}.load-error{grid-column:1/-1;padding:30px;border:1px solid var(--line)}
[hidden]{display:none!important}
@media(min-width:1700px){body{max-width:1900px;margin:auto}.hero-image{height:600px}}
@media(max-width:1000px){.header{height:95px}nav{gap:25px}.hero{padding-top:28px}.hero-heading{gap:25px}h1{font-size:clamp(40px,6.4vw,64px)}.hero-aside{min-width:195px;padding-right:0}.hero-aside .eyebrow{font-size:8px;letter-spacing:1px}.hero-aside p{font-size:13px;margin:15px 0}.hero-images{grid-template-columns:1.3fr 1fr}.hero-image{height:380px}.projects-section{padding-top:75px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-section{gap:9%}.reels-track{grid-auto-columns:calc((100% - 32px)/3)}.contact-arrow{height:78px;width:78px}footer{flex-wrap:wrap}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{height:89px}.brand-rg{font-size:48px;letter-spacing:-4px}.brand{gap:11px}.brand-studio{font-size:14px;letter-spacing:2.2px;gap:6px}.brand-studio span{font-size:6px;letter-spacing:1.05px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;gap:7px;align-items:center;justify-content:center}.menu-toggle span{width:24px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{position:absolute;top:89px;left:0;right:0;background:var(--paper);padding:25px var(--space) 35px;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:start;gap:25px}nav.open{display:flex}nav a{font-size:17px}.hero{padding-top:24px}.hero-heading{display:block;margin-bottom:30px}h1{font-size:clamp(35px,9.4vw,56px);letter-spacing:-.055em;line-height:1.15}.hero-aside{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:16px;min-width:0}.hero-aside .eyebrow{grid-column:1/-1;font-size:8px}.hero-aside p{margin:0;font-size:12px;line-height:1.6}.hero-aside .text-link{font-size:10px;align-self:center;gap:10px;padding-bottom:5px}.hero-images{grid-template-columns:1fr;gap:0}.hero-image{height:410px}.hero-secondary{display:none}.hero-main img{object-position:50% 45%}.image-label{padding:55px 20px 20px}.hero-bottom{font-size:8px;gap:15px;align-items:start}.hero-bottom a{font-size:9px;gap:8px}.hero-bottom>span{max-width:140px;line-height:1.6}.projects-section{padding-top:62px;padding-bottom:45px}.section-top{display:block;margin-bottom:26px}.section-top h2{font-size:31px;margin-bottom:22px}.filters{gap:25px}.filters button{font-size:11px;min-height:42px}.projects-grid{grid-template-columns:1fr;gap:34px}.project-media{aspect-ratio:1.15}.project-info{padding-top:13px}.project h3{font-size:15px}.project p{font-size:10px}.project-info>span{font-size:9px}.project-hover{opacity:1;transform:none;width:32px;height:32px}.project-hover .icon{width:16px;height:16px}.collection-footnote{padding-top:26px;font-size:9px}.studio-section{margin-top:25px;grid-template-columns:1fr;gap:35px;padding:52px 0 62px}.studio-intro h2{font-size:47px;letter-spacing:-2.6px;margin:25px 0}.studio-intro p{font-size:13px}.services{padding-top:0}.services summary{font-size:23px;padding:22px 0}.services details p{font-size:12px}.reels-section{padding-top:45px;padding-bottom:45px}.reels-section .section-top h2{font-size:25px;letter-spacing:-1.2px}.reels-section .section-top .text-link{font-size:10px}.reels-track{grid-auto-columns:70%;gap:12px}.reel-image{aspect-ratio:3/4}.contact-section{padding-top:55px;padding-bottom:38px}.contact-section .eyebrow{font-size:8px}.contact-heading{margin:28px 0 36px;gap:12px}.contact-heading h2{font-size:clamp(33px,8.7vw,50px)}.contact-arrow{width:51px;height:51px;flex-shrink:0}.contact-arrow svg{width:24px;height:24px}.contact-bottom{align-items:start;flex-direction:column;gap:20px;font-size:12px}.contact-cta{font-size:14px;margin-bottom:8px}footer{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;padding-top:28px;padding-bottom:28px;font-size:8px}footer>a:last-of-type{justify-content:end}footer>span:last-child{text-align:right}footer>span:first-of-type{grid-column:1;grid-row:2}.project-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog-shell{max-height:calc(100dvh - 20px)}.dialog-header{padding:18px}.dialog-header h2{font-size:24px}.dialog-header .eyebrow{font-size:8px}.dialog-scroll{padding:16px}.gallery-stage{height:44dvh;min-height:170px}.dialog-bottom{padding:18px 16px;font-size:9px;gap:10px}.dialog-bottom a{gap:6px}.dialog-bottom .icon{width:13px;height:13px}.gallery-stage .icon-button{width:36px;height:36px}.gallery-prev{left:5px}.gallery-next{right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-image img{will-change:auto}}
/* Brief, native-scroll brand introduction. The page remains directly reachable. */
.brand-intro{height:155svh;position:relative;background:var(--paper)}.intro-stage{height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#fff 0,var(--paper) 65%);border-bottom:1px solid var(--line)}.intro-top{position:absolute;z-index:2;left:var(--space);right:var(--space);top:38px;display:flex;justify-content:space-between;align-items:center}.intro-top>span{font-size:12px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:24px}.intro-top>span>span{font-size:8px;font-weight:500;letter-spacing:1.45px;color:var(--muted)}.intro-top>a{display:flex;gap:15px;align-items:center;font-size:11px}.intro-top .icon{width:16px;height:16px}.intro-object{position:absolute;inset:6% 0 10%;pointer-events:none}.intro-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .45s}.intro-fallback{position:absolute;width:min(43vw,540px);height:auto;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .45s}.intro-ready .intro-canvas{opacity:1}.intro-ready .intro-fallback{opacity:0}.intro-caption{position:absolute;top:77%;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2.2px;color:var(--muted)}.intro-scroll{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:10px;letter-spacing:.2px;min-width:160px}.intro-scroll>svg{width:21px;height:21px}.intro-track{height:1px;width:100px;background:var(--line);display:block;overflow:hidden}.intro-track>span{height:100%;width:100%;display:block;background:var(--ink);transform:scaleX(0);transform-origin:left}.intro-location{position:absolute;bottom:39px;right:var(--space);font-size:8px;letter-spacing:1.3px;color:var(--muted)}#web{scroll-margin-top:-105px}
@media(max-width:600px){.brand-intro{height:145svh}.intro-stage{min-height:400px}.intro-top{top:28px}.intro-top>span{font-size:10px;letter-spacing:1.3px}.intro-top>span>span{display:none}.intro-top>a{font-size:10px;gap:9px}.intro-object{inset:7% 0 12%}.intro-fallback{width:68vw}.intro-caption{top:71%;font-size:7px;letter-spacing:1.7px}.intro-scroll{bottom:38px}.intro-location{bottom:24px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}
@media(max-width:600px){#web{scroll-margin-top:-25px}}