@font-face{font-family:'DM Sans';src:url('/assets/dm-sans-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('/assets/caveat-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#111514;--paper:#f2f1eb;--primary:#FF866C;--muted:#a9b3ae;--line:#ffffff26;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:18px/1.65 Manrope,Arial,sans-serif;color:var(--ink);background:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.055em}p{line-height:1.65}h2{font-size:clamp(2.75rem,5vw,5rem);font-weight:700}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.035em}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.dark{color:var(--paper);background:var(--ink)}.light{color:var(--ink);background:var(--paper)}.accent{color:var(--primary)}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.065em}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-90px;left:20px;background:var(--primary);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #04a77b;outline-offset:6px}.dark :focus-visible{outline-color:var(--primary)}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:28px;letter-spacing:-.04em;line-height:1}.brand>span{font-family:'DM Sans',Manrope,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1}.brand>span>span{display:block;font-family:Manrope,Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.055em;font-weight:500;margin-top:3px;color:#c8c7c2}.header nav{display:flex;gap:35px;font-size:16px}.header nav a{display:flex;gap:8px;align-items:flex-start}.header nav a>span{font-size:11px;color:var(--primary)}.header nav a:hover{color:var(--primary)}.header-cta{display:flex;align-items:center;gap:25px;border-bottom:1px solid #FF866C80;padding-block:10px;font-size:16px;font-weight:600}.header-cta svg{color:var(--primary)}.menu-toggle{display:none}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--primary);border-radius:50%}.hero{padding-top:35px}.hero-topline{display:flex;justify-content:space-between;align-items:center}.hero-topline .eyebrow{color:#c8d3cd}.motion-toggle{background:none;border:0;padding:5px 0;display:flex;align-items:center;gap:8px;font-size:16px;color:var(--muted)}.motion-indicator{width:12px;height:12px;border:1px solid currentColor;border-radius:50%;position:relative}.motion-indicator:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--primary);position:absolute;inset:3px}.motion-toggle[aria-pressed=true] .motion-indicator:after{background:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;padding-top:30px;align-items:center}.hero h1{font-size:clamp(4rem,7.55vw,7.5rem);font-weight:800;line-height:.98;letter-spacing:-.075em;position:relative;z-index:2}.headline-line{display:block}.period{color:var(--paper)}.hero-intro{margin-top:30px;max-width:430px;color:#c6cec9;font-size:18px;line-height:1.65}.button{display:inline-flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid var(--ink);background:var(--ink);color:white;padding:18px 23px;font-size:16px;font-weight:600;line-height:1.5;border-radius:3px;transition:background .2s,color .2s}.button svg{transition:transform .25s}.button:hover svg{transform:translate(3px,-3px)}.button.mint{background:var(--primary);border-color:var(--primary);color:var(--ink)}.button.mint:hover{background:#FFA18D;border-color:#FFA18D}.hero .button{margin-top:28px;max-width:100%}.micro{font-size:14px;color:var(--muted);margin-top:13px}.showcase{position:relative;min-width:0;height:580px;isolation:isolate;perspective:1200px}.orb{position:absolute;width:88%;aspect-ratio:1;top:38px;left:7%;border:1px solid #FF866C33;border-radius:50%;background:radial-gradient(circle at 52% 46%,#3e2a23,transparent 66%)}.orb:after{content:'';position:absolute;inset:35px;border-radius:50%;border:1px solid #FF866C17}.showcase-star{position:absolute;color:var(--primary);width:88px;height:88px;stroke-width:12;stroke-linecap:butt;right:0;top:1px;transform:rotate(10deg)}.showcase-caption{position:absolute;top:15px;left:4%;font-size:11px;letter-spacing:.12em;color:#9baaa1;display:flex;flex-direction:column;line-height:1.6}.deck{position:absolute;inset:0;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;transition:transform .3s ease-out}.screen{position:absolute;border:1px solid #ffffff70;border-radius:7px;overflow:hidden;box-shadow:0 25px 45px #0006;background:#e5e6df}.screen-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#e5e6df;color:#434a46}.screen-bar>span{width:5px;height:5px;background:#969d98;border-radius:50%}.screen-bar small{margin:auto;font-size:9px;letter-spacing:.04em;padding-right:15px}.screen img{width:100%;height:auto}.screen-back{width:79%;top:78px;left:0;transform:rotate(-12deg);z-index:1}.screen-middle{width:72%;top:153px;right:-1%;transform:rotate(9deg);z-index:2}.screen-front{width:77%;top:247px;left:8%;transform:rotate(-6deg);z-index:3}.screen-front img{height:238px;object-fit:cover;object-position:center 0}.showcase-sticker{position:absolute;right:-5%;bottom:78px;z-index:4;width:137px;height:137px;background:var(--primary);color:var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;line-height:1.35;transform:rotate(12deg)}.showcase-sticker em{font-family:var(--serif);font-size:27px}.showcase-sticker svg{width:21px;height:21px;margin-top:6px}.showcase-link{position:absolute;bottom:0;left:12%;display:flex;align-items:center;gap:50px;font-size:16px;color:#bdc9c1}.showcase-link svg{color:var(--primary)}.hero-bottom{margin-top:60px;border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#a8b7ad}.hero-bottom i{font-style:normal;color:#627167;margin-inline:18px}.hero-bottom a{display:flex;gap:15px;align-items:center;font-size:16px}.hero-bottom svg{width:18px;transform:rotate(90deg)}.work,.approach,.contact{padding-block:95px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.side-note{font-size:14px;color:#6d766f}.dark .side-note{color:#97a79c}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:50px}.work-heading h2{line-height:1.02}.work-heading p{font-size:18px;color:#59645c;margin-bottom:5px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{min-width:0}.project-visual{display:block;width:100%;border:0;text-align:left;position:relative;height:350px;overflow:hidden;padding:0;border-radius:3px}.project-tag{position:absolute;top:23px;left:23px;font-size:14px;letter-spacing:.1em;z-index:1;font-weight:700}.project-visual img{position:absolute;top:85px;left:10%;width:100%;max-width:none;height:245px;object-fit:cover;object-position:top;border-radius:5px;transform:rotate(-7deg);box-shadow:0 18px 40px #0002;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project-visual:hover img,.project-visual:focus-visible img{transform:rotate(-2deg) translate(-5px,-8px)}.atv{background:#d4e3b5}.rotisa{background:#c9c6ee}.venus{background:#edcdd6}.rotisa img{transform:rotate(7deg);left:5%;top:77px;height:267px}.rotisa:hover img,.rotisa:focus-visible img{transform:rotate(2deg) translate(-5px,-8px)}.venus img{transform:rotate(-6deg);left:12%;top:90px}.project-peek{position:absolute;bottom:17px;right:17px;background:var(--ink);color:white;border-radius:25px;display:flex;align-items:center;gap:15px;padding:10px 14px;font-size:16px}.project-peek svg{width:19px;height:19px}.project-title{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.project-title h3{font-size:22px;line-height:1.25}.project-title>span{font-size:14px;color:#657267}.project>p{display:flex;flex-wrap:wrap;gap:5px 12px;color:#506054;font-size:14px;margin-top:9px}.project>p>span{color:#67716a}.work-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #cbd0c8;margin-top:50px;padding-top:25px}.work-cta>span:first-child{font-size:26px;letter-spacing:-.04em;font-weight:500}.work-cta>span:last-child{display:flex;align-items:center;gap:25px;font-size:16px}.work-cta:hover svg{transform:translate(3px,-3px)}.approach{background:#f1f2f3;color:var(--ink)}.section-star{width:50px;height:50px;stroke-width:12;stroke-linecap:butt}.approach .section-top{margin-bottom:28px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.approach h2{font-size:clamp(2.8rem,4.5vw,4.5rem)}.approach-intro{max-width:420px;margin-top:28px;color:#505853}.approach-intro strong{color:var(--ink);font-weight:600}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:16px;font-weight:600;margin-top:30px}.reasons{padding-top:3px}.reason{display:flex;gap:20px;padding:24px 0;border-top:1px solid #11151445}.reason:last-child{border-bottom:1px solid #11151445}.reason>span{font-size:14px;padding-top:4px}.reason>svg{width:20px;height:20px;margin-left:auto}.reason h3{font-size:26px;margin-bottom:12px}.reason p{font-size:18px;line-height:1.7;max-width:360px;color:#505853}.process-strip{border-top:1px solid #11151445;margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}.process-strip>span{font-size:14px}.process-strip ol{display:flex;gap:27px;padding:0;margin:0;list-style:none;flex-wrap:wrap;font-size:16px;font-weight:600}.process-strip li:not(:last-child)::after{content:'/';font-weight:400;margin-left:27px;opacity:.4}.contact{padding-bottom:75px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(2.75rem,4.5vw,4.5rem);line-height:1.05}.contact-copy>p{color:#b2bfb5;max-width:370px;margin-top:28px}.contact-arrow{width:95px;height:95px;stroke-width:1;color:var(--primary);margin-top:28px}.compact-faq{max-width:390px;margin-top:25px}details{border-top:1px solid var(--line)}summary{position:relative;list-style:none;padding:18px 35px 18px 0;font-size:16px;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:14px;font-size:24px;color:var(--primary)}details[open] summary:after{content:'−'}details p{font-size:16px;color:#b2bfb5;line-height:1.7;padding:0 10px 20px 0}form{border:1px solid #3c4841;border-radius:5px;background:#1a211d;padding:35px;min-width:0}form h3{font-size:26px;margin-bottom:24px}.intent{margin:0 0 24px;padding:0;border:0;min-width:0}.intent legend{font-size:16px;padding:0;margin-bottom:12px}.intent legend span{font-size:14px;color:#a6b2a9}.intent>div{display:flex;gap:8px;flex-wrap:wrap}.intent label{position:relative;cursor:pointer}.intent input{position:absolute;opacity:0;width:1px;height:1px}.intent label>span{display:flex;align-items:center;gap:10px;border:1px solid #506056;padding:8px 12px;border-radius:3px;font-size:16px;transition:background .2s}.intent svg{width:16px;height:16px}.intent input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--ink)}.intent input:checked+span svg{transform:rotate(45deg)}.intent input:focus-visible+span{outline:3px solid var(--primary);outline-offset:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px;min-width:0}.field label{font-size:16px;margin-bottom:8px;display:block}input,textarea{width:100%;min-width:0;font-size:16px;line-height:1.5;color:var(--paper);background:#121814;border:1px solid #4d5d52;border-radius:3px;padding:13px 12px}input::placeholder,textarea::placeholder{color:#a0aea4}textarea{resize:vertical;min-height:110px}.error{display:block;color:#ffb5a9;font-size:14px;line-height:1.5}.error:not(:empty){margin-top:6px}[aria-invalid=true]{border-color:#ffb5a9}.form-submit{width:100%}.form-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:14px;color:#aab9ae}.inline-button{padding:0;background:none;border:0;color:#c4d4c9;text-decoration:underline;font-size:16px}.form-status{font-size:14px;color:#bdcbc1;border-left:2px solid #72867a;padding-left:12px;margin-top:20px;line-height:1.6}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer{padding-block:0 30px}.footer-top{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top p{font-size:16px;color:#aab7af}.footer-top>a:last-child{display:flex;align-items:center;gap:15px;font-size:16px}.footer-top>a:last-child svg{width:18px}.footer-bottom{display:flex;justify-content:space-between;margin-top:32px;color:#8d9d92;font-size:14px;gap:20px}dialog{width:min(830px,calc(100% - 32px));max-height:90dvh;border:1px solid #d8ddd6;border-radius:6px;padding:0;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 25px 90px #0006}dialog::backdrop{background:#0b1510c9;backdrop-filter:blur(8px)}dialog>img{width:100%;height:360px;object-fit:cover;object-position:top}.dialog-close{position:absolute;right:14px;top:14px;width:44px;height:44px;background:var(--paper);border:1px solid #bbc6bd;border-radius:50%;display:grid;place-items:center;z-index:1}.dialog-close span{width:19px;height:1px;background:var(--ink);position:absolute;transform:rotate(45deg)}.dialog-close span+span{transform:rotate(-45deg)}.dialog-body{padding:35px}.dialog-body h2{font-size:42px;line-height:1.15;margin-top:20px}.dialog-body>p:not(.eyebrow){color:#4b5d50;margin-top:22px}.dialog-body .button{margin-top:26px}.dialog-body .eyebrow{color:#46715b}#privacy-dialog{max-width:600px}#privacy-dialog .dialog-body{padding-top:55px}.simple-page{padding-block:100px;min-height:65vh;max-width:850px}.simple-page h1{font-size:clamp(3rem,6vw,5rem);margin-top:25px}.simple-page p{margin-top:25px}.simple-page .button{margin-top:30px;background:var(--primary);color:var(--ink)}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:15px}.hero h1{font-size:7.5vw}.hero .button{max-width:400px;padding:16px}.showcase{height:525px}.screen-back{top:85px}.screen-middle{top:160px}.screen-front{top:250px}.screen-front img{height:185px}.showcase-sticker{right:-1%;bottom:70px;width:115px;height:115px;font-size:14px}.showcase-sticker em{font-size:23px}.showcase-star{width:65px;height:65px}.hero-bottom{margin-top:45px}.project-visual{height:300px}.project-visual img{height:215px;top:75px}.project-title h3{font-size:20px}.approach-grid,.contact-grid{gap:45px}.contact form{padding:25px}.field-row{grid-template-columns:1fr;gap:0}.process-strip ol{gap:18px}.process-strip li:not(:last-child)::after{margin-left:18px}.work,.approach,.contact{padding-block:80px}}
@media(max-width:850px){.hero h1{font-size:8vw}.hero-grid{grid-template-columns:1.1fr 1fr}.hero .button{font-size:16px;gap:12px}.hero .button svg{width:20px}.showcase{height:480px}.showcase-caption{font-size:9px}.screen-bar{height:20px}.screen-back{top:105px;width:90%;left:-5%}.screen-middle{width:85%;top:175px;right:-5%}.screen-front{width:90%;top:260px;left:0}.screen-front img{height:145px}.showcase-sticker{width:105px;height:105px;bottom:35px;font-size:14px}.showcase-sticker em{font-size:20px}.showcase-link{bottom:0;left:0;gap:15px}.hero-bottom i{margin-inline:9px}.work-heading{align-items:flex-start;flex-direction:column;gap:25px}.projects{gap:18px}.project-visual{height:240px}.project-visual img{height:170px;top:65px}.project-tag{font-size:14px;left:15px;top:18px}.project-peek{font-size:16px;right:10px;bottom:10px;padding:8px 11px;gap:9px}.project-title h3{font-size:18px}.project-title>span{display:none}.approach-grid{grid-template-columns:1fr;gap:40px}.approach h2 br:nth-child(2){display:none}.approach-intro{max-width:580px}.reason p{max-width:none}.process-strip{align-items:flex-start;flex-direction:column;margin-top:40px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy{position:relative}.contact h2{font-size:3.8rem}.contact-arrow{position:absolute;right:30px;top:50px;width:120px;height:120px}.contact-copy>p{max-width:450px}.compact-faq{max-width:none}.field-row{grid-template-columns:1fr 1fr;gap:20px}.footer-top p{display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:85px;gap:20px;position:relative;z-index:10}.brand{font-size:25px;gap:9px}.brand img{width:29px;height:34px}.header-cta{font-size:16px;gap:12px;margin-left:auto}.header-cta svg{width:19px;height:19px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;background:none;border:1px solid #ffffff30;border-radius:3px;width:42px;height:42px}.menu-toggle span{width:20px;height:1px;background:var(--paper)}.header nav{display:none;position:absolute;top:78px;right:0;left:0;background:#202a23;border:1px solid #3e5144;padding:22px;z-index:10}.header nav.open{display:flex;flex-direction:column;gap:20px}.hero{padding-top:20px}.hero-topline{align-items:flex-start;gap:15px}.hero-topline .eyebrow{max-width:180px}.motion-label{max-width:105px;text-align:right;line-height:1.3}.hero-grid{display:flex;flex-direction:column;gap:0;padding-top:30px}.hero-copy{width:100%}.hero h1{font-size:clamp(3.55rem,13.3vw,5.2rem);line-height:.97}.hero-intro{font-size:18px;max-width:420px;margin-top:24px}.hero .button{width:100%;max-width:none;padding:16px 17px;margin-top:23px}.micro{font-size:14px;margin-top:12px}.showcase{width:100%;height:390px;margin-top:35px;max-width:440px}.showcase-caption{top:8px;left:2%;font-size:10px}.showcase-star{width:56px;height:56px;right:7%;top:0}.orb{top:15px;width:86%;left:9%}.screen-back{top:65px;width:74%;left:2%}.screen-middle{top:120px;width:70%;right:1%}.screen-front{top:200px;left:8%;width:75%}.screen-front img{height:150px}.screen-bar small{font-size:8px}.showcase-sticker{right:0;bottom:45px;width:105px;height:105px;font-size:14px}.showcase-sticker em{font-size:22px}.showcase-link{left:10%;bottom:0;font-size:16px;gap:22px}.hero-bottom{margin-top:30px;align-items:flex-start;padding-block:20px;gap:10px;font-size:14px}.hero-bottom>span{max-width:190px}.hero-bottom i{margin-inline:5px}.hero-bottom a{max-width:135px;line-height:1.5;gap:8px}.work,.approach,.contact{padding-block:60px}.section-top{margin-bottom:28px}.section-top .side-note{display:none}h2{font-size:2.85rem}.work-heading{margin-bottom:32px;gap:25px}.work-heading p{font-size:18px}.projects{grid-template-columns:1fr;gap:35px}.project-visual{height:330px}.project-visual img{height:245px;top:80px}.project-tag{font-size:14px;left:23px;top:25px}.project-peek{font-size:16px;bottom:18px;right:18px;padding:10px 15px;gap:15px}.project-title h3{font-size:25px}.project-title>span{display:block}.project>p{font-size:14px}.work-cta{margin-top:35px;align-items:flex-start;gap:14px;flex-direction:column}.work-cta>span:first-child{font-size:27px}.section-star{width:35px;height:35px}.approach h2{font-size:2.8rem}.approach h2 br:nth-child(2){display:block}.approach-intro{font-size:18px;margin-top:23px}.text-link{margin-top:24px;gap:15px;font-size:16px}.approach-grid{gap:35px}.reason{gap:15px;padding:25px 0}.reason>svg{width:18px}.reason h3{font-size:25px}.reason p{font-size:18px;line-height:1.65}.process-strip{margin-top:35px;gap:16px}.process-strip ol{gap:10px 15px;font-size:16px}.process-strip li:not(:last-child)::after{margin-left:15px}.contact h2{font-size:2.95rem}.contact-arrow{display:none}.contact-copy>p{font-size:18px}.compact-faq{margin-top:30px}.contact-grid{gap:30px}.contact form{padding:26px 20px}.field-row{grid-template-columns:1fr;gap:0}.intent label>span{font-size:16px;padding:8px 10px}.form-meta{font-size:14px}.footer-top{gap:20px}.footer-top>a:last-child{max-width:130px;font-size:16px;gap:8px}.footer-bottom{flex-direction:column;gap:8px;font-size:14px}.dialog-body{padding:25px}dialog>img{height:230px}.dialog-body h2{font-size:33px}.dialog-body .button{font-size:16px;gap:12px}.simple-page{padding-block:60px}.simple-page h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.deck{transform:none!important}}@media(max-width:400px){.header-cta{display:none}.menu-toggle{margin-left:auto}}

/* MGM refinement: one clear hierarchy, fewer decorative elements. */
h1,h2{font-family:'Space Grotesk',Manrope,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.07}
.heading-accent{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:inherit}
.header-cta{background:var(--primary);color:var(--ink);border:0;border-radius:6px;padding:13px 23px;font-weight:700;transition:background .2s,transform .2s;white-space:nowrap}
.header-cta:hover{background:#FFA18D;transform:translateY(-2px)}
.hero{padding-top:25px;padding-bottom:72px}.hero-grid{padding-top:0;gap:50px;grid-template-columns:1.05fr 1fr}
.hero h1{font-weight:600;font-size:clamp(4rem,7.35vw,7.4rem);letter-spacing:-.065em;line-height:1.02}
.hero-intro{margin-top:27px}.hero .button{border-radius:6px}
.showcase{height:530px}.screen{box-shadow:0 20px 40px #0004}
.screen-back{top:35px;transform:rotate(-7deg)}.screen-middle{top:130px;transform:rotate(5deg)}.screen-front{top:245px;transform:rotate(-3deg)}
.deck{transform:none;transition:none}.project-title{justify-content:flex-start}
.project-peek{background:var(--paper);color:var(--ink);border-radius:4px;font-size:14px;padding:8px 13px}
.work-cta>span:last-child,.text-link,.footer-top>a:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.contact h2{max-width:600px}.compact-faq{margin-top:38px}.approach h2{max-width:600px}
@keyframes enterUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes enterBack{from{opacity:0;transform:translate(15px,20px) rotate(-5deg)}to{opacity:1;transform:rotate(-7deg)}}
@keyframes enterMiddle{from{opacity:0;transform:translate(12px,20px) rotate(3deg)}to{opacity:1;transform:rotate(5deg)}}
@keyframes enterFront{from{opacity:0;transform:translate(10px,20px) rotate(-1deg)}to{opacity:1;transform:rotate(-3deg)}}
@media(prefers-reduced-motion:no-preference){
 .headline-line{animation:enterUp .65s cubic-bezier(.2,.8,.2,1) both}
 .headline-line:nth-child(2){animation-delay:.07s}.headline-line:nth-child(3){animation-delay:.14s}
 .hero-intro{animation:enterUp .65s .2s both}.hero .button,.hero .micro{animation:enterUp .65s .27s both}
 .screen-back{animation:enterBack .75s .1s both}.screen-middle{animation:enterMiddle .75s .2s both}.screen-front{animation:enterFront .75s .3s both}
}
@media(max-width:1150px){.hero-grid{gap:25px}.showcase{height:480px}.screen-back{top:45px}.screen-middle{top:130px}.screen-front{top:245px}.hero h1{font-size:7.25vw}}
@media(max-width:850px){.hero-grid{gap:22px}.hero h1{font-size:7.3vw}.showcase{height:430px}.screen-back{top:65px}.screen-middle{top:145px}.screen-front{top:230px}.contact h2{font-size:3.5rem}}
@media(max-width:600px){
 .header{gap:12px}.header-cta{display:flex;font-size:14px;padding:12px 15px}.menu-toggle{flex-shrink:0;margin-left:0}
 .hero{padding-top:30px;padding-bottom:30px}.hero-grid{gap:0}.hero h1{font-size:clamp(2.9rem,12.7vw,4.8rem);letter-spacing:-.065em;line-height:1.01}
 .showcase{height:335px;margin-top:35px}.screen-back{top:25px}.screen-middle{top:90px}.screen-front{top:160px}.screen-front img{height:145px}
 h2{font-size:2.65rem}.approach h2{font-size:2.65rem}.contact h2{font-size:2.65rem}
 .project-peek{font-size:14px;padding:8px 12px}.compact-faq{margin-top:30px}
}
@media(max-width:360px){.header{gap:8px}.brand{font-size:22px;gap:6px}.brand img{width:25px;height:30px}.header-cta{font-size:13px;padding:11px}.menu-toggle{width:38px;padding:8px}.showcase{height:310px}.screen-front img{height:125px}.contact h2,.approach h2,h2{font-size:2.3rem}}

/* The offer stays within the existing hero and approach, without another section. */
.hero-intro strong{display:block;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.3;color:var(--paper);margin-bottom:15px}
.offer-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;border-top:1px solid #11151445;margin-top:60px;padding-top:28px}
.offer-strip>div{min-width:0}.offer-strip>div+div{border-left:1px solid #11151430;padding-left:30px}
.offer-strip span{font-size:14px;color:#505853}.offer-strip strong{display:block;font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:8px 0 10px}
.offer-strip p{font-size:16px;color:#505853;max-width:280px;line-height:1.6}
@media(max-width:850px){.offer-strip{gap:24px}.offer-strip>div+div{padding-left:20px}}
@media(max-width:600px){.offer-strip{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:25px}.offer-strip>div+div{padding:22px 0 0;border-left:0;border-top:1px solid #11151430}.offer-strip strong{font-size:1.65rem}.offer-strip p{max-width:none}.hero-intro strong{font-size:1.35rem}}

/* Softer cards and one restrained hover response. */
.hero h1 .hero-promise{font-size:.55em;letter-spacing:-.055em;margin-top:.25em;line-height:1.15;font-weight:400}
.screen{border-radius:13px}.project-visual{border-radius:18px}.project-visual img{border-radius:10px}
form,dialog{border-radius:18px}input,textarea{border-radius:9px}.button,.header-cta,.hero .button{border-radius:10px}
.project{transition:transform .35s cubic-bezier(.22,.61,.36,1)}.project-visual{transition:box-shadow .35s ease}
.project-visual.atv:hover img{transform:rotate(-7deg)}.project-visual.rotisa:hover img{transform:rotate(7deg)}.project-visual.venus:hover img{transform:rotate(-6deg)}
@media(hover:hover) and (pointer:fine){.project:hover{transform:translateY(-4px)}.project:hover .project-visual{box-shadow:0 14px 30px #11151414}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.project:hover{transform:none}}

/* A visual invitation between the approach and contact. Real project assets only. */
.idea-banner{background:var(--primary);color:var(--ink);padding:76px 0 36px;overflow:hidden;isolation:isolate}
.idea-copy{position:relative;text-align:center;z-index:2;max-width:820px;margin-inline:auto}
.idea-copy>.eyebrow{margin-bottom:22px;justify-content:center}
.idea-copy h2{font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.06;letter-spacing:-.055em}
.idea-intro{max-width:640px;margin:24px auto 0;font-size:18px;line-height:1.65;color:#482e28}
.idea-cta{margin-top:28px;border-radius:10px;min-height:54px;padding:15px 25px;background:var(--ink);color:var(--paper);justify-content:center}
.idea-cta:hover{background:#29312d;border-color:#29312d}.idea-cta:focus-visible{outline-color:var(--ink)}
.idea-note{margin-top:13px;font-size:14px;color:#482e28}
.idea-gallery{position:relative;max-width:1140px;aspect-ratio:2.85;margin:30px auto 0;perspective:1400px}
.idea-orbit{position:absolute;width:77%;height:88%;left:11.5%;top:16%;border-radius:50%;background:#ffffff1c;z-index:-1}
.idea-label{position:absolute;top:7%;font-size:14px;font-weight:600;letter-spacing:-.02em;color:#482e28}
.idea-label-left{left:1%}.idea-label-right{right:1%}
.banner-browser{position:absolute;display:flex;flex-direction:column;aspect-ratio:16/10;border:1px solid #11151436;border-radius:12px;overflow:hidden;background:#222a25;box-shadow:0 12px 22px #56271b1c,0 28px 48px -18px #56271b52}
.banner-screen{flex:1;min-height:0;overflow:hidden;background:var(--paper)}
.banner-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}
.banner-left{left:0;top:24%;width:34%;transform:rotateY(9deg) rotateX(2deg);z-index:1}
.banner-center{left:28%;top:3%;width:44%;z-index:2;transform:translateZ(15px)}
.banner-right{right:0;top:24%;width:34%;transform:rotateY(-9deg) rotateX(2deg);z-index:1}
@media(max-width:850px){.idea-banner{padding:60px 0 28px}.idea-gallery{aspect-ratio:2.5;margin-top:30px}.idea-label{font-size:12px;top:5%}.banner-center{top:13%}.banner-left,.banner-right{top:32%}.idea-gallery .mockup-bar{height:22px;font-size:9px;padding-inline:7px}.idea-gallery .mockup-dots,.idea-gallery .mockup-dot-space{width:16px}.idea-gallery .mockup-dots{gap:3px}.idea-gallery .mockup-dots i{width:3px;height:3px}}
@media(max-width:600px){.idea-banner{padding:48px 0 28px}.idea-copy>.eyebrow{margin-bottom:18px}.idea-copy h2{font-size:clamp(2rem,8.2vw,3rem)}.idea-intro{font-size:16px;line-height:1.6;margin-top:20px;max-width:350px}.idea-intro br{display:none}.idea-cta{margin-top:24px;width:100%;max-width:310px}.idea-note{font-size:13px;max-width:260px;margin:13px auto 0}.idea-gallery{aspect-ratio:1.85;margin-top:26px}.idea-label{display:none}.banner-center{width:68%;left:16%;top:0}.banner-left,.banner-right{width:43%;top:43%}.banner-left{left:-4%}.banner-right{right:-4%}.banner-browser{border-radius:7px;box-shadow:0 8px 18px #56271b2b}.idea-gallery .mockup-bar{height:18px;font-size:8px}.idea-gallery .mockup-dot-space{display:none}.idea-gallery .mockup-dots{width:12px;gap:2px}.idea-gallery .mockup-dots i{width:2px;height:2px}.idea-orbit{inset:8% 0 0;width:100%;height:90%}}
@media(prefers-reduced-motion:reduce){.banner-browser{transform:none}.idea-cta{transition:none}}
/* Quiet section labels, handwritten notes and warm contact surfaces. */
.section-top>.eyebrow,.idea-copy>.eyebrow,.work-intro .eyebrow{display:inline-flex;width:fit-content;max-width:100%;padding:7px 13px;border:1px solid #1115141c;border-radius:999px;background:#11151404;font-size:12px;line-height:1.4;letter-spacing:.075em;font-weight:600}
.dark .section-top>.eyebrow,.dark .work-intro .eyebrow,.work-intro.dark .eyebrow{color:#eadbd3;border-color:#ff866c36;background:#ff866c0a}
.idea-copy>.eyebrow{margin-inline:auto;background:#ffffff12;border-color:#11151426}
.idea-label,.idea-note{font-family:Caveat,'Segoe Print',cursive;font-size:25px;line-height:1.25;font-weight:500;letter-spacing:0;color:#3d2923}
.idea-label-left{transform:rotate(-3deg)}.idea-label-right{transform:rotate(2deg)}
.idea-note{font-size:24px;margin-top:16px}.idea-gallery{margin-top:34px}
#contact-form{background:#261e1a;border-color:#503b31;color:#f2ebe5}
#contact-form input,#contact-form textarea{background:#191613;border-color:#795c4d;color:#f2ebe5}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#bca99e}
#contact-form .form-meta,#contact-form .form-status{color:#cbb9ae}
#contact-form .inline-button{color:#e1c9ba}#contact-form .form-status{border-left-color:#9e7863}
#contact-form [aria-invalid=true]{border-color:#ffb5a9}
@media(max-width:850px){.idea-label{font-size:21px;max-width:27%}.idea-label-right{text-align:right}}
@media(max-width:600px){.idea-note{font-size:22px;max-width:290px}.idea-gallery{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.idea-label{transform:none}}