/* Studio edition — typography, interaction and editorial pacing. */
:root{--bg:#111210;--fg:#f1f0e9;--muted:#abaea3;--orange:#ff713e}body{font-feature-settings:'ss01' on;text-rendering:optimizeLegibility}.wrap{width:min(1440px,calc(100% - 104px))}button,a,input,textarea{-webkit-tap-highlight-color:transparent}.header{height:100px}.header nav{gap:38px}.header .contact-short{background:var(--fg);border:0;color:var(--bg);width:45px;height:45px}.hero{min-height:780px;--light-x:75%;--light-y:40%;padding-top:28px;background:var(--bg)}.hero-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff09,transparent 55%),linear-gradient(90deg,transparent calc(50% - 1px),#ffffff07 50%,transparent calc(50% + 1px));border-bottom:1px solid var(--line)}.hero-top{font-size:9px}.hero-signature{margin-top:55px;font-size:10px;letter-spacing:2px;color:var(--fg);display:flex;align-items:center;gap:20px}.hero-signature span{font-size:8px;color:var(--muted);border-left:1px solid #666;padding-left:20px}.hero h1{font-size:clamp(72px,8vw,122px);max-width:85%;margin:26px 0 45px;line-height:1.05;letter-spacing:-.07em}.hero h1 .outline{font-style:normal}.hero-art.has-video{right:-23%;width:100%;top:15px;height:590px}.hero-bottom{align-items:flex-end;margin-bottom:80px}.hero-note{margin-right:10px;padding-left:18px;border-left:1px solid #555;max-width:175px}.hero-note>.orange{font-size:24px}.hero-note p{font-size:10px}.hero .intro{font-size:14px;max-width:410px}.hero-orbit-caption{top:557px;right:18%;font-size:7px}.hero-project-stamp{position:absolute;right:0;bottom:48px;display:flex;align-items:center;gap:15px;z-index:3;background:#20221c;padding:8px 16px 8px 8px;border:1px solid #3a3d32;width:230px;transition:transform .35s,border-color .35s}.hero-project-stamp:hover{transform:translateY(-5px);border-color:var(--orange)}.hero-project-stamp img{width:72px;height:51px;object-fit:cover;object-position:top}.hero-project-stamp>span{font-size:16px;flex:1}.hero-project-stamp small{display:block;font:7px monospace;color:#acb19e;margin-bottom:5px;letter-spacing:1px}.hero-project-stamp b{float:right;color:var(--orange);font-weight:400}.hero-footer{padding:22px 0;margin-top:0}.hero-footer>span:nth-child(2){margin-right:250px}.skills-strip{transform:none;background:var(--orange);padding:18px 25px;font-size:11px;letter-spacing:1px;gap:30px}.skills-strip b{font-size:25px}.section{padding-top:120px;padding-bottom:120px}.section-top>.mono:last-child{border:1px solid #54574d;border-radius:30px;padding:6px 12px}.section-heading{margin:40px 0 50px}.section-heading h2{font-size:clamp(50px,6.5vw,92px)}.work-grid{gap:60px 35px}.work-visual{border-radius:3px;isolation:isolate}.work-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#ffffff50,transparent 70%);z-index:-1}.work-card.wide .work-visual{aspect-ratio:2.15;padding:65px 100px 0}.work-card .screen-shell{border:1px solid #ffffff60;border-radius:6px 6px 0 0;overflow:hidden;box-shadow:0 30px 80px #0003}.work-caption h3{font-size:34px}.work-caption{padding-top:24px}.work-number{letter-spacing:1.5px}.work-card.wide .work-caption p{font-size:13px}.work-card:focus-visible{outline-offset:8px}.view-case{background:var(--fg);color:#161813;box-shadow:0 5px 25px #0002;font-weight:600}.type-cover strong{font-size:clamp(45px,6vw,100px)}.type-cover .cover-label{font-size:8px}.design-lab{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center;border-top:1px solid var(--line);--demo-accent:#ff6d37;--demo-radius:16px}.lab-copy h2{font-size:clamp(44px,5vw,70px);margin:30px 0}.lab-copy>p{font-size:14px;line-height:1.9;max-width:410px;color:var(--muted)}.lab-controls{border-top:1px solid var(--line);margin-top:36px;padding-top:8px}.lab-controls>div,.lab-controls>label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.swatches{display:flex;gap:10px}.swatches button{width:23px;height:23px;border-radius:50%;border:3px solid var(--bg);background:var(--swatch);outline:1px solid transparent;transition:scale .2s}.swatches button:hover{scale:1.15}.swatches button[aria-pressed=true]{outline-color:var(--swatch)}.lab-controls [data-theme]{background:none;border:1px solid #555;width:45px;height:26px;border-radius:20px;font-size:20px;line-height:1}.lab-controls input{width:110px;accent-color:var(--demo-accent)}.lab-copy .lab-disclaimer{font-size:9px;margin-top:20px;color:#858b7b}.demo-stage{position:relative;background:#24271f;padding:45px;perspective:1200px}.demo-window{background:#10120f;color:#eee;border:1px solid #4b5042;border-radius:var(--demo-radius);padding:26px;box-shadow:0 40px 55px #0004;transform:rotate(-4deg);transition:background .5s,color .5s,border-radius .25s,transform .6s}.demo-stage:hover .demo-window{transform:rotate(0) translateY(-7px)}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #80808040}.demo-nav>b{font-size:19px;letter-spacing:-1px}.demo-nav>b span{font-size:10px;vertical-align:top;margin-left:3px}.demo-nav>span{font:7px monospace;letter-spacing:1px}.demo-nav i{font-style:normal;font-size:22px}.demo-content{position:relative;overflow:hidden;padding-top:30px}.demo-tag{font:8px monospace;letter-spacing:2px;color:var(--demo-accent)}.demo-content h3{font-size:clamp(60px,6vw,95px);font-weight:600;line-height:.9;letter-spacing:-.08em;margin:25px 0 80px;position:relative;z-index:2}.demo-content h3 span{color:var(--demo-accent);display:block}.demo-orb{position:absolute;right:-25px;top:90px;width:180px;height:180px;border-radius:50%;background:var(--demo-accent);transition:background .4s;animation:demo-drift 7s ease-in-out infinite;box-shadow:inset -25px -30px 30px #0003,inset 12px 15px 25px #ffffff40}.demo-orb i{position:absolute;inset:20%;border:1px solid #1117;border-radius:50%;transform:rotate(25deg) scaleX(.5)}.demo-orb i:nth-child(2){transform:rotate(85deg) scaleX(.5)}.demo-orb i:nth-child(3){transform:rotate(145deg) scaleX(.5)}@keyframes demo-drift{50%{transform:translateY(-15px) rotate(25deg)}}.demo-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #80808040;padding-top:20px;font-size:10px}.demo-arrow{display:grid;place-items:center;border-radius:var(--demo-radius);width:45px;height:45px;background:var(--demo-accent);color:#151713;font-size:25px;transition:background .4s,border-radius .25s}.stage-coordinate{position:absolute;right:17px;bottom:13px;font-size:7px;color:#b0b7a4}.demo-light .demo-window{background:#edece5;color:#171914}.demo-light .demo-tag{color:#4c5147}.about-section{background:#e9e7de;padding-top:110px;padding-bottom:110px}.about-grid{gap:100px}.identity-art{border:1px solid #94988c;background:repeating-linear-gradient(0deg,transparent 0 49px,#77777718 50px),#dadbd0;border-radius:0;overflow:hidden}.identity-art:after{content:'41.2995° N / 69.2401° E';position:absolute;left:20px;bottom:18px;color:#5b6250;font:9px monospace;letter-spacing:2px}.identity-art>span{font-size:130px}.about-copy h2{font-size:clamp(50px,5vw,75px)}.experience{border-top:1px solid #b3b6a9;padding-top:30px}.experience strong{font-weight:500;letter-spacing:-3px}.manifesto{padding:110px 0;background:var(--orange);color:#151811;overflow:hidden}.manifesto .mono{font-size:9px;letter-spacing:2px}.manifesto p{font-size:clamp(42px,5.5vw,80px);line-height:1.16;letter-spacing:-.055em;font-weight:500;margin:48px 0 55px}.manifesto em{font-family:Georgia,serif;font-weight:400}.manifesto-bottom{display:flex;justify-content:space-between;border-top:1px solid #15181155;padding-top:22px;gap:20px}.service-list article{padding-top:32px;padding-bottom:32px}.service-list article:hover{padding-left:22px;background:#23261e}.process{padding-bottom:110px}.process-grid article{padding-top:32px}.process-grid article>span{font-size:32px;color:var(--orange);font-weight:400;letter-spacing:-2px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.faq-section h2{margin-top:25px;font-size:65px}.faq-section .eyebrow{font-size:9px}.faq-list details{border-bottom:1px solid #3b4033}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:17px;padding:25px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{font-weight:400;font-size:25px;color:var(--orange);transition:transform .3s}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);padding-right:35px;line-height:1.9;margin-bottom:25px}.contact-section{background:#d9e5be;color:#14180e;padding:80px 0}.contact-section h2{font-size:clamp(60px,8.5vw,130px);letter-spacing:-.07em}.contact-section .eyebrow,.contact-section .contact-bottom p{color:#424a35}.contact-section .button.dark{border-radius:40px;background:#151a10;padding:19px 28px}.contact-section .button.transparent{border-radius:40px}.contact-section:after{color:#2731170c}.footer{padding-top:35px;padding-bottom:35px}.dialog-open{overflow:hidden}.brief-dialog{background:#eceee5;color:#1a1e15;border:0;width:min(640px,calc(100% - 32px));padding:50px;border-radius:8px;max-height:90dvh;overflow:auto}.brief-dialog::backdrop,.image-dialog::backdrop{background:#060805d9;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font:30px Arial;color:inherit;width:40px;height:40px;z-index:3}.brief-dialog>.mono{font-size:8px;letter-spacing:2px}.brief-dialog h2{font-size:45px;line-height:1.1;margin:25px 0 18px}.brief-dialog>p{font-size:13px;color:#59614e}.brief-dialog fieldset{border:0;padding:0;margin:30px 0}.brief-dialog legend,.brief-dialog form>label{font-size:12px;font-weight:600;display:block;margin-bottom:12px}.brief-options{display:flex;flex-wrap:wrap;gap:8px}.brief-options label{position:relative;cursor:pointer}.brief-options input{position:absolute;opacity:0;width:1px;height:1px}.brief-options span{display:block;border:1px solid #a8ae9c;padding:9px 13px;border-radius:25px;font-size:11px;transition:background .2s,color .2s}.brief-options input:checked+span{background:#1a2113;color:#f1f2e9;border-color:#1a2113}.brief-options input:focus-visible+span{outline:2px solid #f56a31;outline-offset:3px}.brief-dialog textarea{font:13px/1.7 Manrope,Arial,sans-serif;padding:14px;background:#e2e5d9;border:1px solid #adb49e;border-radius:4px;width:100%;resize:vertical;color:#151a10}.brief-dialog textarea:focus{outline:2px solid #6e7f54;outline-offset:2px}.brief-send{display:flex;margin-top:20px;background:#1a2113;color:#f1f2e9;justify-content:center;font-size:12px;padding:18px}.brief-privacy{font-size:10px;line-height:1.7;color:#646c58;margin-top:13px}.case-hero{position:relative;isolation:isolate}.case-title-orbit{position:absolute;right:0;top:95px;font-size:210px;color:var(--project-color);opacity:.13;z-index:-1;line-height:1;animation:asterisk 45s linear infinite}.case-hero h1{font-size:clamp(70px,11vw,160px);margin:55px 0 50px}.case-showcase{position:relative;aspect-ratio:1.6;padding:70px 90px 0;max-height:none;border-radius:3px}.case-browser{transform:rotate(-2deg);transform-origin:bottom center;transition:transform .8s}.case-showcase:hover .case-browser{transform:rotate(0)}.case-zoom{position:absolute;right:28px;bottom:25px;border:0;border-radius:30px;background:#161b12;color:#fff;padding:15px 21px;font-size:11px;box-shadow:0 8px 30px #0003}.case-body{padding-top:120px;gap:120px}.case-story section{padding-bottom:100px}.case-story h2{font-size:clamp(40px,5vw,70px)}.case-story section>p{font-size:17px}.case-credit{background:#20251a;border-left:2px solid var(--project-color)}.case-sidebar{top:45px}.focus-list>div{padding:22px 0}.focus-list>div>span:first-child{color:var(--project-color)}.focus-list h3{font-size:23px}.next-case{position:relative;isolation:isolate;overflow:hidden;padding:55px 50px 60px;border:1px solid #454b3d;background:#20241b;margin-bottom:90px}.next-case>span{position:relative;z-index:2;font-size:9px}.next-case>a{position:relative;z-index:2;padding-top:20px}.next-case h2{font-size:clamp(50px,7vw,100px);max-width:75%;margin:0}.next-preview{position:absolute;width:45%;right:-4%;top:12%;transform:rotate(-12deg);opacity:.18;transition:opacity .5s,transform .5s;z-index:-1}.next-case:hover .next-preview{opacity:.45;transform:rotate(-7deg) scale(1.05)}.case-cta{background:var(--project-color);color:#171c13;padding:70px 0}.case-cta h2{font-size:clamp(40px,5vw,70px)}.case-motion{display:block;margin:25px 52px 0 auto}.image-dialog{padding:40px 18px 16px;background:#1c2117;color:#e9eee0;border:1px solid #4a5340;width:min(1400px,calc(100% - 25px));max-height:95dvh;overflow:auto}.image-dialog img{display:block;width:100%;height:auto}.image-dialog p{font-size:10px;margin:12px 5px 0;color:#a5af98}.image-dialog .dialog-close{position:sticky;display:block;margin:-32px 0 0 auto;top:0;background:#161c12;border-radius:50%;right:0;font-size:25px;width:30px;height:30px}.paused .demo-orb{animation-play-state:paused}.paused .hero-grid{background:none}
@media(min-width:1600px){.hero{min-height:850px}.hero h1{font-size:136px}.hero-art.has-video{height:650px}.hero-orbit-caption{top:610px}.hero-bottom{margin-bottom:85px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:8.4vw}.hero{min-height:730px}.hero-signature{margin-top:60px}.hero-art.has-video{top:45px;width:110%;right:-30%;height:510px}.hero-orbit-caption{top:525px}.hero-note{max-width:145px}.hero-project-stamp{bottom:50px}.design-lab{gap:40px;grid-template-columns:1fr 1fr}.demo-stage{padding:25px}.demo-window{padding:20px}.demo-content h3{font-size:65px}.demo-orb{width:145px;height:145px;right:-40px}.work-card.wide .work-visual{padding:45px 55px 0}.about-grid{gap:50px}.faq-section{gap:40px}.faq-section h2{font-size:50px}.case-body{gap:50px;grid-template-columns:180px 1fr}.case-showcase{padding:45px 50px 0}.case-hero h1{font-size:11vw}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:78px;gap:10px}.header nav{gap:12px}.header nav a{font-size:10px}.header-end{gap:0}.brand-mark{font-size:38px}.hero{min-height:840px;padding-top:24px}.hero-top{font-size:8px}.hero-signature{margin-top:35px;font-size:8px;gap:10px}.hero-signature span{font-size:6px;padding-left:10px;letter-spacing:1px}.hero h1{font-size:clamp(40px,10.7vw,66px);max-width:100%;margin:20px 0 285px;line-height:1.1}.hero-art.has-video{top:185px;right:-38%;width:176%;height:280px}.hero-orbit-caption{top:458px;right:20%;font-size:6px}.hero .intro{font-size:12px;max-width:240px}.hero-bottom{margin:0 0 90px;gap:20px}.hero-note{max-width:95px;margin-right:0;padding-left:12px}.hero-note p{font-size:8px}.hero-note>.orange{font-size:23px}.hero-note button{font-size:8px}.hero-project-stamp{width:185px;bottom:45px;right:0;padding:5px 10px 5px 5px;gap:10px}.hero-project-stamp img{width:52px;height:35px}.hero-project-stamp>span{font-size:12px}.hero-project-stamp small{font-size:6px}.hero-footer{font-size:7px;padding:18px 0}.hero-footer>span:nth-child(2){display:none}.skills-strip{margin-top:0;padding:15px;font-size:9px}.section{padding:75px 0}.section-heading h2{font-size:42px}.section-heading{margin:30px 0}.work-filters{gap:6px}.work-filters button{padding:9px 12px}.work-grid{gap:35px}.work-visual,.work-card.wide .work-visual{aspect-ratio:1.35;padding:28px 22px 0}.work-caption h3{font-size:25px}.work-caption{padding-top:17px}.work-card.wide .work-caption p{font-size:11px}.type-cover strong{font-size:58px}.design-lab{grid-template-columns:1fr;gap:40px}.lab-copy h2{font-size:43px}.lab-copy>p{font-size:13px}.lab-controls{margin-top:25px}.demo-stage{padding:36px 28px}.demo-window{padding:22px}.demo-content h3{font-size:82px}.demo-orb{width:165px;height:165px;right:-15px}.demo-content h3{margin-bottom:65px}.about-section{padding:75px 0}.about-grid{gap:35px}.identity-art{height:320px;max-width:100%}.identity-art>span{font-size:110px}.about-copy h2{font-size:46px}.manifesto{padding:70px 0}.manifesto p{font-size:37px;line-height:1.2;margin:35px 0}.manifesto .mono{font-size:7px;letter-spacing:1px}.manifesto-bottom{display:block}.manifesto-bottom span{display:block;margin:8px 0}.service-list article{padding:23px 0}.process{padding-bottom:70px}.process-grid article>span{font-size:26px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:43px}.faq-list summary{font-size:15px}.faq-list details p{font-size:12px}.contact-section{padding:60px 0}.contact-section h2{font-size:47px;line-height:1.13}.contact-section .button.dark{padding:16px 21px}.brief-dialog{padding:40px 24px 25px}.brief-dialog h2{font-size:36px}.brief-options span{padding:9px 10px;font-size:10px}.case-hero{padding-top:30px}.case-hero h1{font-size:clamp(46px,13vw,72px);margin:38px 0 30px}.case-title-orbit{font-size:140px;top:50px}.case-showcase{padding:28px 22px 0;aspect-ratio:1.1}.case-browser{transform:rotate(0)}.case-zoom{right:15px;bottom:15px;padding:12px 16px;font-size:10px}.case-body{grid-template-columns:1fr;padding-top:40px;gap:35px}.case-story section{padding-bottom:60px}.case-story h2{font-size:38px}.case-story section>p{font-size:14px}.focus-list h3{font-size:18px}.next-case{padding:35px 22px 40px;margin-bottom:55px}.next-case h2{font-size:40px;max-width:83%}.next-preview{width:80%;right:-15%;opacity:.12}.case-cta{padding:50px 0}.case-cta h2{font-size:39px}.case-motion{margin-right:18px}.footer{font-size:8px}.image-dialog{padding:35px 8px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.demo-window,.case-browser{transform:none}.hero-grid{background:none}}
@media(min-width:651px){.hero-art.has-video{width:85%;right:-18%;height:490px;top:0}.hero-orbit-caption{top:470px;right:18%}}