:root{--bg:#f7f5ef;--ink:#22231f;--muted:#66675d;--line:#dcdcd2;--accent:#9a472c;--soft:#ecebe2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}button{color:inherit}::selection{background:#e6c4b2} .wrap{max-width:1360px;margin:auto;padding-left:56px;padding-right:56px}.section{padding-top:110px;padding-bottom:110px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.8;margin:0 0 26px}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 56px;border-bottom:1px solid var(--line);background:rgba(247,245,239,.96);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:700;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2.5px;display:block;margin-top:5px}.brand-icon{width:40px;height:48px;overflow:hidden;position:relative;mix-blend-mode:multiply}#navigation{display:flex;align-items:center;gap:30px;font-size:12px}#navigation a:hover{color:var(--accent)}.nav-cta{padding:13px 17px;border:1px solid var(--ink);border-radius:3px}.nav-cta span{margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;min-height:720px;padding-top:72px;padding-bottom:90px}.hero h1{font-size:clamp(52px,5.9vw,83px);letter-spacing:-5px;line-height:1.04;margin:0 0 28px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-2px}.intro{font-size:16px;line-height:1.8;max-width:430px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 23px;font-size:12px;border:0;border-radius:3px;transition:background .2s,transform .2s}.dark{background:var(--ink);color:#fff}.dark:hover{background:var(--accent);transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding:10px 0;display:inline-flex;gap:20px;align-items:center}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-note{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:1.6px;margin-top:48px;color:var(--muted)}.hero-note i{width:3px;height:3px;background:var(--accent);border-radius:50%}.hero-art{position:relative;min-height:495px;margin-top:16px}.art-main{position:absolute;right:0;top:25px;width:88%;height:425px;transform:rotate(3deg);border-radius:5px;overflow:hidden;background:#dad4c6;box-shadow:0 20px 50px #25251b19}.art-main img{object-position:center}.art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:white;background:linear-gradient(transparent,#000b);padding:55px 24px 25px}.art-caption span{font-size:8px;letter-spacing:1.6px;line-height:2}.art-caption strong{font-size:24px;letter-spacing:-.5px}.round{height:48px;width:48px;background:#fffffff0;border:0;border-radius:50%;font-size:15px}.round:hover{background:#eddcc5}.orbit-label{position:absolute;top:0;right:22px;font-size:8px;letter-spacing:2px}.art-small{position:absolute;bottom:-5px;left:-3px;width:43%;height:220px;border:7px solid var(--bg);transform:rotate(-7deg);box-shadow:0 16px 32px #2222;border-radius:4px;background:#ece1d0}.art-small span{position:absolute;bottom:14px;left:14px;font-size:8px;color:white;letter-spacing:1px}.stamp{position:absolute;bottom:0;right:25px;display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:42px;font-style:italic;color:var(--accent)}.stamp span{font-family:Arial,sans-serif;font-style:normal;font-size:10px;line-height:1.6;color:var(--muted)}.ticker{background:#e8e8dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 30px;overflow:hidden}.ticker div{display:flex;justify-content:space-around;gap:25px;align-items:center;font-size:11px;letter-spacing:2px;white-space:nowrap}.ticker span{font-size:24px;color:var(--accent)}h2{font-size:clamp(34px,4.3vw,56px);line-height:1.12;letter-spacing:-2px;font-weight:400;margin:0}h3{font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 7px;max-width:350px}.filters{display:flex;gap:9px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:11px;padding:10px 18px}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.projects{display:grid;grid-template-columns:1.4fr 1fr;gap:40px 28px;align-items:start}.project-large{grid-row:span 2}.project-image{width:100%;height:230px;position:relative;border:0;padding:0;overflow:hidden;display:block;background:#ddd}.project-large .project-image{height:560px}.project-image img{transition:transform .5s}.project-image:hover img{transform:scale(1.035)}.project-tag{position:absolute;top:15px;left:15px;background:#f7f5efe8;padding:7px 12px;border-radius:20px;font-size:8px;letter-spacing:1px}.project-play{position:absolute;bottom:20px;right:20px;width:40px;height:40px;display:grid;place-items:center;background:white;border-radius:50%;font-size:12px}.project-line{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:12px}.project-line h3{font-size:21px;margin:0;letter-spacing:-.6px}.project-line span{font-size:10px}.project p{color:var(--muted);font-size:12px;line-height:1.7;margin:9px 0 0}.project-footnote{font-size:10px;color:var(--muted);margin-top:32px;line-height:1.7}.expertise{background:var(--soft)}.service{display:grid;grid-template-columns:70px 1fr 80px;gap:28px;border-top:1px solid #cecec2;padding:40px 0;align-items:start}.service:last-child{border-bottom:1px solid #cecec2}.service-num{font-size:12px;color:var(--accent);padding-top:12px}.service h3{font-size:34px;margin:0 0 16px;letter-spacing:-1px}.service p{font-size:14px;line-height:1.8;color:var(--muted);max-width:660px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.tags span{font-size:10px;border:1px solid #cccbbb;padding:7px 11px;border-radius:20px}.service-link{width:52px;height:52px;border:1px solid #c6c6b9;border-radius:50%;display:grid;place-items:center;font-size:24px;margin-left:auto}.service-link:hover{background:var(--ink);color:white}.studio{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.studio-image{position:relative;height:470px}.studio-image span{position:absolute;left:25px;bottom:25px;font-size:8px;letter-spacing:1.6px;color:white}.studio-copy h2{font-size:43px;margin-bottom:30px}.studio-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px}.studio-principles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0;font-size:11px}.studio-principles span:before{content:'↗';margin-right:9px;color:var(--accent)}.process{background:#22231f;color:#f3f0e6}.process em{color:#d6ad8c}.process .eyebrow{color:#d6ad8c}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.steps article{border-top:1px solid #53544b;padding-top:22px}.steps span{color:#d6ad8c;font-size:11px}.steps h3{font-size:21px;margin:30px 0 15px}.steps p{font-size:12px;line-height:1.9;color:#c3c5b6}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:65px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:24px 0;font-size:14px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:20px;margin-top:0}.contact{background:#e8e8dc}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.contact h2{font-size:62px}.contact p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:27px}.email{display:inline-block;font-size:13px;margin-top:24px;border-bottom:1px solid #b5b5a7;padding-bottom:10px;overflow-wrap:anywhere}.contact .contact-note{font-size:10px;margin-top:30px}form{padding-top:15px}label{display:block;font-size:10px;letter-spacing:.4px;margin-bottom:10px}label span{color:var(--accent)}input,select,textarea{display:block;width:100%;border:1px solid #c9c9bb;background:#f7f5ef80;color:var(--ink);padding:14px 13px;border-radius:2px;font-size:12px;margin-bottom:22px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#727366}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{width:100%}.contact .form-info{font-size:10px;line-height:1.7;margin-top:15px}.contact #form-status{font-size:12px;color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px;padding-bottom:40px}.footer-brand{font-size:23px;letter-spacing:3px;font-weight:700}.footer-brand span{display:block;letter-spacing:2px;font-size:7px;margin-top:6px}footer>div{display:flex;gap:25px;font-size:10px}footer button{border:0;background:transparent;padding:0;font-size:10px}footer small{font-size:8px;color:var(--muted)}dialog{border:0;padding:24px;background:var(--bg);color:var(--ink);width:min(1000px,94vw);max-height:90vh;border-radius:6px}dialog::backdrop{background:#15150fda;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-top h2{font-size:21px;letter-spacing:-.5px}.dialog-top button{background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:11px}#player{display:block;width:100%;max-height:73vh;background:#000}#privacy-dialog{max-width:580px;padding:35px}#privacy-dialog h2{font-size:30px}#privacy-dialog p{font-size:14px;line-height:1.8}.project[hidden]{display:none}.projects.filtered{grid-template-columns:1fr 1fr}.projects.filtered .project-large{grid-row:auto}.projects.filtered .project-image{height:360px}
@media(min-width:1600px){header{padding-left:max(56px,calc((100vw - 1248px)/2));padding-right:max(56px,calc((100vw - 1248px)/2))}}@media(max-width:1100px){header{padding:0 30px}.wrap{padding-left:30px;padding-right:30px}#navigation{gap:18px}.hero h1{font-size:66px;letter-spacing:-3.5px}.hero-art{min-height:440px}.art-main{height:370px}.art-small{height:190px}.hero-actions{gap:15px}.hero-actions .button{padding:18px 15px}.hero-actions .text-link{font-size:10px}.studio{gap:40px}.contact-grid{gap:45px}.contact h2{font-size:52px}}@media(max-width:800px){header{height:80px;padding:0 23px}.brand{font-size:19px}#navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}#navigation.open{display:flex}.menu{display:block;background:transparent;border:1px solid var(--line);font-size:11px;padding:10px 13px;border-radius:3px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:60px;gap:32px}.hero h1{font-size:clamp(54px,9.5vw,78px);letter-spacing:-3px}.intro{max-width:480px}.hero-art{max-width:600px;width:100%;margin:0 auto;min-height:470px}.art-main{height:385px;width:87%}.art-small{height:220px;bottom:0;left:0}.hero-note{margin-top:30px}.hero-actions .text-link{font-size:12px}.section{padding-top:70px;padding-bottom:70px}.ticker div{justify-content:flex-start}.section-head{align-items:flex-start;flex-direction:column;gap:22px}.projects{grid-template-columns:1fr 1fr;gap:30px 20px}.project-large{grid-column:span 2;grid-row:auto}.project-large .project-image{height:430px}.project-image{height:220px}.project-line{align-items:flex-start}.project-line h3{font-size:18px}.project-line span{font-size:9px}.service{grid-template-columns:30px 1fr 44px;gap:15px}.service h3{font-size:27px}.service-link{width:40px;height:40px;font-size:19px}.studio{grid-template-columns:1fr;gap:35px}.studio-image{height:350px}.studio-copy h2{font-size:42px}.steps{grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.faq{grid-template-columns:1fr;gap:28px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:54px}form{padding-top:0}footer{flex-wrap:wrap;gap:30px}footer small{width:100%}.projects.filtered{grid-template-columns:1fr}.projects.filtered .project-large{grid-column:auto}.projects.filtered .project-image{height:380px}}@media(max-width:480px){.brand-icon{width:31px}.brand{gap:6px}.brand small{font-size:7px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-art{min-height:375px}.art-main{height:310px;top:27px}.art-small{height:155px;width:45%;bottom:0}.art-caption{padding-left:17px;padding-right:17px}.orbit-label{font-size:7px;letter-spacing:1.1px}.stamp{right:5px;font-size:34px}.stamp span{font-size:8px}.ticker{padding:18px 24px}.projects{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-image{height:390px}.project-image{height:250px}.service{grid-template-columns:23px 1fr 32px;gap:11px}.service h3{font-size:25px;line-height:1.2}.service p{font-size:13px}.service-link{width:32px;height:32px}.tags{gap:7px}.tags span{font-size:8px}.studio-copy h2{font-size:36px}.steps{gap:28px 20px}.steps h3{font-size:18px}.contact h2{font-size:49px}.form-row{grid-template-columns:1fr;gap:0}.email{font-size:11px}footer>div{flex-wrap:wrap;gap:18px}.dialog-top h2{font-size:17px}.dialog-top button{flex-shrink:0}.section h2 em{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Motion direction — layered, tactile, responsive. */
.scroll-progress{height:3px;background:var(--accent);position:fixed;top:0;left:0;right:0;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-depth]{translate:0 var(--parallax-y,0px)}.ticker div{transform:translateX(var(--ticker-x,0px));will-change:transform}.button,.nav-cta,.filters button,.round,.service-link{position:relative;overflow:hidden}.button span:last-child,.nav-cta span,.text-link span{transition:transform .3s}.button:hover span:last-child,.nav-cta:hover span,.text-link:hover span{transform:translate(3px,-3px)}.nav-cta{box-shadow:3px 3px 0 #d7d5c7;transition:box-shadow .25s,background .25s,color .25s}.nav-cta:hover{box-shadow:6px 6px 0 #d7d5c7;background:var(--ink);color:var(--bg)}.art-main{transition:rotate .6s}.hero-art:hover .art-main{rotate:-2deg}.hero-art:hover .art-small{rotate:3deg}.art-small{transition:rotate .6s}.project-image{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s,box-shadow .35s}.project-image:hover{box-shadow:0 20px 40px #22231f20}.project-play{transition:transform .3s,background .3s}.project-image:hover .project-play{transform:scale(1.18);background:#e9c3a7}.signature-scene{height:175vh;min-height:1000px;position:relative;background:#efeee5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signature-sticky{position:sticky;top:96px;height:calc(100svh - 96px);min-height:580px;max-height:1000px;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#fffef8,#eeeede 75%)}.scene-word{position:absolute;left:28%;top:21%;font-size:clamp(90px,18vw,300px);font-weight:700;letter-spacing:-.08em;color:#d8d9c94d;line-height:1;user-select:none}.scene-orbits{position:absolute;left:34%;top:8%;width:56%;height:82%;pointer-events:none;opacity:.55}.scene-orbits i{position:absolute;border:1px solid #cccbbd;border-radius:50%;width:100%;height:100%;transform:rotate(-27deg) scaleY(.5)}.scene-orbits i+ i{transform:rotate(28deg) scaleY(.78);border-style:dashed}.signature-sticky canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.scene-heading{position:absolute;top:17%;left:max(56px,calc((100vw - 1248px)/2));width:39%;max-width:500px;z-index:2}.scene-heading h2{font-size:clamp(43px,4.7vw,73px)}.scene-heading>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:330px}.scene-heading .eyebrow{font-size:8px}.scene-card{position:absolute;border:1px solid #d2d1c2;background:#f9f8f0e8;backdrop-filter:blur(10px);padding:22px 26px;z-index:2;box-shadow:0 18px 45px #383d2412;border-radius:3px;pointer-events:none}.scene-card span{font-size:8px;letter-spacing:1.6px;color:var(--accent)}.scene-card strong{display:block;font-size:20px;letter-spacing:-.4px;font-weight:400;margin-top:14px}.scene-card p{font-size:10px;color:var(--muted);margin-top:11px}.scene-card-a{right:8%;top:11%;rotate:6deg}.scene-card-b{right:5%;bottom:18%;rotate:-4deg}.scene-bottom{position:absolute;bottom:25px;left:56px;right:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.scene-bottom>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.pill-button{display:flex;gap:17px;align-items:center;font-size:10px;padding:11px 16px;border:1px solid #c5c4b6;border-radius:25px;background:#f9f8ef}.mini-wave{display:flex;align-items:center;gap:5px;height:35px;margin-top:15px}.mini-wave i{height:10px;width:4px;background:var(--accent);border-radius:3px;animation:wave 1.4s ease-in-out infinite alternate}.mini-wave i:nth-child(2n){animation-delay:-.4s}.mini-wave i:nth-child(3n){animation-delay:-.8s}@keyframes wave{to{height:30px}}body.motion-paused .mini-wave i{animation-play-state:paused}.atelier{background:#f0efe7}.lab-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin-top:55px;align-items:start}.control-label{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:15px}.lab-controls input{background:var(--bg);margin-bottom:30px;font-size:15px;padding:17px}.palette-options{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.palette-options button{border:1px solid #d3d2c6;background:transparent;padding:13px 15px;display:flex;align-items:center;gap:13px;border-radius:2px;font-size:12px;text-align:left;transition:border-color .2s,background .2s}.palette-options button.chosen{border-color:var(--ink);background:var(--bg)}.palette-options span{width:16px;height:16px;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.intent-options{display:flex;flex-wrap:wrap;gap:8px}.intent-options button{font-size:10px;padding:11px 13px;border:1px solid #c9c8ba;border-radius:25px;background:transparent}.intent-options button.chosen{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lab-disclaimer{font-size:10px;color:var(--muted);line-height:1.8;margin-top:25px;max-width:320px}.lab-stage{--lab-accent:#a75335;--lab-tint:#f0d6be;--lab-glow:#ecbea0;box-shadow:0 25px 60px #282a1915;border:1px solid #cecdbe;border-radius:7px;overflow:hidden;transition:box-shadow .4s}.lab-stage[data-palette-active=violet]{--lab-accent:#7258bf;--lab-tint:#ddd4f0;--lab-glow:#bfa9ed}.lab-stage[data-palette-active=sage]{--lab-accent:#3e756a;--lab-tint:#cadbd2;--lab-glow:#9ec8b5}.lab-browser,.lab-stage-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;background:#f8f7ef;font-size:7px;letter-spacing:1.4px}.browser-dots{color:#b5b4a4;font-size:10px;letter-spacing:3px}.lab-screen{position:relative;min-height:465px;background:radial-gradient(ellipse at 85% 25%,var(--lab-glow),var(--lab-tint) 45%,#f6f3e9 100%);padding:65px 40px 65px;overflow:hidden;transition:background .5s}.lab-grain{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:radial-gradient(#64645070 .5px,transparent .5px);background-size:4px 4px}.lab-screen h3{position:relative;font-size:clamp(36px,4.4vw,65px);letter-spacing:-2px;line-height:1.1;font-weight:500;max-width:90%;overflow-wrap:anywhere;margin:30px 0 20px;z-index:1}.lab-screen>p{position:relative;z-index:1;max-width:250px;font-size:12px;line-height:1.8}.lab-screen .lab-kicker{font-size:8px;letter-spacing:1.8px;max-width:300px}.lab-sphere{position:absolute;right:-70px;bottom:-100px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#fff7,var(--lab-accent) 60%,#20251c);box-shadow:inset -30px -25px 50px #12160f80,0 25px 35px #292a2920;rotate:-24deg;transition:background .5s,rotate 1s}.lab-sphere i{position:absolute;width:100%;height:100%;border:1px solid #fff4;border-radius:50%;transform:scaleX(.35)}.lab-sphere i:nth-child(2){transform:scaleX(.7)}.lab-sphere i:nth-child(3){transform:scaleY(.4)}.lab-stage:hover .lab-sphere{rotate:10deg}.signature-button{position:relative;display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:var(--bg);padding:7px 8px 7px 22px;border:0;border-radius:50px;font-size:11px;box-shadow:0 7px 0 #1f211b20;z-index:1;margin-top:17px;transition:transform .25s,box-shadow .25s}.button-disc{width:38px;height:38px;border-radius:50%;background:var(--lab-accent,var(--accent));color:#fff;display:grid;place-items:center;font-size:18px;transition:transform .35s}.signature-button:hover .button-disc{transform:rotate(45deg);background:#f4e6d4;color:var(--ink)}.signature-button:active{transform:translateY(4px);box-shadow:0 2px 0 #1f211b20}.lab-frame-label{position:absolute;bottom:22px;left:40px;font-size:7px;letter-spacing:1.5px}.lab-stage-footer{background:#22231f;color:#e6e6d5;font-size:7px}.lab-stage-footer i{display:inline-block;width:5px;height:5px;background:#b5c9a0;border-radius:50%;margin-right:7px}.lab-stage.pulse{animation:stagePulse .6s ease-out}@keyframes stagePulse{50%{box-shadow:0 0 0 9px var(--lab-glow),0 25px 60px #282a1915}}.ripple{position:absolute;border-radius:50%;background:#ffffff5c;pointer-events:none;transform:scale(0);animation:ripple .65s ease-out forwards}@keyframes ripple{to{transform:scale(2);opacity:0}}body.motion-paused [data-depth]{translate:0 0!important}body.motion-paused .ticker div{transform:none!important}body.motion-paused .scene-card{transition:none}body.motion-paused .lab-sphere{transition:none}footer small{line-height:1.8}
@media(max-width:1100px){.scene-heading{left:30px}.scene-bottom{left:30px;right:30px}.scene-card-a{right:4%}.lab-layout{gap:30px;grid-template-columns:.75fr 1.25fr}.lab-screen{padding:50px 28px 65px}.lab-frame-label{left:28px}}
@media(max-width:800px){.signature-scene{height:140vh;min-height:850px}.signature-sticky{top:80px;height:calc(100svh - 80px);min-height:620px}.scene-heading{top:7%;left:24px;width:80%;max-width:none}.scene-heading h2{font-size:43px}.scene-heading>p:not(.eyebrow){max-width:260px;font-size:11px}.scene-heading .eyebrow{margin-bottom:15px;font-size:7px}.scene-word{top:47%;left:4%;font-size:23vw}.scene-card-a{top:auto;bottom:15%;left:24px;right:auto;padding:16px;rotate:-5deg}.scene-card-b{bottom:19%;right:24px;padding:16px;rotate:5deg}.scene-card strong{font-size:15px}.scene-card p{font-size:9px}.scene-card span{font-size:6px}.scene-bottom{left:24px;right:24px;bottom:18px;gap:12px}.scene-bottom>span:first-child{max-width:130px;line-height:1.8;font-size:6px}.scene-bottom .scroll-hint{display:none}.lab-layout{grid-template-columns:1fr}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lab-controls .control-label,.lab-controls>input,.lab-disclaimer{grid-column:span 2}.palette-options{grid-column:span 2;flex-direction:row;flex-wrap:wrap;margin-bottom:25px}.palette-options button{font-size:10px;padding:11px;gap:9px}.intent-options{grid-column:span 2}.lab-disclaimer{max-width:none}.lab-screen{min-height:420px}.lab-screen h3{font-size:55px}.scene-orbits{left:4%;top:27%;width:95%;height:65%}.ticker div{gap:25px}}@media(max-width:480px){.scene-heading h2{font-size:36px}.signature-sticky{min-height:610px}.scene-card-b{bottom:21%;right:17px}.scene-card-a{bottom:14%;left:17px;max-width:150px}.scene-card{padding:13px}.scene-card strong{font-size:12px}.scene-card p{font-size:8px}.mini-wave{margin-top:10px}.lab-screen{padding:42px 22px 65px;min-height:410px}.lab-screen h3{font-size:44px}.lab-sphere{width:280px;height:280px;right:-95px;bottom:-45px}.lab-frame-label{left:22px}.lab-stage-footer{letter-spacing:.7px;font-size:6px;padding:14px}.scene-heading .eyebrow{font-size:6px}.signature-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.signature-scene{height:auto;min-height:0}.signature-sticky{position:relative;top:0;min-height:650px;height:75vh}[data-depth]{translate:0 0!important}.ticker div{transform:none!important}.ripple{display:none}.mini-wave i{animation:none}.project-image{transform:none!important}.lab-stage.pulse{animation:none}.hero-art:hover .art-main,.hero-art:hover .art-small{rotate:0deg}}
@media(min-width:801px) and (max-width:1000px){header{height:80px}#navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}#navigation.open{display:flex}.menu{display:block;background:transparent;border:1px solid var(--line);font-size:11px;padding:10px 13px;border-radius:3px}.signature-sticky{top:80px;height:calc(100svh - 80px)}}
.pill-button:disabled{cursor:default;opacity:.65}
/* Original Higgsfield art integrated into an accessible live interface. */
.art-main #hero-image{object-position:73% center}.art-explore{display:grid;place-items:center;color:var(--ink);font-size:23px}.art-caption span{color:#fff;text-shadow:0 1px 4px #0005}.service-illustrated{grid-template-columns:40px 1fr 290px 60px;gap:22px;align-items:center}.service-art{height:205px;overflow:hidden;border-radius:3px;box-shadow:0 18px 32px #22231f0c;rotate:-2deg}.service-illustrated:nth-of-type(3) .service-art{rotate:2deg}.service-art img{transition:scale .6s}.service:hover .service-art img{scale:1.045}.service-illustrated h3{font-size:30px}.service-illustrated p{font-size:12px}.service-illustrated .service-num{align-self:start}.signature-button .button-disc{background:linear-gradient(145deg,#e5b28c,#9d5d32);color:white;box-shadow:inset 0 1px 2px #fff8,inset 0 -2px 2px #0003}
@media(max-width:1100px){.service-illustrated{grid-template-columns:30px 1fr 210px 45px;gap:17px}.service-art{height:180px}.service-illustrated h3{font-size:26px}}@media(max-width:800px){.service-illustrated{grid-template-columns:25px 1fr 45px;gap:15px}.service-illustrated .service-art{grid-column:2;grid-row:2;height:250px;rotate:0deg}.service-illustrated .service-link{grid-column:3;grid-row:1}}@media(max-width:480px){.service-illustrated .service-art{height:200px}}@media(prefers-reduced-motion:reduce){.service:hover .service-art img{scale:1}}
/* The generated design is now the site's interface, rather than a sample gallery. */
.hero-title-art{height:auto;min-height:150px;margin:0 -14px 28px!important;width:calc(100% + 28px);line-height:0!important}.hero-title-art>svg{display:block;width:100%;height:auto;aspect-ratio:1968/630;mix-blend-mode:multiply}.brand-title-art{width:155px;display:block}.brand-title-art>svg{display:block;width:100%;height:34px;mix-blend-mode:multiply}.brand-title-art small{letter-spacing:2.4px;font-size:7px;margin-top:2px;text-align:center}.material-sprite{display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.material-primary{position:relative!important;width:275px;height:84px;padding:0 0 0 26px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#fff8eb!important;justify-content:flex-start!important;transition:transform .25s,filter .25s!important;isolation:isolate}.material-primary>.material-sprite{position:absolute;inset:0;z-index:0}.material-primary>.material-label{position:relative;z-index:1;width:68%;text-align:left;font-size:11px;line-height:1.5;font-weight:600;transform:none!important;text-shadow:0 1px 3px #0009}.material-primary:hover{filter:brightness(1.09);transform:translateY(-3px)!important}.material-primary:active{transform:translateY(2px)!important}.material-primary .ripple{display:none}.hero-actions{gap:15px}.hero-actions .material-primary{flex-shrink:0}.signature-button.material-primary{margin-top:12px}.material-round{position:relative!important;width:62px!important;height:62px!important;min-width:62px;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transition:transform .25s,filter .25s!important}.material-round>.material-sprite{position:absolute;inset:0}.material-round:hover{filter:brightness(1.12);transform:translateY(-2px) rotate(4deg)!important}.material-glass{width:70px!important;height:70px!important;min-width:70px}.project-image .material-round{right:18px;bottom:16px;background:transparent!important}.art-caption .material-round{filter:drop-shadow(0 3px 8px #0003)}form .material-primary{width:300px!important;max-width:100%;margin-top:0}.service-illustrated{grid-template-columns:40px 1fr 290px 65px}.lab-stage .material-primary>.material-label{font-size:10px}.lab-stage .material-primary{width:245px;height:77px;padding-left:24px!important}.hero{padding-bottom:60px}.lab-layout{margin-bottom:5px}.brand-icon{mix-blend-mode:multiply}.hero-title-art>svg{filter:drop-shadow(0 8px 10px #a5815210)}
@media(max-width:1100px){.service-illustrated{grid-template-columns:30px 1fr 210px 62px}.hero-actions .material-primary{width:245px;height:77px}.hero-actions{flex-wrap:wrap}.brand-title-art{width:142px}}@media(max-width:800px){.hero-title-art{max-width:570px;min-height:0;margin-bottom:25px!important}.hero-actions{flex-wrap:nowrap}.hero-actions .material-primary{width:275px;height:84px}.service-illustrated{grid-template-columns:25px 1fr 62px}.material-primary>.material-label{font-size:11px}}@media(max-width:480px){.hero-title-art{width:calc(100% + 20px);margin-left:-10px!important}.hero-actions{flex-wrap:wrap;gap:8px 20px}.hero-actions .material-primary{width:265px;height:82px}.brand-title-art{width:133px}.brand-title-art>svg{height:30px}.brand-title-art small{font-size:6px;letter-spacing:2.2px}.material-round{width:52px!important;height:52px!important;min-width:52px}.material-glass{width:62px!important;height:62px!important;min-width:62px}.service-illustrated{grid-template-columns:23px 1fr 52px}.hero .intro{font-size:15px;line-height:1.8}.hero .eyebrow{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.material-primary:hover,.material-round:hover{transform:none!important}}
/* Clean silhouettes: mask away the opaque rectangular sheet background. */
.material-primary>.material-sprite{clip-path:inset(6% 2% 6% 2% round 999px);mix-blend-mode:normal}.material-round>.material-sprite{clip-path:circle(44% at 50% 50%);mix-blend-mode:normal}.material-primary,.material-round{border:0!important;background:none!important;outline:none;box-shadow:none!important;filter:none;overflow:visible!important}.material-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:40px!important}.material-round:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:50%!important}.material-primary:hover,.material-round:hover{filter:brightness(1.07)}.brand-icon{width:42px!important;height:46px!important;overflow:visible!important;flex-shrink:0}.brand-icon>svg{display:block;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply}.brand-title-art{width:160px;flex-shrink:0}.brand-title-art>svg{width:100%;height:38px;overflow:visible;mix-blend-mode:multiply}.brand{gap:9px;flex-shrink:0}.brand-title-art small{line-height:1.4;margin-top:0}.material-primary>.material-label{text-shadow:0 1px 3px #0008}
@media(max-width:480px){.brand-icon{width:35px!important;height:39px!important}.brand-title-art{width:140px}.brand-title-art>svg{height:33px}.brand-title-art small{font-size:6px;letter-spacing:2px}.brand{gap:7px}}
/* Audit fixes: readable controls, resilient contact, and comfortable mobile access. */
[hidden]{display:none!important}.filters button,.intent-options button,.palette-options button,.menu,.pill-button{min-height:44px}.filters button,.intent-options button{font-size:12px}.eyebrow{font-size:11px}.project-tag{font-size:10px}.project-line span{font-size:12px}.project p{font-size:14px}.project-footnote{font-size:12px}.service-illustrated p{font-size:14px}.tags span{font-size:11px}.steps p{font-size:14px}.steps span{font-size:12px}.contact label{font-size:12px}.contact input,.contact select,.contact textarea{font-size:16px;line-height:1.5}.contact .form-info{font-size:12px}.copy-email{display:flex;align-items:center;gap:16px;background:transparent;border:0;border-bottom:1px solid #b8b8a9;padding:10px 0;font-size:12px;min-height:44px;margin-top:10px}.copy-status{display:block;font-size:12px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.contact .field-help{font-size:12px;line-height:1.7;margin:-12px 0 20px;color:var(--muted)}label .optional{color:var(--muted);font-size:10px}.draft-panel{border-top:1px solid #c1c1b2;padding-top:24px;margin-top:22px}.draft-panel textarea{background:#f7f5ef;font-size:13px;line-height:1.7;margin-bottom:12px}.draft-actions{display:flex;flex-wrap:wrap;gap:12px}.draft-actions a,.draft-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #9f9f8c;background:#f7f5ef;color:var(--ink);padding:11px 14px;font-size:12px;border-radius:3px}.contact .draft-panel>p{font-size:11px;margin-top:13px;overflow-wrap:anywhere}.media-error{font-size:13px;line-height:1.6}.media-error a{text-decoration:underline}.mobile-actions{display:none}.signature-sticky{max-height:none}.scene-card-a{pointer-events:none}.contact .email{font-size:15px;line-height:1.5}.hero-title-art{min-height:0}footer small{font-size:10px}footer>div,footer button{font-size:12px}.dialog-top button{min-height:44px;font-size:12px}.dialog-top h2{line-height:1.4}.lab-disclaimer{font-size:12px}.lab-stage-footer{font-size:9px}.lab-controls .control-label{font-size:10px}.lab-controls input{font-size:16px}.service-art{translate:0 var(--parallax-y,0px)}
@media(max-width:800px){.signature-scene{height:120svh;min-height:760px}.signature-sticky{min-height:600px}.hero .eyebrow{font-size:9px}.mobile-actions{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:19;display:flex;justify-content:space-between;gap:8px;padding:7px;background:#f7f5eff2;border:1px solid #d4d0bd;border-radius:40px;box-shadow:0 6px 24px #25241b20;backdrop-filter:blur(12px)}.mobile-actions>a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 14px;font-size:11px;border-radius:30px;flex:1}.mobile-actions>a:last-child{background:var(--ink);color:var(--bg);flex:1.4}.mobile-actions>a:focus-visible{outline-offset:0}footer{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:100px}#contact{scroll-margin-bottom:90px}.hero .intro{font-size:16px}.project-footnote{font-size:12px}.lab-stage-footer{font-size:8px}.material-primary>.material-label{font-size:12px}.brand{max-width:calc(100% - 90px)}.form-row{gap:12px}.contact .email{font-size:14px}.steps p{font-size:13px}}@media(max-width:480px){.mobile-actions>a{font-size:10px;padding:10px 8px;gap:8px}.lab-stage-footer{letter-spacing:.25px}.contact .form-info{font-size:12px}.form-row{gap:0}.service-illustrated p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.signature-scene{height:auto;min-height:0}.signature-sticky{min-height:610px}.mobile-actions{backdrop-filter:none}}
/* Regression fix: the mobile contact bar must never inherit dropdown geometry. */
.mobile-actions{display:none;top:auto;left:auto;right:auto;height:auto;min-height:0;max-height:none;flex-direction:row;align-items:center;transform:none}.brand-icon>svg{overflow:hidden!important;display:block;width:100%;height:100%}.brand-name{display:block;font-size:19px;letter-spacing:3px;font-weight:700;line-height:1.2;white-space:nowrap}.brand-name small{display:block;margin-top:5px;font-size:7px;letter-spacing:2.1px;line-height:1.3}.brand{gap:10px;max-width:none}.brand-icon{width:38px!important;height:42px!important}.brand-title-art{display:none}
@media(max-width:800px){.mobile-actions{position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:space-between;top:auto;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:62px;min-height:0;max-height:62px;padding:8px;gap:8px;margin:0;border-radius:34px}.mobile-actions>a{display:flex;align-items:center;justify-content:center;min-height:44px;height:44px;max-height:44px;min-width:0;white-space:nowrap;line-height:1.2;font-size:11px;padding:8px 12px;flex:1}.mobile-actions>a:last-child{flex:1.45}.mobile-actions span{flex-shrink:0}.brand{max-width:calc(100% - 85px)}.brand-name{font-size:18px;letter-spacing:2.3px}.brand-name small{font-size:6px;letter-spacing:1.9px}.brand-icon{width:34px!important;height:39px!important}}
@media(max-width:380px){.brand-name{font-size:16px;letter-spacing:2px}.brand-icon{width:29px!important;height:35px!important}.mobile-actions>a{font-size:10px;padding:8px 7px;gap:8px}.brand{gap:7px}}
header{background:var(--bg)}