@font-face{font-family:Phudu;src:url('./assets/fonts/phudu-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Phudu;src:url('./assets/fonts/phudu-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('./assets/fonts/instrument-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('./assets/fonts/instrument-600.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--ink:#010406;--paper:#f5f5f5;--accent:#ff5100;--line:#e1e1e1;--shadow:0 4px 4px #00000040,-4px -4px 0 #ffffff40;--heading:Phudu,'Arial Narrow',sans-serif;--body:'Instrument Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--ink);font:400 18px/1.65 var(--body);overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:600;line-height:1.1}h2,h3,h4{letter-spacing:-.025em}button{color:inherit}ul{padding:0;margin:0;list-style:none}svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.container{width:100%;max-width:1800px;margin-inline:auto;padding-inline:20px}.section-pad{padding-block:120px}.raised{background:var(--paper);border:1px solid #fff8;box-shadow:var(--shadow);border-radius:8px}.eyebrow{font:600 12px/1.4 var(--body);letter-spacing:.08em;display:block}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--accent);color:white;z-index:1000}.skip-link:focus{top:15px}.preloader{display:none;position:fixed;inset:0;z-index:900;pointer-events:none}.preloader svg{width:100%;height:115%;position:absolute;inset:0;fill:#111}.loading-word{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:22px;color:white;font:600 26px var(--body);letter-spacing:.2em}.loading-letter{display:inline-block}.js-motion .preloader{display:block}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px 20px;border-bottom:1px dashed #dddddd;background:#f5f5f5e8;backdrop-filter:blur(12px);transition:box-shadow .3s,background .3s}.site-header.scrolled{background:#fffffff5;box-shadow:0 5px 20px #0000000c}.brand{display:flex;align-items:center;gap:10px;padding:9px 13px;line-height:.97;font-family:var(--heading);font-size:24px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand svg{width:33px;height:33px;stroke:var(--accent);stroke-width:2.7;fill:none}.brand>span{display:flex;align-items:center;gap:5px}.brand-number{font-size:15px;max-width:25px;line-height:1;letter-spacing:-.05em;writing-mode:vertical-rl;transform:rotate(180deg)}.social-links{display:flex;gap:10px;margin-left:auto;margin-right:auto}.icon-button{width:52px;height:52px;border:0;display:flex;align-items:center;justify-content:center;transition:color .25s,background .25s,transform .25s}.icon-button:hover{color:var(--accent);transform:translateY(-2px)}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-in{font-family:Arial,sans-serif;font-size:24px;font-weight:bold}.header-actions{display:flex;align-items:center;gap:28px}.dot-grid{width:18px;height:18px;background:radial-gradient(circle,var(--ink) 1.7px,transparent 2px) 0 0/6px 6px}.button{position:relative;isolation:isolate;overflow:hidden;min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 35px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:white;font:700 16px/1.3 var(--body);text-transform:uppercase;transition:background .3s,color .3s,transform .3s}.button>span{font-size:22px;line-height:1}.button:hover{background:var(--accent);border-color:var(--accent)}.button-fill{position:absolute;z-index:-1;background:var(--accent);border-radius:50%;pointer-events:none;width:220%;aspect-ratio:1;left:-60%;top:130%;transition:top .5s ease}.button:hover .button-fill{top:-50%}.cv-button{min-height:54px;font-size:14px;padding-inline:28px;gap:14px}
.menu-panel{position:fixed;inset:0;z-index:200;background:var(--paper);padding:20px 5vw 50px;overflow:auto}.menu-panel[hidden]{display:none}.menu-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px;font-weight:600}.menu-top button{font-size:36px}.menu-layout{max-width:1500px;display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;margin:3vh auto}.menu-layout nav a{display:flex;align-items:center;gap:25px;font:600 clamp(35px,5vw,82px)/1.25 var(--heading);letter-spacing:-.03em;transition:color .2s,transform .25s}.menu-layout nav a:hover{color:var(--accent);transform:translateX(12px)}.menu-layout nav span{font:500 14px var(--body);letter-spacing:0}.menu-contact{align-self:end;padding-bottom:10px}.menu-contact p{font:600 42px/1.1 var(--heading)}.menu-contact a{display:block;font-size:17px;margin-top:18px;overflow-wrap:anywhere}.menu-contact a:hover{color:var(--accent)}
.hero{background:var(--paper);position:relative;padding:200px 0 100px}.hero-inner{position:relative}.hero-title{position:relative;z-index:1;margin:0 0 30px;text-align:center;white-space:nowrap;font-size:clamp(80px,21.32vw,397px);line-height:.83;font-weight:600;letter-spacing:-.04em;color:#000}.hero-portrait{position:absolute;width:min(48vw,880px);height:900px;left:50%;bottom:27%;transform:translateX(-50%);z-index:2;pointer-events:none;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:3;gap:30px;min-height:480px}.hero-intro{width:350px;flex-shrink:0;padding:35px 25px;background:#f5f5f5f0}.hero-intro h2{font-size:28px;margin-bottom:26px;letter-spacing:-.035em}.hero-intro li{font-size:16px;font-weight:500;margin:13px 0;display:flex;gap:10px;align-items:center}.hero-intro li:before{content:'+';color:var(--accent);font-size:24px;line-height:1}.hero-message{text-align:center;width:575px;margin:0 auto 0;flex-shrink:1}.hero-message h2{font-size:50px;line-height:1.2;color:var(--paper);-webkit-text-stroke:1px var(--ink);font-weight:600;letter-spacing:-.025em;margin-bottom:27px}.hero-message .button{min-width:240px;min-height:66px}.hero-facts{width:350px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.fact{padding:17px 24px;width:90%;position:relative;line-height:1.2}.fact:nth-child(2){align-self:flex-end}.fact strong{font:600 75px/.95 var(--heading);display:block;letter-spacing:-.04em;margin-bottom:10px}.fact strong span{font:400 30px var(--body);float:right;margin-top:4px}.fact p{font-weight:500;font-size:16px;margin:0}.fact.dark{background:#000;color:white;border-radius:8px}.hero-notch{position:absolute;bottom:-42px;width:40%;height:48px;background:var(--paper);left:30%;border-radius:0 0 10px 10px}.hero-notch:before,.hero-notch:after{content:'';position:absolute;top:0;width:16px;height:16px}.hero-notch:before{left:-16px;border-radius:0 12px 0 0;box-shadow:5px -5px 0 5px var(--paper)}.hero-notch:after{right:-16px;border-radius:12px 0 0 0;box-shadow:-5px -5px 0 5px var(--paper)}
.about{padding-top:160px}.statement{font-size:clamp(32px,4.1vw,76px);line-height:1.15;font-weight:600;letter-spacing:-.025em;max-width:1550px;margin-bottom:75px}.reveal-word{display:inline-block;white-space:nowrap}.reveal-char{display:inline-block}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.about-photo{position:relative;overflow:hidden;border-radius:8px;min-height:740px;background:#e9e9e6;display:flex;align-items:flex-end;justify-content:center}.about-photo img{height:740px;width:auto;object-fit:contain;position:relative;z-index:1}.photo-grid{position:absolute;inset:0;background-image:linear-gradient(#00000009 1px,transparent 1px),linear-gradient(90deg,#00000009 1px,transparent 1px);background-size:65px 65px}.photo-caption{position:absolute;bottom:20px;left:20px;right:20px;font:600 10px var(--body);letter-spacing:.08em;z-index:2;color:#fff;mix-blend-mode:difference}.about-copy{padding:0 20px 0 0}.about-copy p{font-size:20px;line-height:1.6;margin-bottom:30px;color:#656565}.circle-button{position:relative;isolation:isolate;overflow:hidden;width:270px;height:270px;border-radius:50%;border:1px solid #eee;box-shadow:0 3px 3px #0003;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:500;line-height:1.3;transition:color .4s,background .4s}.circle-button:after{content:'';position:absolute;width:45px;height:45px;background:var(--accent);border-radius:50%;left:-10px;bottom:15%;z-index:-1;transition:transform .6s}.circle-button:hover:after{transform:scale(15)}.circle-button:hover{color:white}.circle-symbol{font:600 100px/.9 var(--heading);display:block}.circle-button b{font-weight:700}.about-copy .circle-button{margin-top:40px;width:330px;height:330px}.about-notes{margin-top:90px;display:flex;align-items:center;gap:100px}.about-notes>div{display:flex;align-items:center;gap:24px}.outline-number{font:600 120px/1 var(--heading);letter-spacing:-.05em}.about-notes p{font-size:16px;font-weight:500;line-height:1.5;margin:0}.orbital{font-size:150px;line-height:1;margin-left:auto;animation:orbital 30s linear infinite}@keyframes orbital{to{transform:rotate(360deg)}}
.services{background:#000;color:white;padding-bottom:100px;position:relative}.service-marquee{overflow:hidden;padding:75px 0 55px}.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee 45s linear infinite}.marquee-track>span{display:block;white-space:nowrap;font:600 clamp(85px,11vw,210px)/1 var(--heading);letter-spacing:-.03em}.marquee-track b{font-weight:600;-webkit-text-stroke:1px white;color:transparent}.marquee-track i{font-style:normal;margin-inline:25px;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}.service-row{display:flex;gap:50px;padding:45px 0;border-top:1px solid #ffffff40;align-items:center;position:relative;z-index:2}.service-row:last-child{border-bottom:1px solid #ffffff40}.service-number{font-weight:500;font-size:18px;align-self:flex-start;margin-top:10px}.service-main{flex:1}.service-row h3{font-size:clamp(38px,5vw,76px);margin-bottom:22px;transition:color .3s}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{font-size:12px;font-weight:500;line-height:1;display:inline-flex;padding:10px 17px;border:1px solid currentColor;border-radius:30px}.services .tags{color:#b3b3b3}.service-arrow{font:400 72px/1 var(--body);transition:transform .35s,color .35s;display:block}.service-row:hover h3,.service-row:hover .service-arrow{color:var(--accent)}.service-row:hover .service-arrow{transform:rotate(45deg)}.service-preview{position:fixed;left:0;top:0;width:380px;z-index:50;pointer-events:none;opacity:0;visibility:hidden;transform:rotate(-7deg);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #0004}.service-preview img{width:100%;height:260px;object-fit:cover}
.work-section{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding-bottom:150px}.work-backdrop{position:absolute;left:0;right:0;top:250px;text-align:center;font:600 clamp(180px,34vw,650px)/.83 var(--heading);color:#ededed;letter-spacing:-.06em;z-index:-1;pointer-events:none}.work-label{margin-bottom:70px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px 35px;align-items:start;padding-bottom:350px}.project-card{min-width:0;position:relative;background:transparent}.project-card:nth-child(even){top:480px}.project-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.project-heading h2{font-size:clamp(34px,3.4vw,64px);margin-bottom:20px;line-height:1.05}.project-heading h2 a:hover{color:var(--accent)}.project-arrow{border-radius:50%;border:1px solid #ddd;width:45px;height:45px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:30px;transition:background .2s,color .2s}.project-arrow:hover{background:var(--accent);color:white;border-color:var(--accent)}.project-image{display:block;overflow:hidden;border-radius:8px;background:#f0f0f0;position:relative}.project-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.project-image:hover img{transform:scale(1.05)}.project-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:500;letter-spacing:.03em;margin:14px 0 0}.work-more{margin-top:20px;width:220px;height:220px;font-size:18px}.work-more .circle-symbol{font-size:65px}
.section-heading{display:flex;gap:40px;justify-content:space-between;align-items:flex-start;margin-bottom:70px}.section-heading .eyebrow{margin-top:10px}.section-heading h2{font-size:clamp(35px,4.5vw,76px);max-width:850px;margin-bottom:0}.capabilities{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:65px 1fr 1fr 110px;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;transition:background .3s,padding .3s}.capability-row:first-child{border-top:1px solid var(--line)}.capability-row h3{font:500 22px/1.3 var(--body);letter-spacing:-.035em;margin:0}.capability-row p{font-size:16px;color:#656565;margin:0}.capability-row>span{font-size:13px}.capability-row>span:last-child{text-align:right;font-size:12px}.capability-row:hover{background:var(--paper);padding-inline:20px}.approach{background:var(--paper)}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start}.approach-portrait{height:750px;position:relative;overflow:hidden;background:#e7e7e5;border-radius:8px;display:flex;align-items:flex-end;justify-content:center}.approach-portrait img{height:100%;width:auto;object-fit:contain;position:relative}.approach-sticker{position:absolute;right:20px;top:35px;background:var(--accent);border-radius:50%;width:145px;height:145px;display:flex;align-items:center;justify-content:center;transform:rotate(12deg);color:white;font:600 26px/1.1 var(--heading);text-align:center}.process-row{padding:28px 0;border-bottom:1px solid #d1d1d1}.process-row:first-child{padding-top:0}.process-row>span{font-size:12px;font-weight:600;letter-spacing:.08em}.process-row h3{font-size:38px;margin:16px 0}.process-row p{font-size:18px;color:#656565;margin-bottom:0;max-width:650px}.toolkit h2{font-size:40px;text-align:center;margin-bottom:55px}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.toolkit-grid>span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:130px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:25px;font-weight:600;letter-spacing:-.05em;transition:color .25s,background .25s}.toolkit-grid>span:hover{color:var(--accent);background:var(--paper)}.toolkit-grid>span>span{font-size:40px;font-weight:500;line-height:1}
.contact{background:var(--paper);padding-bottom:0;overflow:hidden;position:relative}.contact-title{font-size:clamp(52px,9.2vw,160px);line-height:1;max-width:1450px;letter-spacing:-.04em;margin-bottom:45px}.contact-links{display:flex;align-items:center;gap:30px;font-size:20px;font-weight:500;margin-bottom:70px;flex-wrap:wrap}.contact-links>a{border-bottom:1px solid #a9a9a9;padding-bottom:4px}.contact-links>a:hover{color:var(--accent);border-color:var(--accent)}.contact-links>span{color:#9a9a9a}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.person-portrait{height:180px;width:180px;background:#e3e3e0;overflow:hidden;border-radius:50%;margin-bottom:22px}.person-portrait img{width:100%;height:270px;object-fit:cover;object-position:50% 0}.contact-person h3{font-size:32px;margin:0 0 12px}.contact-person p{font-size:16px;color:#656565;margin-bottom:22px}.contact-socials{display:flex;gap:23px;font-size:14px}.contact-socials a:hover{color:var(--accent)}.form-top{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:block;color:#454545;font-size:12px;font-weight:500;letter-spacing:.03em}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;background:transparent;border-bottom:1px solid #bcbcbc;padding:17px 0;color:var(--ink);font-size:18px;font-weight:400;letter-spacing:0;border-radius:0;resize:vertical;margin-bottom:28px}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a8a8a}.contact-form .button{width:100%;background:var(--paper);color:var(--ink);border-color:#ccc;justify-content:space-between}.contact-form .button:hover{background:var(--ink);color:white}.form-status{font-size:12px;color:#656565;margin:10px 0;min-height:20px}.footer-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-top:1px solid #d8d8d8;margin-top:100px;padding-block:45px}.footer-meta h4{font:600 19px/1.3 var(--body);letter-spacing:0;margin-bottom:15px}.footer-meta nav{display:flex;gap:8px;flex-wrap:wrap;font-size:14px}.footer-meta a:hover{color:var(--accent)}.footer-meta p{font-size:14px;color:#656565;margin:0}.footer-up{font-size:50px;line-height:1}.footer-name{font:600 clamp(120px,25.7vw,500px)/.83 var(--heading);text-align:center;letter-spacing:-.05em;white-space:nowrap;margin-top:40px;margin-bottom:-.08em}.contact:after{content:'✳';position:absolute;color:var(--accent);font-size:300px;line-height:1;bottom:-45px;right:3%;z-index:0;mix-blend-mode:multiply;pointer-events:none}#cursor{position:fixed;top:0;left:0;z-index:500;width:8px;height:8px;border:1px solid #999;border-radius:50%;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:white;background:transparent;transition:width .2s,height .2s,background .2s}#back-to-top{position:fixed;right:28px;bottom:28px;width:48px;height:48px;border:0;border-radius:50%;background:#d7ff00;color:#000;font-size:25px;z-index:90;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}#back-to-top.visible{opacity:1;visibility:visible}
@media(min-width:1800px){.hero-intro,.hero-facts{width:410px}.hero{padding-top:220px}.hero-bottom{min-height:590px}.hero-portrait{height:1100px}.work-grid{column-gap:100px}.project-card:nth-child(even){top:617px}.work-grid{padding-bottom:450px}}
@media(max-width:1699px){.hero-intro,.hero-facts{width:350px}.hero-bottom{gap:20px}.hero-intro{padding:30px 22px}.hero-portrait{height:860px}.hero-message{max-width:575px}}
@media(max-width:1499px){.hero-intro,.hero-facts{width:260px}.hero-intro{padding:30px 20px}.hero-intro h2{font-size:24px}.hero-intro li{font-size:14px}.hero-message{max-width:575px}.fact{padding:15px 18px}.fact strong{font-size:70px}.fact p{font-size:14px}.hero-bottom{min-height:440px}.hero-portrait{height:820px}.about-photo,.about-photo img{height:680px;min-height:680px}.about-copy p{font-size:18px}.about-copy .circle-button{width:270px;height:270px}.about-notes{gap:70px}.approach-portrait{height:720px}}
@media(max-width:1399px){.hero-title{font-size:20vw}.hero-message h2{font-size:44px}.hero-portrait{height:760px}.hero{padding-top:180px}.hero-bottom{min-height:430px}.project-card:nth-child(even){top:400px}.work-grid{padding-bottom:280px}.hero-intro,.hero-facts{width:240px}.hero-intro{padding:25px 18px}.hero-intro li{font-size:13px}.hero-intro h2{font-size:23px}}
@media(max-width:1199px){.section-pad{padding-block:90px}.hero{padding-top:155px;padding-bottom:65px}.hero-title{font-size:20.5vw;margin-bottom:140px}.hero-portrait{height:620px;width:550px;max-width:65%;bottom:23%}.hero-intro,.hero-facts{display:none}.hero-bottom{min-height:210px;justify-content:center}.hero-message{max-width:575px;width:85%}.hero-message h2{font-size:46px}.hero-notch{bottom:-32px;height:35px}.hero-message .button{min-height:58px;min-width:220px}.hero-message .button span{display:none}.about{padding-top:125px}.statement{margin-bottom:55px}.about-photo,.about-photo img{height:650px;min-height:650px}.about-grid{gap:24px}.about-copy{padding:0}.about-copy p{font-size:17px;margin-bottom:20px}.about-copy .circle-button{width:220px;height:220px;font-size:16px;margin-top:30px}.circle-symbol{font-size:70px}.about-notes{gap:40px;margin-top:65px}.outline-number{font-size:90px}.about-notes p{font-size:14px}.orbital{font-size:110px}.service-row{padding:40px 0;gap:30px}.work-grid{padding-bottom:0;gap:60px 28px}.project-card:nth-child(even){top:0}.work-more{margin-top:60px}.work-backdrop{font-size:37vw;top:160px}.capability-row{grid-template-columns:35px .8fr 1.2fr 90px;gap:15px}.capability-row h3{font-size:20px}.capability-row p{font-size:14px}.approach-grid{gap:5%}.approach-portrait{height:650px}.process-row{padding:23px 0}.process-row h3{font-size:30px}.process-row p{font-size:16px}.approach-sticker{width:110px;height:110px;font-size:22px}.toolkit-grid>span{font-size:20px;gap:12px}.toolkit-grid>span>span{font-size:30px}.contact-grid{gap:40px}.contact-links{font-size:18px}.contact-person h3{font-size:30px}.header-actions{gap:20px}.brand{font-size:22px}.cv-button{padding-inline:22px}}
@media(max-width:767px){body{font-size:16px}.container{padding-inline:16px}.site-header{padding:12px 14px;min-height:76px;gap:14px}.brand{font-size:20px;padding:9px 10px;gap:7px}.brand svg{width:28px;height:28px}.brand-number{font-size:12px}.social-links,.cv-button{display:none}.header-actions{margin-left:auto}.icon-button{width:46px;height:46px}.hero{padding-top:135px;padding-bottom:58px}.hero-title{font-size:20.8vw;letter-spacing:-.045em;margin-bottom:125px}.hero-portrait{height:490px;width:470px;max-width:75%;bottom:24%}.hero-bottom{min-height:220px}.hero-message{width:90%}.hero-message h2{font-size:clamp(28px,6.4vw,45px);line-height:1.2;margin-bottom:24px}.button{font-size:14px;padding:16px 27px;min-height:54px}.hero-message .button{min-width:204px}.section-pad{padding-block:70px}.about{padding-top:105px}.statement{font-size:clamp(30px,5.2vw,44px);line-height:1.2;margin-bottom:40px}.about-grid{grid-template-columns:1fr;gap:35px}.about-photo,.about-photo img{height:600px;min-height:600px}.about-photo img{width:auto}.about-copy p{font-size:17px;line-height:1.6}.about-copy .circle-button{width:210px;height:210px}.about-notes{gap:25px;margin-top:50px;justify-content:space-between}.about-notes>div{gap:12px;align-items:flex-start;flex-direction:column}.outline-number{font-size:75px}.about-notes p{font-size:13px}.orbital{font-size:80px}.service-marquee{padding:50px 0 35px}.marquee-track>span{font-size:100px}.service-row{gap:20px;padding:32px 0}.service-number{font-size:14px;margin-top:5px}.service-row h3{font-size:clamp(30px,5.2vw,42px);margin-bottom:18px}.service-arrow{font-size:45px}.tags{gap:7px}.tags span{font-size:10px;padding:8px 12px}.services{padding-bottom:70px}.service-preview{display:none}.work-label{margin-bottom:40px}.work-grid{gap:55px 22px}.project-heading h2{font-size:30px;margin-bottom:15px}.project-arrow{width:35px;height:35px;font-size:24px}.project-heading{gap:10px;margin-bottom:18px}.project-caption{font-size:9px}.project-caption span:last-child{display:none}.work-backdrop{font-size:37vw;top:110px}.work-more{width:185px;height:185px;margin-top:45px}.section-heading{flex-direction:column;gap:20px;margin-bottom:40px}.section-heading h2{font-size:38px}.capability-row{grid-template-columns:25px 1fr 1.1fr;gap:15px;padding:22px 0}.capability-row>span:last-child{display:none}.capability-row h3{font-size:17px}.capability-row p{font-size:13px;line-height:1.45}.approach-grid{grid-template-columns:1fr;gap:40px}.approach-portrait{height:570px}.approach-portrait img{width:auto}.approach-sticker{top:30px;right:30px;width:130px;height:130px;font-size:24px}.process-row h3{font-size:32px}.process-row p{font-size:16px}.toolkit h2{font-size:32px;margin-bottom:35px}.toolkit-grid{grid-template-columns:repeat(2,1fr)}.toolkit-grid>span{min-height:110px;font-size:22px}.contact-title{font-size:12vw;margin-bottom:30px}.contact-links{font-size:16px;gap:10px 20px;margin-bottom:45px}.contact-links>span{display:none}.contact-links>a:first-child{overflow-wrap:anywhere}.contact-grid{grid-template-columns:1fr;gap:40px}.person-portrait{width:140px;height:140px}.person-portrait img{height:215px}.contact-person h3{font-size:30px}.contact-person p{font-size:14px}.form-top{gap:20px}.contact-form input,.contact-form textarea{font-size:16px}.footer-meta{margin-top:50px;padding-block:30px;flex-wrap:wrap;gap:30px}.footer-meta>div:last-child{width:100%}.footer-meta h4{font-size:17px}.footer-meta nav{font-size:13px}.footer-meta p{font-size:12px}.footer-up{font-size:40px;margin-left:auto}.footer-name{font-size:25vw;margin-top:30px}.contact:after{font-size:150px;bottom:-30px}.menu-panel{padding:15px 20px}.menu-top{font-size:12px;padding-bottom:25px}.menu-layout{grid-template-columns:1fr;gap:45px}.menu-layout nav a{font-size:45px;gap:18px}.menu-contact p{font-size:30px}.menu-contact a{font-size:15px}.loading-word{gap:12px;font-size:18px}#back-to-top{width:42px;height:42px;right:18px;bottom:18px}#cursor{display:none}}
@media(max-width:575px){.hero{padding-top:130px}.hero-title{margin-bottom:130px}.hero-portrait{height:420px;width:400px;max-width:85%;bottom:27%}.hero-bottom{min-height:200px}.hero-message{width:95%}.hero-message h2{font-size:7.3vw;max-width:450px;margin-inline:auto}.hero-notch{width:55%;left:22.5%;height:30px;bottom:-27px}.statement{font-size:31px}.about-photo,.about-photo img{height:510px;min-height:510px}.about-notes{flex-wrap:wrap}.orbital{font-size:70px}.outline-number{font-size:65px}.about-notes>div{max-width:38%}.service-row{gap:12px}.service-number{font-size:12px}.service-row h3{font-size:30px}.service-arrow{font-size:32px;align-self:flex-start;margin-top:3px}.tags span{font-size:9px;padding:7px 9px}.service-row .tags{max-width:290px}.work-grid{grid-template-columns:1fr}.project-heading h2{font-size:36px}.project-heading .tags span{font-size:10px;padding:8px 12px}.project-arrow{width:42px;height:42px}.project-caption{font-size:9px}.project-caption span:last-child{display:block}.project-card:nth-child(even){top:0}.work-backdrop{font-size:55vw;left:-5%;right:-5%}.capability-row{grid-template-columns:20px .9fr 1.1fr;gap:10px}.capability-row h3{font-size:16px}.capability-row p{font-size:12px}.capability-row>span{font-size:11px}.approach-portrait{height:510px}.process-row h3{font-size:30px}.toolkit-grid>span{font-size:18px;gap:10px;min-height:100px}.toolkit-grid>span>span{font-size:28px}.form-top{grid-template-columns:1fr;gap:0}.contact-title{font-size:12.5vw}.contact-links{font-size:15px}.contact-person h3{font-size:30px}.footer-name{font-size:25vw}.menu-layout nav a{font-size:40px}}
.walkthrough-slider{overflow:hidden}.walkthrough-track{display:flex;gap:10px;will-change:transform}.walkthrough-card{flex:0 0 calc((100% - 10px)/2);display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #e7e7e7;border-radius:8px;overflow:hidden;min-width:0}.walkthrough-visual{position:relative;overflow:hidden;min-height:370px;display:block;background:#dededb}.walkthrough-visual>img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ff5100ed;color:white;font-size:20px;box-shadow:0 0 0 12px #ffffff40;transition:box-shadow .3s}.walkthrough-visual:hover .play-button{box-shadow:0 0 0 20px #ffffff30}.walkthrough-copy{padding:30px 25px}.quote-mark{font:600 90px/.7 var(--heading);display:block;color:var(--accent);margin-bottom:25px}.walkthrough-copy p{font-size:17px;line-height:1.6;margin-bottom:30px;color:#5f5f5f}.walkthrough-copy h3{font-size:26px;margin-bottom:10px}.walkthrough-copy>span:last-child{font-size:13px;color:#6f6f6f}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.slider-controls>div{display:flex;gap:12px}.slider-controls button{width:50px;height:50px;border:1px solid #d6d6d6;border-radius:50%;background:transparent;font-size:24px;transition:color .25s,background .25s}.slider-controls button:hover{background:var(--ink);color:white}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1199px){.walkthrough-card{flex-basis:100%;grid-template-columns:40% 60%}.walkthrough-visual{min-height:350px}.walkthrough-copy{padding:40px}.walkthrough-copy p{font-size:20px}.walkthrough-copy h3{font-size:32px}}
@media(max-width:767px){.walkthrough-copy{padding:25px}.walkthrough-copy p{font-size:16px}.walkthrough-copy h3{font-size:27px}.walkthrough-visual{min-height:340px}.quote-mark{font-size:75px}.slider-controls .eyebrow{max-width:170px;font-size:10px}}
@media(max-width:575px){.walkthrough-card{grid-template-columns:1fr}.walkthrough-visual{height:220px;min-height:220px}.walkthrough-visual>img{object-fit:cover;object-position:center}.walkthrough-copy{padding:25px}.quote-mark{margin-bottom:15px;font-size:65px}.walkthrough-copy p{margin-bottom:22px}.walkthrough-copy h3{font-size:27px}.slider-controls button{width:44px;height:44px}}
/* Reference composition: raised work panels, dark footer, and outlined service pills. */
body.menu-open{overflow:hidden}.site-header.is-sticky{background:#fffffff5;box-shadow:0 5px 20px #0000000c;animation:header-in .35s ease-out}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}#back-to-top.is-visible{opacity:1;visibility:visible}#cursor.is-view{background:#fff;color:#010406;border:0;mix-blend-mode:difference;backdrop-filter:blur(14px)}.service-preview{margin:-150px 0 0 -150px}.service-list{max-width:1540px}.service-row{border:2px solid #ffffff1a!important;border-radius:200px;padding:30px 55px;margin-bottom:60px;gap:50px;min-height:190px;transition:border-color .5s}.service-row:last-child{margin-bottom:0}.service-row:hover{border-color:var(--accent)!important}.service-row:hover .service-number{color:var(--accent)}.service-row h3{font-size:60px}.service-number{min-width:45px;align-self:center;margin:0}.service-arrow{font-size:64px}.work-backdrop{color:#02080d}.project-card{background:var(--paper);padding:38px 30px 30px;border-radius:8px}.project-heading h2{font-size:26px;letter-spacing:0}.project-caption{margin-bottom:0}.project-arrow{border:0;width:32px;height:32px;font-size:26px}.project-card .tags span{font-size:10px;padding:8px 12px}.project-image:hover img{transform:none}.capabilities{max-width:none;background:var(--ink);color:white;padding-inline:max(20px,calc((100vw - 1760px)/2));border:0}.capability-row{border-color:#ffffff1a!important}.capability-row p{color:#c0c0c0}.capability-row:hover{background:#ffffff08}.capability-row h3{font-size:26px}.capability-row{padding-block:34px}.contact{background:var(--ink);color:white}.contact-links>a{border-color:#ffffff70}.contact-links>span,.contact-person p,.form-status,.footer-meta p{color:#aaa}.contact-form label{color:#aaa}.contact-form input,.contact-form textarea{color:white;border-color:#ffffff40}.contact-form .button{background:transparent;color:white;border-color:#ffffff30}.contact-form .button:hover{background:var(--accent)}.footer-meta{border-color:#ffffff20}.contact:after{mix-blend-mode:normal}.circle-button:after{left:var(--button-x,-10px);top:var(--button-y,75%);transform:translate(-50%,-50%)}.circle-button:hover:after{transform:translate(-50%,-50%) scale(20)}
@media(min-width:1200px){.hero-title{margin-bottom:120px}.hero-bottom{min-height:590px}.hero-intro,.hero-facts{margin-bottom:160px}.work-grid{column-gap:6%}.hero-portrait{bottom:27%;height:900px}.project-card:nth-child(even){top:617px}.work-grid{padding-bottom:450px}.hero-message{min-width:330px}}
@media(min-width:1200px) and (max-width:1399px){.project-card:nth-child(even){top:480px}.work-grid{padding-bottom:350px}.hero-portrait{height:800px}.hero-bottom{min-height:540px}}
@media(max-width:1199px){.service-row h3{font-size:42px}.service-row{padding:30px;gap:25px;margin-bottom:40px;min-height:165px}.service-number{min-width:25px}.project-card{padding:30px 22px 22px}.capability-row h3{font-size:22px}}
@media(max-width:991px){.work-grid{grid-template-columns:1fr}.project-card{max-width:none}.project-heading h2{font-size:30px}.project-image img{aspect-ratio:1.5}.project-card .tags span{font-size:11px}.work-backdrop{font-size:37vw}.capability-row h3{font-size:20px}.service-arrow{font-size:50px}}
@media(max-width:767px){.service-row{border-radius:100px;padding:25px;gap:18px;margin-bottom:30px}.service-row h3{font-size:35px}.service-arrow{font-size:40px}.service-number{font-size:13px;min-width:18px}.project-card{padding:30px 25px 25px}.capability-row h3{font-size:17px}.capabilities{padding-inline:16px}.work-backdrop{font-size:40vw}.capability-row{padding-block:24px}}
@media(max-width:575px){.service-row{border-radius:45px;padding:25px 20px;min-height:175px;gap:13px}.service-row h3{font-size:29px}.service-arrow{font-size:32px;align-self:center;margin:0}.service-row .tags{max-width:250px}.service-number{min-width:15px}.project-card{padding:25px 18px 18px}.project-heading h2{font-size:27px}.project-heading{gap:12px}.project-card .tags span{font-size:9px}.capability-row h3{font-size:16px}.work-backdrop{font-size:43vw}}
@media(min-width:992px) and (max-width:1199px){.hero{padding-top:300px}}
@media(min-width:768px) and (max-width:991px){.hero{padding-top:200px}.hero-portrait{height:500px}}
@media(min-width:576px) and (max-width:767px){.hero-portrait{height:400px}}
@media(max-width:575px){.hero-portrait{height:345px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.preloader{display:none!important}.reveal{opacity:1!important;transform:none!important}.reveal-char{opacity:1!important}.service-preview,#cursor{display:none!important}.work-backdrop{position:absolute!important;transform:none!important}}