/* AWE / DIGITAL — experimental studio portfolio */
:root{--bg:#0c0d10;--bg2:#141518;--ink:#f1efe8;--muted:#a6a6a3;--line:rgba(245,244,237,.18);--acid:#d1fa57;--coral:#ff6a4f;--serif:"Italiana",Georgia,serif;--display:"Space Grotesk",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.19,1,.22,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--acid);outline-offset:5px}::selection{background:var(--acid);color:#0d0e10}.skip-link{position:fixed;top:-100px;left:12px;background:var(--acid);color:#111;padding:12px;z-index:900}.skip-link:focus{top:12px}.page-width{width:min(100% - 80px,1550px);margin-inline:auto}.section-pad{padding-block:140px}.mono{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.075em}.period{color:var(--acid)}.scroll-progress{position:fixed;z-index:110;height:3px;top:0;left:0;width:100%;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:var(--acid);box-shadow:0 0 14px #d1fa57aa}.pointer-halo{position:fixed;left:0;top:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(210,250,87,.058) 0,transparent 65%);transform:translate3d(-50%,-50%,0);pointer-events:none;z-index:1;opacity:0;transition:opacity .5s}.grain{position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;height:86px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(12,13,16,.69);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:height .3s,background .3s}.site-header.scrolled{height:74px;background:rgba(12,13,16,.91)}.brand{display:flex;align-items:center;gap:12px;flex:1;max-width:290px;position:relative;z-index:3}.brand-mark{width:39px;height:39px;color:var(--acid);display:flex}.brand-mark svg{width:100%;height:100%}.brand-type{font-size:27px;letter-spacing:-.085em;font-weight:700;line-height:.8;font-family:var(--display)}.brand-star{color:var(--acid);font-size:13px;vertical-align:top;margin-left:3px}.brand-type small{display:block;font-family:var(--mono);font-weight:400;font-size:8px;letter-spacing:.075em;color:#a9a8a2;margin-top:7px}.desktop-nav{display:flex;align-items:center;gap:46px}.nav-link{font-size:13px;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--acid)}.nav-link sup{font:10px var(--mono);color:var(--acid);margin-left:2px}.nav-spark{color:var(--acid)}.header-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.27);padding:7px 8px 7px 21px;border-radius:100px;max-width:max-content;margin-left:auto;font:11px var(--mono);letter-spacing:.025em;transition:background .25s,color .25s,border-color .25s}.header-cta:hover{background:var(--acid);border-color:var(--acid);color:#0d0f0e}.circle-arrow{width:34px;height:34px;background:var(--acid);color:#12120b;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:transform .4s var(--ease)}.header-cta:hover .circle-arrow{background:#111;color:var(--acid);transform:rotate(45deg)}.menu-toggle{display:none}.mobile-menu{visibility:hidden}
.hero{min-height:920px;min-height:max(920px,100svh);padding-top:86px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 47%,#28301c 0%,transparent 31%),#0c0d10}.hero-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(to right,rgba(234,245,203,.075) 1px,transparent 1px),linear-gradient(to bottom,rgba(234,245,203,.075) 1px,transparent 1px);background-size:calc(100% / 12) 100px;mask-image:linear-gradient(to bottom,transparent,#000 23%,#000 75%,transparent);pointer-events:none}.hero-noise-light{position:absolute;right:-15%;top:7%;width:70vw;aspect-ratio:1;background:radial-gradient(ellipse,rgba(135,161,68,.12),transparent 62%);filter:blur(38px);pointer-events:none}.hero-inner{position:relative;z-index:4;padding-top:70px;padding-bottom:80px}.hero-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}.badge-outline{border:1px solid rgba(210,250,87,.5);padding:12px 16px;border-radius:50px;color:var(--acid);white-space:nowrap}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--acid);box-shadow:0 0 13px var(--acid);margin-right:7px;vertical-align:1px;animation:pulseDot 2.2s ease-in-out infinite}.hero-edition{color:#aaa9a2}.hero-edition span{color:var(--acid);padding-inline:6px}.hero-title{margin:0;position:relative;z-index:5;font-family:var(--display);font-size:clamp(62px,8.75vw,164px);font-weight:700;line-height:.88;letter-spacing:-.088em;max-width:1480px;text-transform:uppercase}.hero-line{display:block;white-space:nowrap;overflow:hidden;padding:0 .1em .1em 0;margin-bottom:-.07em}.hero-line>span,.hero-line>em{display:inline-block}.hero-line>em{font:normal .92em var(--serif);letter-spacing:-.045em;color:var(--acid);text-transform:none;padding-right:.12em}.hero-line.title-last{font-size:.72em;letter-spacing:-.077em;margin-top:.035em}.hero-line .period{letter-spacing:0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:65px;position:relative;z-index:5}.hero-description{display:flex;gap:22px;max-width:520px}.asterisk{font-size:35px;color:var(--acid);line-height:1}.hero-description p{font-size:clamp(16px,1.45vw,21px);line-height:1.58;margin:0;max-width:415px}.hero-scroll{display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:10px}.hero-scroll-text{font:11px/1.5 var(--mono);letter-spacing:.07em}.down-arrow{font-size:57px;line-height:1;transition:transform .3s var(--ease)}.hero-scroll:hover .down-arrow{transform:translate(7px,7px)}.hero-footer{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;z-index:3;color:#999b93}.hero-sculpture{position:absolute;right:7%;top:34%;width:min(33vw,550px);aspect-ratio:1;z-index:1;transform-style:preserve-3d;pointer-events:none;opacity:.93}.sculpture-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#d6ff83 0,#7fbd2f 12%,#344b14 21%,transparent 58%);filter:blur(42px);opacity:.47}.sculpture-ring{position:absolute;border-radius:50%;inset:12%;border:1px solid #b8f8539e;box-shadow:inset 0 0 40px #cbff2d16,0 0 33px #a4f3362c}.ring-one{transform:rotate(-26deg) rotateY(65deg) rotateX(34deg);animation:orbit 15s linear infinite}.ring-two{inset:20%;transform:rotate(50deg) rotateY(48deg) rotateX(-54deg);border-width:3px;border-color:#dafd74;animation:orbitReverse 13s linear infinite}.ring-three{inset:0;transform:rotate(20deg) rotateY(72deg) rotateX(-33deg);border-color:#d1fa5733;animation:orbit 23s linear infinite}.sculpture-core{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffdd0,#d0f94e 25%,#6a9d1f 54%,#101809 80%);box-shadow:0 0 35px #a9e34455,inset -12px -12px 40px #111;animation:coreFloat 7s ease-in-out infinite}.sculpture-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#e1ff9b;box-shadow:0 0 20px #b2ed2d}.dot-one{top:14%;left:16%}.dot-two{bottom:23%;right:5%}
.ticker-wrap{background:var(--acid);color:#111;overflow:hidden;transform:rotate(-1.1deg) scale(1.02);height:74px;display:flex;align-items:center;position:relative;z-index:7}.ticker-track{display:flex;white-space:nowrap;gap:0;width:max-content;animation:marquee 28s linear infinite}.ticker-track>span{font:600 27px var(--display);letter-spacing:-.035em;padding-right:45px}.ticker-track i{font-style:normal;padding:0 26px}.section-kicker{display:flex;align-items:center;gap:13px;font:11px var(--mono);letter-spacing:.07em;color:#c2c1b9}.kicker-icon{color:var(--acid);font-size:24px;line-height:1}.kicker-index{margin-left:auto;color:#787a75}.intro-layout{display:grid;grid-template-columns:1.55fr .55fr;gap:90px;padding-top:80px;align-items:end}.intro-heading{font:600 clamp(48px,5.3vw,98px)/1.12 var(--display);letter-spacing:-.07em;margin:0}.outline-italic{font:normal 1.1em var(--serif);color:var(--acid);letter-spacing:-.04em}.accent-underline{text-decoration:underline;text-decoration-color:#d1fa5777;text-decoration-thickness:3px;text-underline-offset:12px}.intro-side{max-width:390px}.intro-cross{font-size:67px;color:var(--acid);line-height:1;margin-bottom:28px}.intro-side p{font-size:17px;line-height:1.7;color:#c4c3be}.text-link{margin-top:22px;display:inline-flex;align-items:center;gap:50px;font:12px var(--mono);padding-bottom:12px;border-bottom:1px solid var(--ink);transition:gap .3s,color .3s}.text-link:hover{gap:65px;color:var(--acid)}.statement-bar{margin-top:140px;padding-block:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px var(--mono);letter-spacing:.03em}.statement-symbol{color:var(--acid);font-size:18px}.statement-bar strong{font-family:var(--display);font-size:17px;letter-spacing:-.02em}.statement-bar strong span{color:var(--acid)}
.work{background:#131518;position:relative}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px;padding-block:65px 68px}.section-title{font:700 clamp(65px,8vw,138px)/.87 var(--display);letter-spacing:-.085em;text-transform:uppercase;margin:0}.serif-italic{font:normal 1em var(--serif);text-transform:none;letter-spacing:-.045em;color:var(--acid)}.section-heading-copy{max-width:370px;font-size:17px;line-height:1.6;color:#b6b6b0;margin:0 0 8px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 25px}.project-card:nth-child(3){grid-column:1/-1}.project-visual{height:600px;position:relative;overflow:hidden;isolation:isolate;cursor:crosshair;background:#24201f}.project-card:nth-child(3) .project-visual{height:690px}.case-toolbar{position:absolute;top:25px;left:29px;right:29px;display:flex;justify-content:space-between;z-index:5;color:#fff;font:10px var(--mono);letter-spacing:.03em}.case-toolbar.light{color:#1f2232}.tiny-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:8px}.project-hover-spotlight{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.17),transparent 37%);opacity:0;pointer-events:none;z-index:5;transition:opacity .3s}.project-card:hover .project-hover-spotlight{opacity:1}.project-corner{position:absolute;right:26px;bottom:26px;width:51px;height:51px;border:1px solid #ffffff90;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:28px;z-index:8;transition:background .25s,transform .4s}.project-corner.dark{border-color:#111;color:#222}.project-card:hover .project-corner{background:var(--acid);color:#111;border-color:var(--acid);transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:22px}.project-caption h3{font:600 clamp(28px,3vw,42px)/1.15 var(--display);margin:12px 0 5px;letter-spacing:-.05em}.project-caption p{color:#aaa9a4;margin:0;font-size:14px}.project-num{color:var(--acid);font-size:10px}.project-pill{font:10px var(--mono);color:#a7a7a0;border:1px solid #ffffff38;border-radius:50px;padding:10px 13px;white-space:nowrap}.work-disclaimer{margin-top:75px;color:#848580;text-align:right;font-size:10px}
.editorial-visual{background:#3c302d}.editorial-background{position:absolute;inset:0;background:linear-gradient(125deg,#372d2a 15%,#72655d 60%,#292220);z-index:-1}.editorial-background:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 55% 35%,transparent,#130f0f7b)}.editorial-ghost{font:600 200px var(--display);position:absolute;top:27%;left:-9%;transform:rotate(-90deg);color:#ffffff12;letter-spacing:-.1em}.editorial-ui{position:absolute;inset:0;padding:77px 49px 46px}.editorial-top{display:flex;justify-content:space-between;align-items:start;gap:20px;font:10px/1.45 var(--mono);letter-spacing:.1em}.editorial-top>span:first-child{font:600 22px/.9 var(--display);letter-spacing:-.08em}.editorial-top>span:last-child{text-align:right}.editorial-portrait{position:absolute;top:19%;left:25%;width:48%;height:63%;box-shadow:25px 30px 70px #0e090955;transform:rotate(-6deg);transition:transform .9s var(--ease)}.editorial-portrait svg{width:100%;height:100%;object-fit:cover}.project-card:hover .editorial-portrait{transform:rotate(-2deg) scale(1.04)}.editorial-bigtext{position:absolute;top:47%;left:7%;font:700 clamp(93px,13vw,230px)/.73 var(--display);letter-spacing:-.11em;color:#f1e8d7;text-shadow:5px 6px 20px #0b0b0b39;transform:translateY(0);transition:transform .8s var(--ease)}.project-card:hover .editorial-bigtext{transform:translateY(-13px)}.editorial-bigtext span{color:var(--coral)}.editorial-footer{position:absolute;bottom:26px;left:48px;right:100px;border-top:1px solid #ffffff77;padding-top:12px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em}
.resos-visual{background:#b9c3ff}.resos-orb{position:absolute;border-radius:50%;filter:blur(25px);pointer-events:none}.orb-a{background:#8da5ff;width:420px;height:420px;top:-20%;right:-15%}.orb-b{background:#dbe4ff;width:480px;height:480px;bottom:-35%;left:-12%}.resos-app{position:absolute;left:10%;top:17%;width:82%;height:72%;border-radius:12px;display:flex;background:#f8f9fd;box-shadow:20px 32px 90px #303b7463;transform:perspective(1100px) rotateY(-8deg) rotateX(6deg) rotateZ(-3deg);transition:transform .8s var(--ease);overflow:hidden}.project-card:hover .resos-app{transform:perspective(1100px) rotateY(-2deg) rotateX(0) rotateZ(0) translateY(-10px)}.resos-sidebar{background:#111a32;width:60px;min-width:60px;display:flex;align-items:center;flex-direction:column;padding:20px 10px;gap:22px}.resos-logo{color:white;font:700 23px var(--display)}.resos-logo span{color:#99aaff;font-size:13px}.resos-menu-active{width:35px;height:30px;border-radius:6px;background:#6174da}.resos-menu-line{width:24px;height:5px;background:#66718c;border-radius:5px}.resos-menu-line.shorter{width:17px}.resos-menu-footer{margin-top:auto;color:#8991af}.resos-content{padding:27px 34px;min-width:0;flex:1;color:#202943}.resos-topline{font:12px var(--display);display:flex;justify-content:space-between;gap:10px}.resos-topline b{font-weight:400;color:#8490a3}.resos-topline i{display:inline-grid;place-items:center;margin-left:12px;width:25px;height:25px;background:#dce3fb;border-radius:50%;font:9px var(--mono)}.resos-headline{font:600 clamp(25px,3vw,48px)/1.05 var(--display);letter-spacing:-.07em;margin:40px 0 20px}.resos-headline span{color:#5c75fe}.resos-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.resos-metrics>div{border:1px solid #e3e7f1;border-radius:9px;padding:15px 12px;background:#fff;display:flex;flex-direction:column}.resos-metrics small{font:8px var(--mono);color:#8690a4;white-space:nowrap}.resos-metrics strong{font:600 clamp(24px,3vw,38px) var(--display);letter-spacing:-.05em}.resos-metrics strong span{font-size:.6em}.metric-mini{color:#668a7c;font:8px var(--mono)}.resos-chart{margin-top:15px;background:#fff;border:1px solid #e3e7f1;border-radius:10px;padding:14px;height:145px;overflow:hidden}.chart-copy{display:flex;justify-content:space-between;font:600 12px var(--display)}.chart-copy small{font:8px var(--mono);color:#8c91a0}.resos-chart svg{display:block;width:100%;height:110px}
.cirvo-visual{background:radial-gradient(ellipse at 70% 60%,#aa8bd9,#594c95 44%,#271d5a 82%)}.cirvo-rings{position:absolute;left:39%;top:9%;width:55%;aspect-ratio:1}.cirvo-rings span{position:absolute;inset:0;border:1px solid #efe0ffa6;border-radius:50%;transform:rotateX(58deg);animation:coreFloat 8s ease-in-out infinite}.cirvo-rings span:nth-child(2){inset:12%;animation-delay:-2s}.cirvo-rings span:nth-child(3){inset:25%;animation-delay:-4s}.cirvo-wordmark{position:absolute;font:600 clamp(65px,8.5vw,150px)/.9 var(--display);letter-spacing:-.08em;left:7%;top:25%;text-shadow:2px 7px 35px #1f0e4a66;z-index:2}.cirvo-wordmark em{font:normal .95em var(--serif);letter-spacing:-.03em;color:#ebebc9}.cirvo-phone{position:absolute;z-index:3;right:11%;top:14%;width:255px;height:520px;background:#f7f5f2;border:8px solid #241c39;border-radius:42px;padding:39px 18px 20px;color:#291d4d;box-shadow:13px 29px 45px #1d10366e;transform:rotate(9deg);transition:transform .8s var(--ease)}.project-card:hover .cirvo-phone{transform:rotate(2deg) translateY(-12px)}.phone-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#2b2440;width:70px;height:16px;border-radius:20px}.phone-top{display:flex;justify-content:space-between;font:700 20px var(--display)}.phone-top>span:nth-child(2){font-size:25px}.cirvo-star{color:#f6806c}.phone-greeting{font:600 31px/.98 var(--display);letter-spacing:-.07em;margin:38px 0 22px}.phone-greeting em{font:normal 1.25em var(--serif);color:#8465ac}.phone-card{background:linear-gradient(135deg,#d5a8e6,#a995df);border-radius:19px;padding:22px 14px;position:relative;box-shadow:0 13px 25px #6d55a13b}.phone-avatar{height:92px;width:92px;background:linear-gradient(135deg,#f8d8c9,#ef7a71);color:#7d3551;border-radius:50%;display:grid;place-items:center;font:700 60px var(--serif);margin:0 auto 12px}.phone-name{font:700 19px var(--display)}.phone-name span{font:8px var(--mono);background:#fff8;padding:5px;border-radius:50px;vertical-align:3px}.phone-card p{font-size:10px;line-height:1.5;margin-bottom:0}.phone-heart{position:absolute;right:10px;bottom:20px;background:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#f47789}.phone-nav{display:flex;justify-content:space-around;align-items:center;font-size:22px;margin-top:20px;color:#8f83a8}
.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:12% 1fr 75px;gap:20px;align-items:start;padding:42px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.service-row:hover{padding-left:22px;background:#ffffff07}.service-index{color:var(--acid);padding-top:14px}.service-row h3{font:600 clamp(38px,4.6vw,76px)/1 var(--display);letter-spacing:-.068em;margin:0 0 14px}.service-row p{color:#b4b4ad;line-height:1.5;max-width:620px;margin:0;font-size:15px}.service-icon{width:61px;height:61px;border:1px solid #858580;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:background .3s,transform .4s,color .3s}.service-row:hover .service-icon{background:var(--acid);border-color:var(--acid);color:#131313;transform:rotate(45deg)}
.lab{background:#e8e9dd;color:#111513}.lab .section-kicker{color:#4e5b4e}.lab .section-title{color:#131711}.lab .serif-italic{color:#476930}.lab .section-heading-copy{color:#5f665d}.lab .kicker-index{color:#687065}.lab-layout{display:grid;grid-template-columns:.65fr 1.35fr;min-height:640px;border:1px solid #282d252d}.lab-controls{padding:46px;display:flex;flex-direction:column;border-right:1px solid #282d252d}.lab-top{display:flex;justify-content:space-between;align-items:center;color:#4a564e}.lab-pulse{width:12px;height:12px;background:#7cb544;border-radius:50%;box-shadow:0 0 0 6px #7cb54422;animation:pulseDot 2s infinite}.lab-controls h3{font:600 clamp(42px,4.2vw,66px)/.98 var(--display);letter-spacing:-.07em;margin:75px 0 15px}.lab-controls h3 em{font:normal 1.2em var(--serif);letter-spacing:-.025em;color:#477137}.lab-controls>p{font-size:16px;line-height:1.6;max-width:360px;color:#666d62;margin-bottom:40px}.lab-options{margin-top:auto}.lab-option{border:0;border-top:1px solid #b8c0b4;background:none;color:#343d32;width:100%;padding:19px 3px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:11px var(--mono);letter-spacing:.05em;transition:padding .3s,background .3s}.lab-option:last-child{border-bottom:1px solid #b8c0b4}.lab-option:hover,.lab-option.selected{padding-inline:13px;background:#111713;color:#f8f8ef}.lab-option>span:first-child{display:flex;align-items:center;gap:12px}.swatch{width:16px;height:16px;border-radius:50%;display:block;border:1px solid #555}.swatch-electric{background:#dfef4a}.swatch-editorial{background:#c6aa8a}.swatch-minimal{background:#f0f1ee}.lab-note{color:#74796e;margin-top:32px;font-size:9px}.lab-stage{padding:26px;background:#272c28;display:flex;flex-direction:column;transition:background .6s}.browser-chrome{background:#19201c;min-height:41px;color:#c6c9c2;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-radius:10px 10px 0 0;font:10px var(--mono)}.browser-dots{display:flex;gap:6px}.browser-dots i{width:7px;height:7px;background:#626d61;border-radius:50%}.browser-dots i:first-child{background:#d77c6c}.browser-dots i:nth-child(2){background:#dbc26f}.browser-dots i:nth-child(3){background:#7dae80}.browser-url{border:1px solid #ffffff2b;padding:5px 27px;border-radius:7px;color:#858f86}.lab-demo{background:#dcfc46;position:relative;min-height:515px;overflow:hidden;flex:1;color:#10170b;transition:background .65s,color .65s;isolation:isolate}.demo-top{padding:25px 33px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.demo-brand{font:700 31px var(--display);letter-spacing:-.08em}.demo-brand span{font-size:15px}.demo-menu{border:1px solid currentColor;border-radius:30px;padding:8px 15px;font:11px var(--mono)}.demo-grid{position:absolute;inset:0;background-image:linear-gradient(#00000016 1px,transparent 1px),linear-gradient(90deg,#00000016 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);transition:opacity .5s}.demo-art{position:absolute;right:8%;top:16%;width:43%;aspect-ratio:1;z-index:0;animation:coreFloat 7s ease-in-out infinite}.demo-art span{position:absolute;inset:0;border-radius:42% 58% 51% 49%;background:radial-gradient(circle at 37% 27%,#fa8067 1%,#914dff 44%,#2929d1 70%);box-shadow:inset -26px -28px 35px #17044299,20px 26px 38px #13131330;transform:rotate(18deg);transition:all .65s}.demo-art span:nth-child(2){inset:13%;transform:rotate(71deg) translateX(32%);filter:hue-rotate(40deg)}.demo-art span:nth-child(3){inset:25%;transform:rotate(-38deg) translateX(-25%);filter:hue-rotate(70deg)}.demo-art span:nth-child(4){inset:42%;transform:rotate(56deg) translateX(80%);filter:hue-rotate(120deg)}.demo-copy{position:absolute;z-index:2;left:6%;right:6%;top:27%;display:flex;flex-direction:column;align-items:flex-start}.demo-label{font:11px var(--mono);letter-spacing:.07em}.demo-copy strong{font:700 clamp(43px,5vw,83px)/.88 var(--display);letter-spacing:-.085em;max-width:600px;margin:23px 0 34px}.demo-copy em{font:normal 1.04em var(--serif);letter-spacing:-.01em}.demo-action{display:flex;gap:35px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:8px;font:11px var(--mono)}.demo-action b{font-size:20px}.demo-bottom{position:absolute;bottom:19px;left:33px;right:33px;display:flex;justify-content:space-between;font:9px var(--mono)}.lab-stage-footer{display:flex;justify-content:space-between;gap:20px;color:#ccd1c8;padding-top:17px;font-size:9px}.lab-stage[data-style="editorial"]{background:#584b41}.lab-stage[data-style="editorial"] .browser-chrome{background:#2d2824}.lab-stage[data-style="editorial"] .lab-demo{background:#d9c4ac;color:#2b251f}.lab-stage[data-style="editorial"] .demo-grid{opacity:.15}.lab-stage[data-style="editorial"] .demo-art{transform:rotate(-14deg) scale(1.15)}.lab-stage[data-style="editorial"] .demo-art span{border-radius:50% 30% 50% 23%;background:linear-gradient(135deg,#a67760,#d0b59c 30%,#4c3d39 63%,#29201d);box-shadow:12px 23px 36px #32251e50}.lab-stage[data-style="editorial"] .demo-brand{font-family:var(--serif);letter-spacing:-.05em;font-size:35px}.lab-stage[data-style="editorial"] .demo-copy strong{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;font-size:clamp(54px,5.4vw,87px);line-height:.91}.lab-stage[data-style="minimal"]{background:#aab4bd}.lab-stage[data-style="minimal"] .browser-chrome{background:#333b44}.lab-stage[data-style="minimal"] .lab-demo{background:#f1f3f4;color:#0f1a29}.lab-stage[data-style="minimal"] .demo-grid{opacity:.08}.lab-stage[data-style="minimal"] .demo-art{transform:rotate(20deg) scale(.72)}.lab-stage[data-style="minimal"] .demo-art span{border-radius:50%;background:linear-gradient(135deg,#e8f0fd,#65758c);box-shadow:10px 17px 25px #13223830}.lab-stage[data-style="minimal"] .demo-copy strong{font-weight:500;letter-spacing:-.08em}
.manifesto{overflow:hidden;background:#d1fa57;color:#0f1308}.manifesto .section-kicker{color:#293d13}.manifesto .kicker-icon{color:#1f2e16}.manifesto-lead{font:600 clamp(38px,5.2vw,94px)/.99 var(--display);letter-spacing:-.075em;margin:95px 0 15px}.manifesto-payoff{font:700 clamp(56px,8vw,150px)/.91 var(--display);letter-spacing:-.085em;margin:0 0 90px}.manifesto-payoff span{font:normal 1.06em var(--serif);letter-spacing:-.05em}.manifesto .period{color:#4e681a}.manifesto-bottom{border-top:1px solid #15180c55;padding-top:24px;display:flex;align-items:center;justify-content:space-between}.manifesto-bottom>span:last-child{font-size:70px;animation:slowSpin 18s linear infinite}
.contact{padding-bottom:150px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:11%;align-items:start;margin-top:75px}.availability{color:var(--acid)}.contact-main h2{font:700 clamp(65px,8.5vw,148px)/.9 var(--display);letter-spacing:-.095em;margin:42px 0 34px}.contact-main h2 em{font:normal 1.01em var(--serif);letter-spacing:-.028em;color:var(--acid)}.contact-subtitle{font-size:19px;line-height:1.55;color:#adada7;max-width:510px}.contact-github{display:inline-flex;align-items:center;justify-content:space-between;gap:85px;padding:16px 20px 16px 25px;background:var(--acid);border-radius:70px;color:#111;font:12px var(--mono);margin-top:42px;transition:background .3s}.contact-github:hover{background:#f2ffc1}.contact-github span{font-size:30px}.brief-builder{background:#1a1c1e;border:1px solid #ffffff23;padding:37px}.brief-head{display:flex;justify-content:space-between;align-items:center;color:#b9b8ad}.brief-head>span:last-child{color:var(--acid);font-size:32px}.brief-builder h3{font:600 clamp(45px,4.5vw,72px)/.95 var(--display);letter-spacing:-.07em;margin:35px 0 33px}.brief-builder h3 em{font:normal 1.2em var(--serif);color:var(--acid)}.brief-group{border:0;padding:0;margin:0 0 29px;min-width:0}.brief-group legend{font:10px var(--mono);color:#b5b6ad;letter-spacing:.03em;margin-bottom:15px}.choice-wrap{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid #ffffff38;border-radius:50px;padding:10px 13px;background:transparent;color:#aaa;font:10px var(--mono);cursor:pointer;transition:background .25s,border-color .25s,color .25s}.choice:hover{color:#fff;border-color:#fff8}.choice.active{background:var(--acid);border-color:var(--acid);color:#10110e}.copy-brief{width:100%;border:0;background:var(--acid);padding:18px 19px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:12px var(--mono);color:#0c0d10;margin-top:38px;transition:background .3s}.copy-brief:hover{background:#f1ffb4}.copy-brief span:last-child{font-size:22px}.brief-hint{font-size:12px;color:#a2a398;line-height:1.4;margin-bottom:0}.footer{background:#151719;padding:48px 0 26px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:1px solid var(--line);padding-bottom:50px}.footer-wordmark{font:700 clamp(90px,17vw,300px)/.65 var(--display);letter-spacing:-.13em}.footer-wordmark span{font-size:.25em;color:var(--acid);vertical-align:top;letter-spacing:0;padding-left:20px}.footer-top>.mono{color:#95988d}.footer-bottom{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:27px;font:10px var(--mono);color:#8f908a}.footer-bottom>div{display:flex;gap:28px}.footer-bottom a:hover{color:var(--acid)}.toast{position:fixed;bottom:25px;right:25px;background:var(--acid);color:#10110e;padding:16px 21px;font:12px var(--mono);z-index:200;transform:translateY(150px);opacity:0;transition:transform .5s var(--ease),opacity .4s;pointer-events:none}.toast.visible{transform:translateY(0);opacity:1}
html.has-js .reveal{opacity:0;transform:translateY(46px);transition:opacity .85s var(--ease),transform .85s var(--ease)}html.has-js .reveal.in-view{opacity:1;transform:translateY(0)}html.has-js .hero-line>span,html.has-js .hero-line>em{transform:translateY(110%);transition:transform 1.25s var(--ease)}html.has-js .hero.is-ready .hero-line>span,html.has-js .hero.is-ready .hero-line>em{transform:translateY(0)}.hero-line:nth-child(2)>span{transition-delay:.13s!important}.hero-line:nth-child(3)>span,.hero-line:nth-child(3)>em{transition-delay:.25s!important}
@keyframes orbit{0%{transform:rotate(0deg) rotateY(70deg) rotateX(30deg)}100%{transform:rotate(360deg) rotateY(70deg) rotateX(30deg)}}@keyframes orbitReverse{0%{transform:rotate(360deg) rotateY(45deg) rotateX(-54deg)}100%{transform:rotate(0deg) rotateY(45deg) rotateX(-54deg)}}@keyframes coreFloat{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 13px currentColor}50%{opacity:.6;box-shadow:0 0 3px currentColor}}@keyframes slowSpin{to{transform:rotate(360deg)}}
@media(min-width:1050px){.desktop-nav{margin-right:auto}.brand{margin-right:auto}.site-header .header-cta{margin-left:auto}}
@media(max-width:1250px){.page-width{width:min(100% - 60px,1550px)}.site-header{padding-inline:30px}.desktop-nav{gap:22px}.hero-title{font-size:clamp(62px,8.6vw,120px)}.hero-sculpture{right:3%;width:40vw;top:36%}.intro-layout{gap:35px}.editorial-bigtext{font-size:15vw}.resos-app{width:90%;left:5%}.project-visual{height:540px}.lab-controls{padding:32px}.lab-layout{grid-template-columns:.75fr 1.25fr}}
@media(max-width:900px){.page-width{width:min(100% - 44px,1550px)}.section-pad{padding-block:90px}.site-header{padding:0 22px;height:76px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;position:relative;z-index:105;width:46px;height:46px;border:1px solid #ffffff50;border-radius:50%;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}.menu-toggle span{display:block;background:#f7f6ed;width:21px;height:2px;transition:transform .3s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{visibility:visible;position:fixed;inset:0;background:#d1fa57;color:#12170c;display:flex;flex-direction:column;justify-content:center;padding:100px 6vw 45px;z-index:99;transform:translateY(-105%);transition:transform .7s var(--ease)}.mobile-menu.open{transform:translateY(0)}.mobile-menu>a{display:flex;justify-content:space-between;border-bottom:1px solid #1116;padding:17px 0;font:600 clamp(38px,8vw,78px) var(--display);letter-spacing:-.07em}.mobile-menu>a span{font:14px var(--mono);margin-top:20px}.mobile-menu p{font:11px var(--mono);margin-top:35px}.hero{min-height:800px;min-height:100svh;padding-top:75px}.hero-inner{padding-top:40px}.hero-title{font-size:clamp(45px,10vw,98px);letter-spacing:-.08em}.hero-line.title-last{font-size:.71em}.hero-sculpture{width:50vw;top:42%;right:3%}.hero-bottom{margin-top:65px}.hero-description{max-width:410px}.intro-layout{grid-template-columns:1fr;gap:35px}.intro-side{max-width:600px}.statement-bar{margin-top:85px;flex-wrap:wrap}.section-heading-row{flex-direction:column;align-items:start;gap:23px}.section-heading-copy{max-width:570px}.work-grid{grid-template-columns:1fr;gap:56px}.project-card:nth-child(3){grid-column:auto}.project-card:nth-child(3) .project-visual{height:600px}.project-visual{height:620px}.editorial-bigtext{font-size:18vw}.lab-layout{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid #282d252d}.lab-controls h3{margin:30px 0 12px}.lab-controls>p{margin-bottom:25px}.lab-stage{min-height:590px}.contact-layout{grid-template-columns:1fr;gap:70px}.brief-builder{max-width:700px}.footer-top{flex-direction:column;align-items:start}.footer-wordmark{font-size:25vw}}
@media(max-width:600px){.page-width{width:min(100% - 36px,1550px)}.section-pad{padding-block:75px}.brand-mark{width:34px;height:34px}.brand-type{font-size:24px}.brand-type small{font-size:7px}.site-header{height:68px;padding:0 18px}.site-header.scrolled{height:65px}.hero{min-height:780px;min-height:100svh;padding-top:68px;align-items:flex-start}.hero-inner{padding-top:60px;padding-bottom:210px}.hero-meta{margin-bottom:47px}.hero-edition{display:none}.badge-outline{font-size:9px;padding:10px 12px}.hero-title{font-size:clamp(40px,10.9vw,72px);letter-spacing:-.092em;line-height:.97}.hero-line{overflow:visible;white-space:nowrap}.hero-line.title-last{font-size:.65em;margin-top:10px}.hero-line.title-last>em{padding-right:.1em}.hero-bottom{margin-top:37px;align-items:start}.hero-description{gap:13px;max-width:330px}.asterisk{font-size:27px}.hero-description p{font-size:14px;line-height:1.5}.hero-scroll{position:absolute;top:calc(100% + 25px);left:35px;gap:30px}.hero-scroll-text{font-size:9px}.down-arrow{font-size:45px}.hero-sculpture{width:270px;right:-50px;top:auto;bottom:30px;opacity:.7}.hero-footer{bottom:13px}.hero-footer .mono{font-size:8px}.hero-coordinate{display:none}.ticker-wrap{height:53px}.ticker-track>span{font-size:18px}.ticker-track i{padding:0 15px}.section-kicker{font-size:9px}.kicker-icon{font-size:19px}.intro-layout{padding-top:43px}.intro-heading{font-size:clamp(42px,9vw,67px)}.intro-cross{font-size:43px;margin-bottom:15px}.intro-side p{font-size:15px}.statement-bar{gap:12px;justify-content:flex-start;font-size:9px;margin-top:70px}.statement-bar strong{font-size:14px}.section-heading-row{padding-block:43px}.section-title{font-size:clamp(51px,12vw,90px)}.section-heading-copy{font-size:15px}.work-grid{gap:43px}.project-visual{height:440px}.project-card:nth-child(3) .project-visual{height:480px}.case-toolbar{font-size:8px;left:16px;right:16px;top:17px}.project-caption{align-items:start;flex-direction:column}.project-caption h3{font-size:31px}.project-caption p{font-size:13px}.project-pill{font-size:9px}.editorial-ui{padding:70px 21px 30px}.editorial-top>span:first-child{font-size:15px}.editorial-top>span:last-child{font-size:8px}.editorial-portrait{left:21%;width:62%;top:22%;height:61%}.editorial-bigtext{font-size:22vw;top:49%;left:4%}.editorial-footer{left:20px;right:80px;bottom:22px;font-size:7px}.resos-app{width:95%;left:2.5%;top:21%;height:60%;transform:perspective(950px) rotateY(-5deg) rotateX(6deg) rotateZ(-3deg)}.resos-sidebar{width:40px;min-width:40px;padding:18px 8px;gap:14px}.resos-logo{font-size:17px}.resos-menu-active{width:26px}.resos-menu-line{width:18px}.resos-content{padding:18px 10px}.resos-topline{font-size:8px}.resos-topline i{width:18px;height:18px;margin-left:5px}.resos-headline{font-size:24px;margin:21px 0 12px}.resos-metrics>div{padding:9px 5px}.resos-metrics small,.metric-mini{font-size:6px}.resos-metrics strong{font-size:22px}.resos-chart{padding:7px;height:92px}.resos-chart svg{height:70px}.chart-copy{font-size:9px}.chart-copy small{font-size:6px}.cirvo-wordmark{font-size:12.5vw;left:5%;top:22%}.cirvo-phone{width:195px;height:394px;padding:32px 11px 11px;right:5%;top:13%;border-radius:30px;border-width:6px}.phone-top{font-size:16px}.phone-greeting{font-size:25px;margin:22px 0 14px}.phone-card{padding:11px}.phone-avatar{width:65px;height:65px;font-size:46px}.phone-name{font-size:14px}.phone-name span{font-size:6px}.phone-card p{font-size:8px}.phone-heart{width:26px;height:26px;bottom:15px}.phone-nav{font-size:17px;margin-top:12px}.work-disclaimer{font-size:8px;text-align:left;margin-top:45px;line-height:1.5}.service-row{grid-template-columns:30px 1fr 40px;gap:10px;padding:30px 0}.service-row h3{font-size:clamp(30px,8vw,47px)}.service-row p{font-size:13px}.service-index{font-size:9px}.service-icon{width:36px;height:36px;font-size:20px}.lab-controls{padding:24px}.lab-controls h3{font-size:45px}.lab-controls>p{font-size:14px}.lab-stage{padding:9px;min-height:500px}.browser-chrome{padding:0 9px;min-height:32px}.browser-url{font-size:7px;padding:3px 10px}.lab-demo{min-height:440px}.demo-top{padding:18px}.demo-brand{font-size:23px}.demo-menu{font-size:8px;padding:6px 8px}.demo-copy{top:28%}.demo-label{font-size:8px}.demo-copy strong{font-size:clamp(37px,10vw,70px)}.demo-art{width:57%;right:0;top:22%}.demo-action{font-size:8px;gap:14px}.demo-bottom{left:13px;right:13px;font-size:6px}.lab-stage-footer{font-size:7px;line-height:1.4}.lab-stage-footer>span:last-child{max-width:58%;text-align:right}.manifesto-lead{font-size:7.1vw;margin-top:60px}.manifesto-payoff{font-size:10.5vw;margin-bottom:55px}.manifesto-bottom>span:last-child{font-size:50px}.contact-layout{margin-top:45px;gap:48px}.contact-main h2{font-size:clamp(62px,13vw,110px)}.contact-subtitle{font-size:16px}.contact-github{margin-top:25px}.brief-builder{padding:24px}.brief-builder h3{font-size:50px}.choice{font-size:9px;padding:9px 10px}.footer{padding-top:35px}.footer-top{padding-bottom:40px}.footer-top>.mono{font-size:9px}.footer-bottom{font-size:9px;gap:20px}.toast{left:15px;right:15px;bottom:15px;text-align:center}}
@media(hover:none),(pointer:coarse){.pointer-halo{display:none}.project-hover-spotlight{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.has-js .reveal{opacity:1;transform:none}html.has-js .hero-line>span,html.has-js .hero-line>em{transform:none}}

/* 2026 AW monogram identity — responsive header lockup */
.site-header .brand{max-width:260px;flex-shrink:0}
.site-header .brand-logo{display:block;height:57px;width:auto;max-width:100%;object-fit:contain}
@media(max-width:600px){.site-header .brand{max-width:175px}.site-header .brand-logo{height:45px}}

/* Awe Concepts — pricing */
.pricing-section{position:relative;isolation:isolate}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:50px}
.pricing-card{display:flex;flex-direction:column;min-width:0;min-height:400px;border:1px solid rgba(241,239,232,.2);border-radius:5px;padding:clamp(22px,2.5vw,42px);background:linear-gradient(150deg,#181b1a,#0b0d10);transition:border-color .25s,transform .25s}
.pricing-card:hover{transform:translateY(-4px);border-color:rgba(209,250,87,.65)}
.pricing-featured{border-color:rgba(209,250,87,.6);background:linear-gradient(150deg,#25301b,#0e1310)}
.pricing-label{color:var(--acid)}
.pricing-card h3{font:600 clamp(22px,2.1vw,34px)/1.08 var(--display);letter-spacing:-.04em;margin:24px 0 0}
.pricing-price{font:700 clamp(68px,6.3vw,104px)/1 var(--display);letter-spacing:-.09em;margin:25px 0 20px;color:var(--ink)}
.pricing-price>span:first-child{font-size:.42em;vertical-align:top;display:inline-block;letter-spacing:-.04em;margin-top:.16em;margin-right:5px;color:var(--acid)}
.pricing-price .pricing-plus{font-size:.56em;color:var(--acid);letter-spacing:0}
.pricing-price.pricing-custom{font-size:clamp(30px,3.25vw,55px);line-height:1.15;letter-spacing:-.055em;overflow-wrap:normal}
.pricing-detail{color:var(--muted);font-size:clamp(14px,1.1vw,16px);line-height:1.65;margin:0 0 32px;max-width:35ch}
.pricing-action{margin-top:auto;border-top:1px solid rgba(241,239,232,.22);padding-top:22px;display:flex;gap:12px;align-items:center;justify-content:space-between;font:500 11px var(--mono);letter-spacing:.025em;color:var(--acid)}
.pricing-action:hover,.pricing-action:focus-visible{text-decoration:underline;text-underline-offset:4px}
.pricing-action span{font-size:20px}
.pricing-fineprint{color:var(--muted);line-height:1.8;margin:28px 0 0;max-width:100ch}
@media(max-width:950px){.pricing-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.pricing-card{min-height:300px;padding:28px}.pricing-price{margin:18px 0}.pricing-detail{max-width:66ch}.pricing-action{margin-top:auto}}
@media(max-width:480px){.pricing-card{padding:23px;min-height:320px}.pricing-price{font-size:75px}.pricing-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pricing-card{transition:none}.pricing-card:hover{transform:none}}

/* Measured Lighthouse contrast repairs, retaining each existing surface. */
body .kicker-index{color:#92958e}
body .resos-topline span b,body .resos-metrics>div small,body .chart-copy small{color:#596378}
body .resos-metrics .metric-mini{color:#486b5c}
body .lab .kicker-index,body .lab-controls p,body .lab-controls>.mono{color:#555d50}

/* Keep branded SVG wordmarks legible on contrasting page sections. */
img[src*="/assets/brand/awe-concepts-dark.svg"],
img[src*="/assets/brand/awe-express-dark.svg"]{background-color:#0c0d10;border-radius:4px;padding:3px;box-sizing:border-box}
img[src*="/assets/brand/awe-concepts-light.svg"],
img[src*="/assets/brand/awe-express-light.svg"]{background-color:#f1efe8;border-radius:4px;padding:3px;box-sizing:border-box}

/* 2026 approved AWE geometric identity: high contrast without forced dark/light logo backplates. */
.site-header .brand-logo{display:block;object-fit:contain;width:min(220px,100%);height:auto;max-height:60px}
.footer-top .footer-wordmark{display:inline-flex;max-width:min(100%,540px);align-items:center;line-height:1}
.footer-top .footer-wordmark img{display:block;width:clamp(220px,37vw,500px);height:auto;max-width:100%}
@media(max-width:600px){.site-header .brand-logo{max-height:45px;width:min(168px,100%)}.footer-top .footer-wordmark img{width:min(78vw,340px)}}

/* Mobile navigation logo: transparent mark, no oversized black plaque. */
@media(max-width:900px){
  .site-header .brand{flex:0 1 auto;max-width:min(48vw,190px);min-width:0}
  .site-header .brand-logo{display:block;width:100%;height:auto;max-height:48px;object-fit:contain;object-position:left center;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
  body.menu-open .site-header{background:#283615;border-bottom-color:#ffffff25}
  body.menu-open .site-header .brand-logo{filter:none}
}
@media(max-width:600px){.site-header .brand{max-width:min(46vw,170px)}.site-header .brand-logo{max-height:43px}}


/* Center the desktop navigation independently of the brand and CTA widths. */
@media (min-width: 901px) {
  .site-header .brand { flex: 0 0 auto; margin-right: 0; }
  .site-header .desktop-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    gap: clamp(18px, 2.8vw, 46px);
    white-space: nowrap;
    justify-content: center;
  }
  .site-header .header-cta { margin-left: auto; }
}

/* Contact CTAs: deliberate spacing instead of two touching inline pills.
   Wrap naturally in the left column; keep usable touch targets on phones. */
.contact-main .contact-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:20px 24px;
  margin-top:42px;
  max-width:100%;
}
.contact-main .contact-actions .contact-github{
  margin:0;
  min-width:0;
  max-width:100%;
  gap:clamp(22px,3vw,62px);
}
@media(max-width:700px){
  .contact-main .contact-actions{gap:14px;margin-top:25px}
  .contact-main .contact-actions .contact-github{width:100%;min-height:54px}
}

.project-dialog{width:min(860px,calc(100% - 40px));max-height:90dvh;padding:0;background:#1b1d20;color:#f2f0e7;border:1px solid #ffffff3d;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 120px #000b}.project-dialog::backdrop{background:#050606dc;backdrop-filter:blur(12px)}.project-dialog[open]{animation:caseAppear .5s cubic-bezier(.19,1,.22,1) both}.case-sheet-top{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #fff3;position:sticky;top:0;background:#1b1d20;z-index:3}.case-sheet-top span{font:10px var(--mono);color:#c7c6bd}.case-close{border:1px solid #fff8;border-radius:50%;width:42px;height:42px;background:none;color:inherit;cursor:pointer;font-size:26px;line-height:1}.case-close:hover{background:var(--acid);color:#111}.case-details{padding:35px 42px 40px}.case-stage{display:inline-block;border:1px solid #b7ca86;color:var(--acid);padding:10px 13px;border-radius:40px;font:10px var(--mono)}.case-details h2{font:600 clamp(50px,7vw,96px)/.95 var(--display);letter-spacing:-.07em;margin:32px 0}.case-summary{font-size:clamp(22px,2.5vw,30px);line-height:1.4;letter-spacing:-.03em;margin:0 0 35px;max-width:650px}.case-twin{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:27px}.case-twin p{font-size:14px;line-height:1.75;color:#bec0b8}.case-twin h3{font:10px var(--mono);color:var(--acid);letter-spacing:.07em;margin:0 0 15px}.case-capabilities{border-top:1px solid var(--line);padding-top:22px;margin-top:18px}.case-capabilities ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.case-capabilities li{border:1px solid #fff5;padding:10px 14px;border-radius:60px;font:10px var(--mono)}.case-note{font:11px/1.8 var(--mono);color:#aaaf9e;margin:25px 0 0}.case-foot{padding:25px 30px;background:var(--acid);color:#111;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.case-foot a{font:500 20px var(--display);letter-spacing:-.04em;border-bottom:1px solid #111;padding-bottom:6px}.case-foot button{border:0;background:none;cursor:pointer;font:11px var(--mono);color:#111;padding:10px 0}.case-open{overflow:hidden}@keyframes caseAppear{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.project-dialog{width:calc(100% - 20px);max-height:94dvh}.case-sheet-top{padding:17px}.case-sheet-top span{font-size:8px}.case-details{padding:25px 21px}.case-details h2{font-size:50px;overflow-wrap:anywhere}.case-twin{grid-template-columns:1fr;gap:15px}.case-summary{font-size:23px}.case-stage{font-size:8px}.case-foot{padding:20px}.case-foot a{font-size:18px}}@media(prefers-reduced-motion:reduce){.project-dialog[open]{animation:none}}

/* Electric editorial: a small studio with a deliberately expansive visual range. */
.spark{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0}.brand-type{font-size:23px;letter-spacing:-.06em;white-space:nowrap}.brand-type small{letter-spacing:.08em;font-size:7px}.brand-divider{font-weight:400;color:var(--acid);padding:0 2px}.hero{min-height:860px;min-height:max(780px,100svh);align-items:center;background:radial-gradient(ellipse at 82% 44%,#2b3020 0,transparent 45%),#0c0d10}.hero-inner{padding-top:55px;padding-bottom:110px;pointer-events:none}.hero-inner a,.hero-inner button{pointer-events:auto}.hero-meta{margin-bottom:64px}.hero-title{font-size:clamp(80px,9.8vw,169px);line-height:.86;max-width:75%}.hero-line{padding-bottom:.12em;letter-spacing:-.09em}.hero-line.title-last{font-size:.94em;letter-spacing:-.085em;margin-top:.01em}.hero-line>em{color:var(--acid);font-size:1.2em;line-height:.8}.hero-bottom{max-width:60%;margin-top:42px;gap:30px}.hero-description p{font-size:17px;max-width:380px}.hero-description .asterisk{font-size:30px}.hero-scroll{gap:14px}.hero-art{position:absolute;right:-3%;top:19%;width:49%;aspect-ratio:1;max-height:670px;z-index:2;isolation:isolate;touch-action:pan-y}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s}.hero-art.ready canvas{opacity:1}.art-fallback{position:absolute;inset:20%;transform:rotate(-30deg);transition:opacity .8s}.hero-art.ready .art-fallback{opacity:0}.art-fallback span{position:absolute;inset:0;border:28px solid var(--acid);border-radius:40%;transform:rotateX(50deg) rotateY(20deg);box-shadow:inset 5px 12px 15px #fff9,0 25px 40px #0008}.art-fallback span:nth-child(2){transform:rotateY(50deg) rotateZ(65deg)}.art-fallback span:nth-child(3){transform:rotateY(-50deg) rotateZ(-65deg)}.art-label{position:absolute;bottom:13%;right:15%;color:#a8ad98;font-size:9px}.art-controls{position:absolute;bottom:5%;right:15%;display:flex;gap:14px}.art-controls button{border:0;border-bottom:1px solid #788068;background:none;color:#c0c6b1;font:9px var(--mono);padding:10px 0;cursor:pointer}.art-controls button:hover,.art-controls button[aria-pressed=true]{color:var(--acid)}.art-cross{position:absolute;width:14px;height:14px;opacity:.5}.art-cross:before,.art-cross:after{content:'';position:absolute;background:#c4d1a3;left:50%;width:1px;height:100%}.art-cross:after{rotate:90deg}.cross-a{top:15%;left:18%}.cross-b{bottom:22%;right:10%}.section-pad{padding-block:110px}.intro-layout{grid-template-columns:1.4fr .7fr;gap:7%;padding-top:65px}.intro-side{max-width:440px}.intro-side p{font-size:17px}.intro-cross{font-size:44px}.statement-bar{margin-top:80px}.ticker-wrap{transform:rotate(-1.1deg);width:102%;margin-left:-1%}.project-card{cursor:default}.project-card .project-visual{cursor:default}.project-corner{background:#10101028;font-family:var(--display);cursor:pointer}.concept-grid{gap:45px 28px}.concept-grid .project-visual{height:560px}.project-orbit{grid-column:1/-1}.project-card:nth-child(3) .project-visual{height:560px}.product-grid .project-card:nth-child(2){grid-column:auto}.product-grid .project-visual{height:510px}.product-grid .cirvo-wordmark{font-size:clamp(40px,5vw,90px);top:25%}.product-grid .cirvo-phone{right:6%;top:16%;width:210px;height:425px;border-radius:34px;padding:32px 13px 14px}.product-grid .phone-greeting{margin:22px 0 15px;font-size:27px}.product-grid .phone-avatar{width:64px;height:64px;font-size:44px}.product-grid .phone-card{padding:14px}.product-grid .phone-name{font-size:17px}.product-grid .phone-nav{display:none}.product-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:100px 0 40px}.product-heading h3{font:500 clamp(32px,3.5vw,58px)/1.1 var(--display);letter-spacing:-.055em;margin:0;max-width:650px}.product-heading h3 em{font:normal 1.12em var(--serif);color:var(--acid)}.product-heading p{font-size:14px;line-height:1.7;max-width:320px;color:var(--muted);margin:0}.project-pill{font-size:8px;padding:8px 10px}.project-caption{align-items:start}.project-caption h3{font-size:33px}.project-caption p{line-height:1.5;max-width:350px;font-size:13px}.work-disclaimer{line-height:1.7}.coffee-visual{background:#7b281d}.coffee-preview{position:absolute;inset:0;color:#f6dcc3;overflow:hidden}.coffee-brand{position:absolute;left:7%;top:13%;font:500 27px var(--display);letter-spacing:-.06em}.coffee-brand span{font-size:10px;vertical-align:super}.coffee-disc{position:absolute;right:-10%;top:20%;width:80%;aspect-ratio:1;border:1px solid #e1ab6b75;border-radius:50%;background:radial-gradient(circle,#e0a65e55,transparent 65%)}.coffee-disc:before,.coffee-disc:after{content:'';position:absolute;inset:8%;border:1px solid #e1ab6b75;border-radius:50%}.coffee-disc:after{inset:16%}.coffee-cup{position:absolute;right:17%;top:30%;width:30%;height:35%;border-radius:8% 8% 38% 38%;background:linear-gradient(100deg,#b7b4a2,#ffeed5 30%,#e8d3b9 70%,#aa8f74);box-shadow:22px 28px 30px #2a090950;transform:rotate(15deg);transition:transform .7s var(--ease)}.coffee-cup:before{content:'';position:absolute;left:90%;top:15%;width:48%;height:48%;border:15px solid #e6d0b7;border-radius:30% 55% 55% 30%;z-index:-1}.coffee-cup:after{content:'';position:absolute;left:3%;right:3%;top:-5%;height:13%;background:radial-gradient(ellipse,#4d281d 50%,#36170f 52%,#ead8c1 58%);border-radius:50%;box-shadow:inset 0 3px 4px #0009}.coffee-cup span{color:#7b281d;font:600 clamp(22px,3vw,45px)/.85 var(--display);letter-spacing:-.08em;position:absolute;top:37%;left:18%}.coffee-preview strong{position:absolute;left:7%;bottom:18%;font:500 clamp(40px,4.8vw,77px)/.95 var(--display);letter-spacing:-.06em;text-shadow:0 2px 15px #772519}.coffee-preview strong em{font:normal 1.2em var(--serif);letter-spacing:-.03em}.coffee-preview-foot{font:8px var(--mono);position:absolute;bottom:6%;left:7%;letter-spacing:.04em}.project-coffee:hover .coffee-cup{transform:rotate(7deg) translateY(-10px)}.orbit-visual{background:#ced2db;color:#1a2436}.orbit-poster{position:absolute;left:5%;top:19%;width:40%}.orbit-poster>.mono{font-size:9px}.orbit-poster h3{font:500 clamp(35px,4.3vw,70px)/1 var(--display);letter-spacing:-.065em}.orbit-poster em{font:normal 1.2em var(--serif)}.orbit-preview{position:absolute;right:-2%;top:25%;width:57%;min-height:300px;background:#fbfaf7;border:1px solid #fff;border-radius:10px;box-shadow:0 20px 45px #131b3333;transform:perspective(1500px) rotateY(-8deg) rotateZ(3deg);transition:transform .7s}.project-orbit:hover .orbit-preview{transform:perspective(1500px) rotateY(0) rotateZ(0)}.orbit-nav{display:flex;gap:20px;align-items:center;padding:20px;border-bottom:1px solid #252d3922}.orbit-nav strong{font:500 21px var(--display);letter-spacing:-.04em}.orbit-nav>span:nth-child(2){font:7px var(--mono);margin-left:auto}.avatar-initial{border-radius:50%;background:#e2e6dc;padding:10px;font:9px var(--mono)}.orbit-preview-grid{display:grid;grid-template-columns:1fr 1fr;padding:25px;gap:25px}.orbit-preview-grid small{font:7px var(--mono)}.orbit-preview-grid h4{font:500 29px/1.05 var(--display);letter-spacing:-.06em;margin:18px 0}.orbit-bars{display:flex;align-items:end;gap:10px;height:80px}.orbit-bars i{flex:1;height:40%;background:#a7b1f7;border-radius:5px 5px 0 0}.orbit-bars i:nth-child(2n){height:80%;background:#5266ce}.orbit-bars i:nth-child(3n){height:60%}.orbit-bars i:last-child{height:100%;background:#253e5e}.orbit-list{display:flex;flex-direction:column;justify-content:center}.orbit-list>span{font-size:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #14273622;padding:17px 0}.orbit-list small{margin-left:18px;width:100%;color:#54636c}.task-dot{width:9px;height:9px;border:1px solid #5266ce;border-radius:50%}.lab-layout{grid-template-columns:.7fr 1.3fr}.lab-controls h3{margin-top:35px}.lab-controls{padding:30px}.lab-controls>p{font-size:14px;margin-bottom:25px}.lab-extra{margin-top:25px;border-top:1px solid #b8c0b4;padding-top:16px;display:grid;gap:16px}.lab-extra label{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono)}.lab-extra input[type=color]{width:36px;height:28px;padding:0;border:1px solid #0003;background:transparent;cursor:pointer}.lab-extra input[type=text],.lab-extra input:not([type]){width:65%;border:0;border-bottom:1px solid #a8b29e;background:transparent;padding:7px;color:#101b0d;min-width:0;font:12px var(--body)}.lab-extra input[type=range]{max-width:50%;accent-color:#233817}.lab-actions{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono)}.lab-actions button{font:inherit;border:0;background:transparent;color:#334e22;padding:12px 0;cursor:pointer}.lab-actions a{padding:12px 0;border-bottom:1px solid #233817}.lab-note{font-size:8px;margin-top:25px}.lab-demo{background:var(--lab-accent,#dcfc46)}.lab-stage[data-style=editorial] .lab-demo{background:var(--lab-accent,#d9c4ac)}.lab-stage[data-style=minimal] .lab-demo{background:var(--lab-accent,#f1f3f4)}.demo-copy strong{overflow-wrap:anywhere;font-size:clamp(35px,4.5vw,70px)}.lab-demo[data-motion='0'] .demo-art{animation-play-state:paused}.lab-demo[data-motion='2'] .demo-art{animation-duration:3s}.lab-stage[data-style=editorial] .demo-copy strong{font-size:clamp(40px,5vw,78px)}.demo-brand .spark{width:.6em}.demo-menu{background:none;cursor:pointer;color:inherit}.demo-copy .demo-action{background:none;color:inherit;cursor:pointer;border:0;border-bottom:1px solid currentColor;padding:0 0 8px}.lab-demo .demo-art{transition:transform .6s}.lab-demo.activated .demo-art{scale:1.2;rotate:90deg}.manifesto{padding-block:100px}.manifesto-lead{margin-top:65px}.manifesto-payoff{margin-bottom:65px}.contact-layout{gap:7%;grid-template-columns:1fr 1fr}.contact-main h2{font-size:clamp(55px,7vw,118px)}.contact-status{font-size:13px;line-height:1.6;border-left:2px solid var(--acid);padding-left:17px;color:#b8b9ac;max-width:430px;margin-top:30px}.contact-github[hidden],.copy-brief[hidden],[hidden]{display:none!important}.next-steps{padding:0;list-style:none;margin:55px 0 0;max-width:430px}.next-steps li{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.next-steps li>span{font:11px var(--mono);color:var(--acid)}.next-steps strong{font-weight:500;font-size:17px}.next-steps p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 0}.brief-builder{padding:32px;min-width:0}.brief-builder h3{margin:28px 0 30px;font-size:clamp(38px,4vw,65px)}.brief-progress{height:2px;background:#ffffff26;margin:20px 0}.brief-progress span{display:block;background:var(--acid);height:100%;width:33.333%;transition:width .5s}.brief-builder fieldset{border:0;padding:0;margin:25px 0;min-width:0}.brief-builder legend{font:500 18px var(--display);letter-spacing:-.03em;padding:0;margin-bottom:20px}.brief-builder label{display:block;font-size:12px;margin:23px 0 9px;color:#e3e2d7}.brief-builder label span{color:#a2a49c;font-size:10px}.brief-builder input,.brief-builder textarea,.brief-builder select{display:block;width:100%;min-width:0;padding:13px;background:#111316;color:#f1efe8;border:1px solid #ffffff30;border-radius:0;font:14px/1.5 var(--body)}.brief-builder textarea{resize:vertical;min-height:110px}.brief-builder input::placeholder,.brief-builder textarea::placeholder{color:#90938b}.brief-builder :is(input,textarea,select):focus-visible{outline:2px solid var(--acid);outline-offset:3px}.brief-builder .choice{font-size:11px;padding:10px 14px}.brief-builder pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--mono);padding:20px;background:#111316;border:1px solid #fff2;max-height:320px;overflow:auto;color:#d8dcce}.brief-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.brief-navigation button,.brief-export button{background:none;border:1px solid #fff4;color:#eee;padding:14px 18px;font:11px var(--mono);cursor:pointer}.brief-navigation #brief-next{background:var(--acid);color:#111;border-color:var(--acid);margin-left:auto;display:flex;gap:35px;align-items:center}.brief-export{display:flex;gap:10px;flex-wrap:wrap}.brief-export button:hover{border-color:var(--acid);color:var(--acid)}.brief-hint{font-size:11px;line-height:1.7;min-height:38px}.brief-builder .copy-brief{font-size:11px}.faq{border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:50px}.faq h2{font:500 clamp(35px,4vw,64px)/1.05 var(--display);letter-spacing:-.06em;margin:0}.faq h2 em{font:normal 1.2em var(--serif);color:var(--acid)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font:20px var(--mono);color:var(--acid)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.8;color:var(--muted);max-width:490px}.footer button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.footer button:hover{color:var(--acid)}
/* Motion is an enhancement: readable base markup survives script/library failures. */
html.has-js .reveal,html.has-js .hero-line>span,html.has-js .hero-line>em{opacity:1;transform:none;transition:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.mobile-menu.open~main{pointer-events:none}.service-row{position:relative}.service-row>a{position:absolute;inset:0}.service-row>a:focus-visible{outline-offset:4px}.service-row h3{font-size:clamp(34px,4.2vw,65px)}
/* Cross-document navigation uses the native fallback: browser View Transition opt-in was causing aborted navigation errors. Page-local motion remains active. */
@media(min-width:1600px){.hero-art{right:1%;width:45%;top:17%}.hero-bottom{max-width:64%}}
@media(max-width:1050px){.hero-title{font-size:10.5vw}.hero-bottom{max-width:67%}.hero-description p{font-size:15px}.hero-art{right:-9%;width:55%;top:28%}.hero-meta{margin-bottom:60px}.hero-edition{font-size:8px}.project-pill{display:none}.product-grid .resos-content{padding:20px 15px}.product-grid .resos-headline{font-size:30px}.product-grid .resos-metrics small{font-size:6px}.lab-layout{grid-template-columns:.85fr 1.15fr}.lab-stage{padding:13px}.orbit-preview{width:62%;right:-10%}.orbit-preview-grid{gap:15px;padding:18px}.orbit-preview-grid h4{font-size:25px}}
@media(max-width:900px){.hero{min-height:830px}.hero-title{max-width:90%;font-size:11vw}.hero-art{top:31%;right:-10%;width:58%}.hero-bottom{max-width:65%;margin-top:45px}.hero-scroll{display:none}.hero-description{max-width:310px}.hero-meta{margin-bottom:80px}.hero-edition{display:none}.intro-layout{grid-template-columns:1fr}.intro-side{max-width:650px}.concept-grid,.product-grid{grid-template-columns:1fr}.concept-grid .project-visual{height:580px}.product-grid .project-visual{height:560px}.product-grid .cirvo-wordmark{font-size:10vw}.product-grid .cirvo-phone{right:14%;width:230px;height:470px}.product-grid .phone-card{padding:20px}.product-grid .phone-greeting{margin-top:28px}.product-heading{padding-top:65px}.lab-layout{grid-template-columns:1fr}.contact-layout,.faq-layout{grid-template-columns:1fr}.contact-main h2{font-size:12vw}.next-steps{max-width:600px;margin-top:35px}.brief-builder{max-width:none}.contact-layout{gap:45px}.lab-demo{min-height:490px}.demo-copy strong{font-size:8vw}.lab-stage[data-style=editorial] .demo-copy strong{font-size:9vw}.orbit-preview{width:60%;right:-7%;top:32%}.orbit-poster h3{font-size:6vw}.orbit-preview-grid{grid-template-columns:1fr}.orbit-preview-grid>div:first-child{display:none}.orbit-preview-grid .orbit-list{padding-bottom:15px}.product-heading{flex-direction:column;align-items:start;gap:20px}.product-heading p{max-width:550px}}
@media(max-width:600px){.section-pad{padding-block:75px}.brand-type{font-size:20px}.brand-type small{font-size:6px}.hero{min-height:860px;min-height:max(810px,100svh)}.hero-inner{padding-top:45px;padding-bottom:330px}.hero-meta{margin-bottom:45px}.hero-title{font-size:13.4vw;max-width:100%;line-height:.92}.hero-line.title-last{font-size:.92em}.hero-line{white-space:nowrap}.hero-bottom{margin-top:30px;max-width:100%}.hero-description{max-width:355px;gap:13px}.hero-description p{font-size:14px;line-height:1.6}.hero-art{width:350px;max-width:90%;top:auto;bottom:10px;right:-2%;height:330px}.art-label{font-size:7px;bottom:16%;right:12%}.art-controls{right:12%;bottom:5%}.art-controls button{font-size:8px}.hero-footer{bottom:16px;max-width:44%;left:18px;transform:none;line-height:1.8;z-index:6}.hero-footer .mono{font-size:7px}.hero-footer .hero-coordinate{display:none}.badge-outline{font-size:8px}.intro-heading{font-size:10vw;line-height:1.18}.intro-layout{padding-top:40px}.intro-side p{font-size:15px}.statement-bar{margin-top:50px}.concept-grid .project-visual,.product-grid .project-visual{height:440px}.project-caption h3{font-size:29px}.project-caption{gap:8px}.project-pill{display:inline-block;font-size:8px}.project-card:nth-child(3) .project-visual{height:420px}.product-grid .cirvo-wordmark{font-size:12vw;top:24%;left:6%}.product-grid .cirvo-phone{right:4%;width:185px;height:375px;top:13%;padding:29px 10px 12px}.product-grid .phone-card{padding:12px}.product-grid .phone-avatar{height:55px;width:55px;font-size:38px}.product-grid .phone-greeting{font-size:24px;margin:18px 0 14px}.product-grid .phone-name{font-size:14px}.phone-name span{display:none}.product-heading h3{font-size:34px}.coffee-brand{font-size:25px;top:16%}.coffee-preview strong{font-size:12vw;bottom:19%}.coffee-cup{right:20%;width:32%;height:32%;top:29%}.coffee-cup:before{border-width:10px}.coffee-cup span{font-size:8vw}.coffee-preview-foot{font-size:6px;max-width:70%;line-height:1.8}.orbit-poster{top:20%;left:6%;width:80%}.orbit-poster h3{font-size:10vw;margin:18px 0}.orbit-poster h3 br{display:none}.orbit-poster .mono{font-size:7px}.orbit-preview{top:53%;width:85%;right:-4%;min-height:200px}.orbit-nav{padding:12px}.orbit-nav strong{font-size:19px}.orbit-nav>span:nth-child(2){font-size:6px}.orbit-preview-grid{padding:8px 20px}.orbit-list>span{padding:11px 0;font-size:8px}.orbit-list small{display:none}.avatar-initial{padding:7px;font-size:8px}.service-row{grid-template-columns:25px 1fr 30px}.service-row h3{font-size:8vw}.service-row:hover{padding-left:0}.lab-controls h3{font-size:46px}.lab-demo{min-height:400px}.demo-copy strong{font-size:10vw}.lab-stage[data-style=editorial] .demo-copy strong{font-size:12vw}.demo-brand{font-size:24px}.demo-label{font-size:7px}.demo-bottom{font-size:6px}.lab-stage{min-height:0}.lab-options{margin-top:10px}.lab-stage-footer{font-size:6px;padding-bottom:8px}.lab-extra label{font-size:10px}.contact-main h2{font-size:14vw}.brief-builder{padding:22px}.brief-builder h3{font-size:45px}.brief-head .mono{font-size:9px}.brief-builder input,.brief-builder textarea,.brief-builder select{font-size:16px}.brief-builder legend{font-size:17px}.brief-builder .choice{font-size:10px}.brief-builder pre{padding:12px;font-size:10px}.brief-builder .copy-brief{padding-inline:12px}.brief-navigation button{font-size:10px}.contact-status{font-size:12px}.faq-layout{gap:35px}.faq h2{font-size:40px}.faq summary{font-size:16px}.footer-top>.mono{line-height:1.8}.footer-bottom>div{flex-wrap:wrap;gap:20px}.ticker-track>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.hero-art canvas{transition:none}.hero-line>span,.hero-line>em{transform:none!important}.lab-demo .demo-art{animation:none}}

.ticker-wrap{width:100%;margin-left:0;transform:none}.hero-start{display:table;margin-top:17px;border-bottom:1px solid #d1fa5777;padding-bottom:7px;color:var(--acid);font:10px var(--mono);pointer-events:auto}.hero-start:hover{border-color:var(--acid)}
.lab-controls,.lab-stage,.lab-layout{min-width:0}.lab-extra label{min-width:0}.browser-url{min-width:0}.lab-stage-footer>span{overflow-wrap:anywhere}
@media(max-width:900px){.lab-layout{grid-template-columns:minmax(0,1fr)}.hero-art{right:-1%;width:51%;top:34%}.art-controls{right:10%}.art-label{right:10%}}
@media(max-width:600px){.hero-art{top:auto;bottom:10px;width:350px;max-width:90%;right:-2%}.art-controls,.art-label{right:12%}.browser-url{padding-inline:8px}.lab-stage{padding:9px}.lab-extra input[type=range]{width:45%}.lab-stage-footer>span:last-child{max-width:55%}}

.hero-line.title-last>em{margin-left:.06em}.motion-paused{scroll-behavior:auto!important}.noscript-note{margin:110px 5vw 20px;padding:20px;border:1px solid var(--acid);font-size:14px;line-height:1.7}

.service-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px 0}.service-option{padding:35px;border:1px solid currentColor}.service-option:first-child{background:#dcfc46;color:#171917}.service-option h3{font-size:42px;letter-spacing:-2px}.service-option p{margin:20px 0;max-width:500px}.service-option .text-link{color:inherit}@media(max-width:700px){.service-options{grid-template-columns:1fr}.service-option{padding:25px}}

/* Stable cross-platform vector navigation symbols (no emoji font fallback). */
.ui-vector-icon{display:block;width:1em;height:1em;flex:none;vertical-align:middle}

/* Real Brianna project / cinematic transformation theater.
   All artwork is the two user-provided screenshots committed as static assets. */
.bld-case{margin-top:clamp(75px,8vw,130px);padding-top:clamp(30px,4vw,60px);border-top:1px solid #ffffff32;color:#f1efe8;isolation:isolate}
.bld-case *{box-sizing:border-box}
.bld-case [hidden]{display:none!important}
.bld-case-header{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.72fr);gap:clamp(20px,6vw,100px);align-items:end;margin-bottom:clamp(36px,5vw,70px)}
.bld-eyebrow{display:flex;align-items:center;gap:12px;color:#d1fa57;font-size:11px;letter-spacing:.045em}
.bld-case-star{font-size:24px;line-height:1}
.bld-case-header h3{font:700 clamp(50px,6.8vw,114px)/.92 "Space Grotesk",Arial,sans-serif;letter-spacing:-.082em;text-transform:uppercase;margin:26px 0 0}
.bld-case-header h3 em{font:italic 400 .90em "Italiana",Georgia,serif;letter-spacing:-.02em;color:#d1fa57;text-transform:none}
.bld-case-intro>.mono{font-size:10px;letter-spacing:.04em;color:#d1fa57}
.bld-case-intro p{color:#c4c6c0;line-height:1.65;font-size:clamp(15px,1.2vw,18px);max-width:460px;margin:18px 0 0}
.bld-case-intro .bld-case-caveat{font:11px/1.6 "DM Mono",monospace;color:#aeb4ab;border-left:2px solid #d1fa57;padding-left:14px;margin-top:25px}
.bld-showcase{position:relative;background:#111316;border:1px solid #f1efe834;overflow:hidden}
.bld-scene-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px clamp(18px,2.5vw,35px);border-bottom:1px solid #fff2}
.bld-scene-header>.mono{font-size:10px;letter-spacing:.08em}
.bld-live{display:inline-block;width:7px;height:7px;margin-right:10px;background:#d1fa57;border-radius:50%;box-shadow:0 0 15px #d1fa5770;vertical-align:middle}
.bld-scene-caption{color:#a7b0a3}
.bld-scene{position:relative;min-height:clamp(510px,49vw,720px);overflow:hidden;perspective:1400px;isolation:isolate;background:radial-gradient(ellipse at 73% 36%,#292634 0,transparent 42%),radial-gradient(ellipse at 22% 86%,#1d3027,transparent 38%),#111316}
.bld-scene:before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(#0007,transparent)}
.bld-scene:after{content:"";position:absolute;bottom:0;left:0;right:0;height:22%;pointer-events:none;background:linear-gradient(transparent,#111316bc);z-index:4}
.bld-scene-decoration{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;gap:30px;pointer-events:none;color:#e9ffe908;font:800 clamp(70px,13vw,225px) "Space Grotesk",Arial,sans-serif;letter-spacing:-.12em;transform:rotate(-7deg)}
.bld-window{position:absolute;margin:0;border:1px solid #ffffff60;background:#17191c;box-shadow:0 15px 52px #000a;transform-origin:center center;transition:transform .75s cubic-bezier(.18,.8,.2,1),box-shadow .5s,border-color .35s;will-change:transform;min-width:0}
.bld-window-before{top:21%;left:3%;width:61%;z-index:1}
.bld-window-after{top:10%;right:3%;width:68%;z-index:2}
.bld-showcase[data-active="after"] .bld-window-before{transform:translate3d(-2%,7%,0) rotate(-5deg) scale(.90)}
.bld-showcase[data-active="after"] .bld-window-after{transform:translate3d(0,0,0) rotate(1.4deg) scale(1);border-color:#d1fa57;box-shadow:0 25px 85px #000c,0 0 0 1px #d1fa573e}
.bld-showcase[data-active="before"] .bld-window-before{z-index:3;transform:translate3d(0,-3%,0) rotate(-1deg) scale(1.02);border-color:#d1fa57;box-shadow:0 25px 85px #000c,0 0 0 1px #d1fa573e}
.bld-showcase[data-active="before"] .bld-window-after{z-index:1;transform:translate3d(1%,10%,0) rotate(5deg) scale(.86)}
.bld-window:focus-within{outline:3px solid #d1fa57;outline-offset:4px}
.bld-browser{display:flex;align-items:center;gap:15px;height:clamp(34px,3.5vw,48px);padding:0 clamp(12px,2vw,22px);background:#1a1c20;border-bottom:1px solid #ffffff22;color:#b4bab6}
.bld-browser-dots{display:flex;align-items:center;gap:5px;flex-shrink:0}
.bld-browser-dots i{width:7px;height:7px;border:1px solid #7b8180;border-radius:50%;display:block}
.bld-browser-dots i:first-child{background:#d1fa57;border-color:#d1fa57}
.bld-browser-address{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px "DM Mono",monospace;flex:1;min-width:0;text-align:center;letter-spacing:.04em}
.bld-browser-number{color:#d1fa57;font-size:10px}
.bld-shot-button{display:block;width:100%;border:0;padding:0;background:#101010;cursor:zoom-in;overflow:hidden}
.bld-shot-button img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.bld-window-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(12px,1.5vw,21px) clamp(14px,2vw,25px);background:#191b1e}
.bld-window-footer>span:first-child{display:grid;gap:5px}
.bld-window-footer small{font:10px "DM Mono",monospace;letter-spacing:.04em;color:#d1fa57}
.bld-window-footer strong{font:600 clamp(17px,1.7vw,25px) "Space Grotesk",Arial,sans-serif;letter-spacing:-.03em}
.bld-expand-label{font:9px "DM Mono",monospace;letter-spacing:.035em;white-space:nowrap;color:#bdc2bc;background:transparent;border:0;padding:5px;cursor:pointer}.bld-expand-label:hover{color:#d1fa57}
.bld-bridge{position:absolute;z-index:5;left:49%;top:6%;display:grid;justify-items:center;align-content:center;width:clamp(66px,8vw,120px);aspect-ratio:1;background:#d1fa57;color:#10120d;border-radius:50%;font:700 clamp(10px,1vw,15px)/1.15 "DM Mono",monospace;letter-spacing:-.03em;text-align:center;transform:rotate(12deg);box-shadow:0 12px 30px #0008;pointer-events:none}
.bld-bridge b{font:600 24px "Space Grotesk",Arial,sans-serif;margin-top:5px}
.bld-scene-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(20px,2.7vw,35px);border-top:1px solid #ffffff24;flex-wrap:wrap;position:relative;z-index:6}
.bld-focus-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bld-focus-controls button{min-height:48px;display:flex;gap:13px;align-items:center;justify-content:center;border:1px solid #fff5;padding:13px clamp(12px,2vw,25px);font:600 11px "DM Mono",monospace;letter-spacing:.02em;color:#f1efe8;background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bld-focus-controls button span{color:#d1fa57}
.bld-focus-controls button[aria-pressed="true"]{background:#d1fa57;color:#0c0d10;border-color:#d1fa57}
.bld-focus-controls button[aria-pressed="true"] span{color:#0c0d10}
.bld-focus-controls button:hover:not([aria-pressed="true"]){border-color:#d1fa57}
.bld-scene-hint{display:grid;gap:8px;justify-items:end;letter-spacing:.06em;font-size:10px;color:#aeb8ae}
.bld-scene-status{color:#d1fa57}
.bld-scene-hint-detail{font-size:9px}
.bld-live-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#353c35;border:1px solid #f1efe833}
.bld-live-preview{background:#17191d;padding:clamp(24px,4vw,52px);min-height:280px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.bld-live-preview>.mono{color:#d1fa57;font-size:11px}
.bld-live-preview h4{margin:0;font:600 clamp(30px,3vw,48px) "Space Grotesk",sans-serif;letter-spacing:-.04em}
.bld-live-preview p{margin:0;color:#bbc0bb}
.bld-live-preview a{display:inline-flex;padding:15px 20px;min-height:44px;background:#d1fa57;color:#0c0d10;text-decoration:none;font:700 11px "DM Mono",monospace;margin-top:auto}
.bld-case button:focus-visible,.bld-case a:focus-visible{outline:3px solid #d1fa57;outline-offset:4px}
.bld-lightbox{position:fixed;max-width:min(96vw,1600px);width:min(96vw,1600px);max-height:94dvh;padding:0;background:#111316;color:#f1efe8;border:1px solid #d1fa5780;overflow:auto;box-shadow:0 40px 100px #000b}
.bld-lightbox::backdrop{background:rgba(4,5,6,.88);backdrop-filter:blur(12px)}
.bld-lightbox-frame{padding:clamp(14px,3vw,34px)}
.bld-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
.bld-lightbox-close{border:1px solid #f1efe855;padding:11px 18px;min-height:44px;background:transparent;color:#f1efe8;cursor:pointer;font:600 11px "DM Mono",monospace}
.bld-lightbox-close span{font-size:24px;vertical-align:middle;margin-left:10px}
.bld-lightbox h4{margin:14px 0 20px;font:700 clamp(20px,3vw,38px)/1.1 "Space Grotesk",Arial,sans-serif;letter-spacing:-.045em}
.bld-lightbox-image{background:#08090a}
.bld-lightbox-image img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain}
.bld-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:19px}
.bld-lightbox-controls>.mono{font-size:11px;color:#d1fa57}
.bld-lightbox-controls>div{display:flex;gap:8px}
.bld-lightbox-controls button{border:1px solid #ffffff60;min-height:44px;padding:11px 16px;background:transparent;color:#f1efe8;font:600 11px "DM Mono",monospace;cursor:pointer}
.bld-lightbox-controls button[aria-pressed="true"]{background:#d1fa57;color:#0c0d10;border-color:#d1fa57}
@media(max-width:1050px){
 .bld-case-header{grid-template-columns:1fr;gap:24px}
 .bld-case-header h3{font-size:clamp(50px,9vw,94px)}
 .bld-scene{min-height:clamp(435px,58vw,640px)}
 .bld-window-before{width:63%;top:19%;left:1%}
 .bld-window-after{width:70%;top:11%;right:1%}
 .bld-bridge{top:4%}
 .bld-expand-label{display:none}
}
@media(max-width:700px){
 .bld-case{margin-top:60px}
 .bld-case-header h3{font-size:clamp(44px,12vw,75px)}
 .bld-case-header{margin-bottom:28px}
 .bld-scene-header{padding:16px}
 .bld-scene-caption{display:none}
 .bld-scene{min-height:clamp(480px,154vw,630px)}
 .bld-window-before{top:7%;left:4%;width:89%}
 .bld-window-after{top:50%;right:4%;width:89%}
 .bld-showcase[data-active="after"] .bld-window-before{transform:translate3d(-2%,0,0) rotate(-3deg) scale(.96)}
 .bld-showcase[data-active="after"] .bld-window-after{transform:translate3d(0,-5%,0) rotate(1.5deg) scale(1)}
 .bld-showcase[data-active="before"] .bld-window-before{transform:translate3d(0,4%,0) rotate(-1deg) scale(1)}
 .bld-showcase[data-active="before"] .bld-window-after{transform:translate3d(2%,2%,0) rotate(3deg) scale(.94)}
 .bld-bridge{width:68px;left:auto;right:2%;top:42%;font-size:10px}
 .bld-browser{height:33px;padding:0 10px;gap:8px}
 .bld-browser-address{font-size:8px}
 .bld-browser-dots i{width:6px;height:6px}
 .bld-window-footer{padding:10px 13px}
 .bld-window-footer strong{font-size:17px}
 .bld-window-footer small{font-size:9px}
 .bld-scene-controls{padding:18px;gap:15px}
 .bld-focus-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .bld-focus-controls button{padding:12px 7px;font-size:9px;gap:6px}
 .bld-scene-hint{width:100%;justify-items:start}
 .bld-scene-hint-detail{display:none}
 .bld-live-previews{grid-template-columns:1fr}
 .bld-live-preview{min-height:220px}
 .bld-lightbox{max-width:100vw;width:100vw;max-height:95dvh}
 .bld-lightbox-head>.mono{font-size:9px}
}
@media(max-width:380px){
 .bld-scene{min-height:490px}
 .bld-case-header h3{font-size:43px}
 .bld-scene-header>.mono{font-size:9px}
 .bld-window-after{top:49%}
}
@media(prefers-reduced-motion:reduce){
 .bld-window,.bld-focus-controls button{transition:none!important;animation:none!important}
 .bld-lightbox::backdrop{backdrop-filter:none}
}

/* The original moves smoothly to the background when a viewer opts in. */
.bld-window-before{
  transition:transform .75s cubic-bezier(.18,.8,.2,1),
    width .75s cubic-bezier(.18,.8,.2,1),left .75s cubic-bezier(.18,.8,.2,1),
    top .75s cubic-bezier(.18,.8,.2,1),box-shadow .5s,border-color .35s;
}
/* Spoiler-free transformation: ONLY the original is shown on initial paint.
   The redesigned screenshot is invisible and non-interactive until the
   visitor explicitly activates the Reveal Redesign control. */
.bld-window-after{
  opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .75s cubic-bezier(.18,.8,.2,1),opacity .55s ease,
    visibility 0s linear .55s,box-shadow .5s,border-color .35s;
}
.bld-showcase[data-active="before"] .bld-window-before{
  width:78%;left:11%;top:10%;z-index:3;
  transform:translate3d(0,0,0) rotate(-1deg) scale(1);
}
.bld-showcase[data-active="before"] .bld-window-after{
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(12%,12%,0) rotate(7deg) scale(.82);
}
.bld-showcase[data-active="after"] .bld-window-after{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:transform .75s cubic-bezier(.18,.8,.2,1),opacity .55s ease,
    visibility 0s linear 0s,box-shadow .5s,border-color .35s;
}
.bld-bridge{
  transition:opacity .3s ease,transform .55s ease,visibility 0s linear .3s;
}
.bld-showcase[data-active="before"] .bld-bridge{
  opacity:0;visibility:hidden;transform:translateY(15px) rotate(12deg);
}
.bld-showcase[data-active="after"] .bld-bridge{
  opacity:1;visibility:visible;transform:rotate(12deg);
  transition:opacity .3s ease,transform .55s ease,visibility 0s linear 0s;
}
.bld-showcase[data-active="before"] .bld-scene-decoration span:last-child{
  visibility:hidden;
}
@media(max-width:1050px){
  .bld-showcase[data-active="before"] .bld-window-before{width:83%;left:8.5%;top:14%}
}
@media(max-width:700px){
  .bld-showcase[data-active="before"] .bld-window-before{width:90%;left:5%;top:22%;transform:rotate(-1deg)}
  .bld-showcase[data-active="before"] .bld-window-after{opacity:0;visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .bld-window-after,.bld-bridge,.bld-showcase[data-active="after"] .bld-window-after,
  .bld-showcase[data-active="after"] .bld-bridge{transition:none!important}
}

/* AWE / DIGITAL / CINEMA — expressive agency art direction */
:root{--cinema-acid:#dcfc46}
.hero{position:relative;isolation:isolate;background:#0c1110}
.hero:before{content:"";position:absolute;inset:-20% -20% 0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 73% 38%,#d6ff2926,transparent 35%),radial-gradient(ellipse at 25% 65%,#14786242,transparent 45%);animation:cinema-glow 14s ease-in-out infinite alternate}
.hero-inner{z-index:3;position:relative}
.hero-title{letter-spacing:-.085em;line-height:.88}
.hero-title .hero-line:nth-child(1){font-size:.93em}
.hero-title .hero-line:nth-child(2){font-size:.97em}
.hero-title .title-last{font-size:1em}
.hero-title .title-last em{font-weight:400;color:#dcfc46;text-shadow:0 0 65px #dcfc4633;filter:drop-shadow(0 16px 0 #a7dc1315)}
.hero-supernote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;padding-block:12px;border-block:1px solid #f8fff43c;font:700 10px/1.5 monospace;letter-spacing:.17em;color:#aee7b5}
.hero-art{filter:drop-shadow(0 15px 95px #c9fa3340)}
.hero-art:after{content:"";position:absolute;inset:7%;border:1px solid #ffffff26;border-radius:50%;pointer-events:none;z-index:-1}
.hero-description p{max-width:390px}
.hero-start{border-bottom:1px solid #dcfc46;padding-bottom:5px}
.hero-meta .hero-edition{max-width:210px;text-align:right}
.worlds-purpose{padding:13px 0 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #f2f5ed52}
.worlds-purpose label{font:700 11px monospace;letter-spacing:.12em;color:#d8e4cb}
.worlds-purpose select{appearance:none;background:#dffc46;color:#10130c;border:0;border-radius:0;font:850 12px Arial,sans-serif;padding:14px 35px 14px 17px;min-width:220px;cursor:pointer;box-shadow:6px 6px 0 #ffffff19}
.worlds-purpose select:focus-visible{outline:3px solid white;outline-offset:4px}
.worlds-purpose>span{margin-left:auto;font:10px monospace;letter-spacing:.07em;color:#a6b0a3}
.worlds-rail{max-height:640px;overflow-y:auto;scrollbar-color:#ddfc46 #1d2924;scrollbar-width:thin;padding-right:10px;position:relative;overscroll-behavior:contain}
.worlds-layout{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr)}
.worlds-choice{padding:17px 0}
.worlds-choice>strong{font-size:clamp(18px,2vw,27px)}
.worlds-choice.is-recommended>span:first-child{color:#dcfc46}
.worlds-screen{position:sticky;top:16px;align-self:start}
.worlds-screen:after{content:"";position:absolute;z-index:3;right:-25px;top:-35px;font:100px/1 Arial;color:#dcfc46;pointer-events:none;animation:cinema-sun 25s linear infinite}
.worlds-kicker strong:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#dcfc46;margin-left:20px;box-shadow:0 0 20px #d6f94a;animation:cinema-blink 2s ease-in-out infinite alternate}
.worlds-current strong{font-size:clamp(30px,3vw,47px)}
.worlds-rail-note{font:10px/1.8 monospace}
.awe-transformation{background:#ecece5;color:#171a15;padding:145px 0 110px;position:relative;overflow:hidden}
.awe-transformation:before{content:"A / D";position:absolute;right:-7%;top:-3%;font:1000 clamp(160px,23vw,440px)/1 Arial,sans-serif;color:#151a1210;letter-spacing:-.12em;pointer-events:none}
.transformation-head{position:relative;max-width:1300px;margin-bottom:60px}
.transformation-head>p:first-child{font:700 11px monospace;letter-spacing:.1em}
.transformation-head h2{font:900 clamp(52px,9vw,150px)/.9 Arial,sans-serif;letter-spacing:-.095em;margin:25px 0}
.transformation-head h2 em{font:italic 400 .88em Georgia,serif}
.transformation-head>p:last-child{font:clamp(16px,1.6vw,24px)/1.5 Arial,sans-serif;max-width:640px;color:#4e524b}
.transformation-stage{height:clamp(410px,50vw,740px);overflow:hidden;position:relative;border:12px solid #131613;isolation:isolate;box-shadow:25px 30px 0 #12151226;user-select:none}
.transformation-base,.transformation-after{position:absolute;inset:0;overflow:hidden}
.transformation-base{background:#f0f1ee;color:#313736}
.before-nav{display:flex;justify-content:space-between;border-bottom:1px solid #d6dad5;background:#fff;padding:19px 25px;font:600 12px Arial}
.before-nav span{color:#8d948e}
.before-card{width:min(600px,80%);text-align:left;margin:clamp(45px,8vw,120px) auto;background:white;border-radius:9px;padding:clamp(26px,5vw,70px);box-shadow:0 2px 17px #0001}
.before-card>span:first-child{color:#858a83;font-size:13px}
.before-card h3{font:700 clamp(28px,4vw,56px)/1.2 Arial,sans-serif;margin:24px 0;color:#222}
.before-card p{font:15px/1.6 Arial,sans-serif;color:#717671}
.before-button{display:inline-block;margin-top:25px;border-radius:5px;background:#5c80a1;color:white;padding:14px 25px;font:700 11px Arial}
.transformation-after{background:#091212;color:#f7f7ed;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);pointer-events:none}
.after-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#dcfc461c 1px,transparent 1px),linear-gradient(to bottom,#dcfc4618 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,#000,transparent)}
.after-top{display:flex;justify-content:space-between;position:absolute;left:28px;right:28px;top:22px;font:750 10px monospace;letter-spacing:.13em}
.after-top span{color:#b9c2b4}
.after-orbit{position:absolute;font:400 clamp(250px,44vw,700px)/1 Arial,sans-serif;right:-5%;top:-25%;transform:rotate(-18deg);color:#d6fc46;opacity:.32;animation:cinema-sun 30s linear infinite}
.after-copy{position:absolute;left:8%;bottom:8%;z-index:2;white-space:nowrap}
.after-copy>span{font:750 11px monospace;letter-spacing:.16em;color:#cfe7bb}
.after-copy h3{font:900 clamp(57px,10vw,160px)/.82 Arial,sans-serif;letter-spacing:-.11em;margin:28px 0}
.after-copy h3 em{font:italic 500 1em Georgia,serif;color:#dcfc46}
.after-cta{border:1px solid #dcfc46;background:#dcfc46;color:#111;display:inline-block;padding:15px 24px;font:850 12px Arial,sans-serif}
.transformation-split{position:absolute;left:var(--reveal);top:0;bottom:0;z-index:3;width:3px;transform:translateX(-50%);background:#dcfc46;pointer-events:none}
.transformation-split span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#dcfc46;color:#10120e;display:grid;place-items:center;font:40px Arial,sans-serif;box-shadow:0 7px 35px #0006}
.transformation-slider-label{display:block;text-align:center;margin-top:35px;font:750 11px monospace;letter-spacing:.12em}
#transformation-slider{display:block;width:min(600px,90%);margin:26px auto 35px;accent-color:#222;cursor:ew-resize}
.transformation-foot{display:flex;justify-content:space-between;font:800 11px monospace;letter-spacing:.1em}
@keyframes cinema-glow{to{transform:translate(-4%,5%) scale(1.08);filter:hue-rotate(25deg)}}
@keyframes cinema-sun{to{transform:rotate(342deg)}}
@keyframes cinema-blink{to{opacity:.3;box-shadow:0 0 10px #dcfc46}}
@media(max-width:1050px){.worlds-layout{grid-template-columns:1fr}.worlds-screen{position:relative;top:auto}.worlds-rail{max-height:280px;overflow:auto;grid-template-columns:repeat(3,1fr)}.worlds-rail-note{display:none}}
@media(max-width:650px){.hero-supernote{font-size:7px}.hero-title .hero-line:nth-child(1),.hero-title .hero-line:nth-child(2),.hero-title .title-last{font-size:clamp(48px,11vw,85px)}.worlds-rail{grid-template-columns:repeat(2,1fr)}.worlds-choice>strong{font-size:17px}.worlds-purpose>span{margin:0}.worlds-screen:after{right:-9px;font-size:50px}.awe-transformation{padding:80px 0}.transformation-head h2{font-size:clamp(49px,11vw,75px)}.transformation-stage{height:470px;border-width:6px}.after-copy h3{font-size:clamp(55px,12vw,84px)}.after-top span{display:none}.before-card{margin:60px auto;padding:22px}.before-nav{font-size:8px}.after-cta{font-size:10px}.transformation-split span{width:52px;height:52px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero:before,.worlds-kicker strong:after,.worlds-screen:after,.after-orbit{animation:none!important}}
html.motion-paused .hero:before,html.motion-paused .worlds-kicker strong:after,html.motion-paused .worlds-screen:after,html.motion-paused .after-orbit{animation:none!important}


/* Expanded, purpose-specific interactive before/after lab */
.transformation-experiences{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 25px}
.transformation-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;border:2px solid #151915;background:#e2e4dc;color:#161b15;min-height:172px;padding:22px;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s}
.transformation-choice>span{font:800 12px monospace}
.transformation-choice>strong{font:900 clamp(18px,2vw,32px)/1.05 Arial,sans-serif;letter-spacing:-.06em}
.transformation-choice>small{font:750 9px/1.4 monospace;letter-spacing:.06em}
.transformation-choice.is-selected{background:#111a15;color:#e4ff49;box-shadow:8px 8px 0 #b1b9a2}
.transformation-choice:hover{transform:translateY(-6px)}
.transformation-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}
.transformation-controls>div:first-child{flex:1}
.transformation-controls .transformation-slider-label{text-align:left;margin:0 0 12px}
.transformation-controls #transformation-slider{width:100%;margin:0}
.transformation-presets{display:flex;gap:7px;align-items:center}
.transformation-presets button{border:1px solid #222;background:transparent;color:#151915;padding:12px 17px;font:900 10px monospace;cursor:pointer}
.transformation-presets button[aria-pressed=true]{background:#19211a;color:#e1fc43}
.transformation-insight{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:45px 0;border-block:2px solid #1a201a}
.transformation-insight h3{font:900 clamp(27px,3.3vw,53px)/1.1 Arial,sans-serif;max-width:780px;letter-spacing:-.07em;margin:17px 0}
.transformation-insight p{font:clamp(15px,1.5vw,20px)/1.5 Arial,sans-serif;color:#525851;max-width:750px}
.transformation-insight>a{display:inline-flex;align-items:center;gap:50px;background:#111a15;color:#e4ff49;padding:19px 27px;text-decoration:none;font:850 11px monospace;white-space:nowrap;transition:transform .3s}
.transformation-insight>a:hover{transform:translateY(-5px)}
.transformation-corner-label{position:absolute;z-index:4;top:25px;font:800 10px monospace;letter-spacing:.12em;pointer-events:none;padding:10px 14px}
.comparison-before-label{right:22px;background:#ffffffbb;color:#333}
.comparison-after-label{left:23px;background:#dfff49;color:#111}
.transformation-stage[data-comparison="business"] .transformation-after{background:#e9c5d3;color:#65354c}
.transformation-stage[data-comparison="business"] .after-grid{background:repeating-linear-gradient(45deg,#ffffff19 0 2px,transparent 2px 38px)}
.transformation-stage[data-comparison="business"] .after-top{color:#60384b}
.transformation-stage[data-comparison="business"] .after-top span{color:#915a78}
.transformation-stage[data-comparison="business"] .after-copy h3{font:400 clamp(57px,9vw,150px)/.86 Georgia,serif;letter-spacing:-.08em}
.transformation-stage[data-comparison="business"] .after-copy h3 em{color:#ad5177}
.transformation-stage[data-comparison="business"] .after-copy>span{color:#694758}
.transformation-stage[data-comparison="business"] .after-orbit{color:#a94f7a;opacity:.35}
.transformation-stage[data-comparison="business"] .after-cta{background:#633b54;border-color:#633b54;color:#fff7ee}
.transformation-stage[data-comparison="developer"] .transformation-after{background:#0a1c10;color:#cdffcb}
.transformation-stage[data-comparison="developer"] .after-grid{background-image:linear-gradient(to right,#6dff501c 1px,transparent 1px),linear-gradient(to bottom,#6dff5018 1px,transparent 1px);background-size:32px 32px}
.transformation-stage[data-comparison="developer"] .after-copy h3{font:900 clamp(53px,9vw,146px)/.86 monospace;letter-spacing:-.1em}
.transformation-stage[data-comparison="developer"] .after-copy h3 em{font-style:normal;color:#96ff9e}
.transformation-stage[data-comparison="developer"] .after-orbit{color:#9dffa2}
.transformation-stage[data-comparison="developer"] .after-cta{background:#9dffa2;border-color:#9dffa2;color:#08190b}
.transformation-stage[data-comparison="creative"] .transformation-after{background:linear-gradient(100deg,#e9d6b5 0 55%,#b17b5b 55%);color:#542a24}
.transformation-stage[data-comparison="creative"] .after-copy h3{font:italic 400 clamp(66px,11vw,167px)/.85 Georgia,serif;letter-spacing:-.095em}
.transformation-stage[data-comparison="creative"] .after-copy h3 em{color:#924f46}
.transformation-stage[data-comparison="creative"] .after-copy>span{color:#693b31}
.transformation-stage[data-comparison="creative"] .after-orbit{color:#6d3e2c;opacity:.24}
.transformation-stage[data-comparison="creative"] .after-cta{background:#54362b;border-color:#54362b;color:#fff7e9}
.transformation-stage[data-comparison="creative"] .after-top{color:#583a29}
.transformation-stage[data-comparison="creative"] .after-top span{color:#f7dfc9}
@media(max-width:980px){.transformation-experiences{grid-template-columns:repeat(2,1fr)}.transformation-insight{grid-template-columns:1fr}.transformation-insight>a{justify-self:start}}
@media(max-width:580px){.transformation-experiences{gap:7px}.transformation-choice{min-height:133px;padding:14px}.transformation-choice>strong{font-size:19px}.transformation-choice>small{font-size:8px}.transformation-controls{display:block}.transformation-presets{justify-content:center;margin-top:25px}.transformation-presets button{flex:1;padding:12px 7px}.transformation-corner-label{font-size:7px;top:14px}.comparison-after-label{left:10px}.comparison-before-label{right:10px}.transformation-insight{padding:30px 0}.transformation-insight>a{white-space:normal;font-size:10px}}
@media(prefers-reduced-motion:reduce){.transformation-choice,.transformation-insight>a{transition:none}}

/* Device-independent eight-spoked mark for the sticky showcase. */
.worlds-screen::after{content:"";display:block;width:100px;height:100px;background:#dcfc46;-webkit-mask:url("/assets/icons/asterisk.svg") center/contain no-repeat;mask:url("/assets/icons/asterisk.svg") center/contain no-repeat}


/* Category-specific art direction: each comparison is a different fictional website,
   not the same text-only panel recolored four times. */
.transformation-after::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-size:cover;opacity:.8}
.transformation-after::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.after-grid,.after-orbit{z-index:1}.after-top,.after-copy{z-index:2}
.transformation-stage[data-comparison="actor"] .transformation-after::before{background-image:url("https://images.unsplash.com/photo-1503095396549-807759245b35?w=1400&q=82");background-position:67% 36%;filter:grayscale(1) contrast(1.22);opacity:.62}
.transformation-stage[data-comparison="actor"] .transformation-after::after{background:linear-gradient(90deg,#080c0ef2 0%,#080c0ec7 38%,#080c0e19 100%)}
.transformation-stage[data-comparison="business"] .transformation-after{background:#f1d3c1;color:#392c24}
.transformation-stage[data-comparison="business"] .transformation-after::before{background-image:url("https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1400&q=82");background-position:70% center;opacity:.85}
.transformation-stage[data-comparison="business"] .transformation-after::after{background:linear-gradient(90deg,#f5e7d9 0%,#f5e7d9ee 40%,#f5e7d900 85%)}
.transformation-stage[data-comparison="business"] .after-copy h3{font-family:Georgia,serif;color:#463426}
.transformation-stage[data-comparison="business"] .after-copy h3 em{color:#976344}
.transformation-stage[data-comparison="business"] .after-top,.transformation-stage[data-comparison="business"] .after-top span,.transformation-stage[data-comparison="business"] .after-copy>span{color:#483b32}
.transformation-stage[data-comparison="developer"] .transformation-after{background:#07120e}
.transformation-stage[data-comparison="developer"] .transformation-after::before{background:radial-gradient(circle at 78% 42%,#00ee9155,transparent 35%),repeating-linear-gradient(0deg,transparent 0 28px,#62ff9e14 29px 30px),repeating-linear-gradient(90deg,transparent 0 48px,#62ff9e0e 49px 50px);opacity:1}
.transformation-stage[data-comparison="developer"] .transformation-after::after{content:"{ 01 }  /  build()  /  deploy();";font:700 clamp(13px,2.5vw,30px)/1.6 monospace;letter-spacing:.04em;color:#a0ffc355;left:auto;right:4%;top:23%;width:43%;white-space:normal;overflow-wrap:anywhere}
.transformation-stage[data-comparison="creative"] .transformation-after{background:#ddc4a8;color:#35231b}
.transformation-stage[data-comparison="creative"] .transformation-after::before{background-image:url("https://images.unsplash.com/photo-1547891654-e66ed7ebb968?w=1400&q=82");background-position:75% center;opacity:.86}
.transformation-stage[data-comparison="creative"] .transformation-after::after{background:linear-gradient(90deg,#eee1ce 0%,#eee1cedd 42%,#eee1ce00 85%)}
.transformation-stage[data-comparison="creative"] .after-copy h3{color:#35231b}
.transformation-stage[data-comparison="creative"] .after-copy h3 em{color:#98543d}
.transformation-stage[data-comparison="creative"] .after-top,.transformation-stage[data-comparison="creative"] .after-top span,.transformation-stage[data-comparison="creative"] .after-copy>span{color:#3d3026}
@media(max-width:580px){
 .transformation-stage{height:490px;border-width:6px;box-shadow:8px 10px 0 #1215121f}
 .before-nav{padding:12px 10px;font-size:9px;gap:12px}
 .before-nav span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .before-card{width:83%;padding:18px;margin:80px auto 0}
 .before-card h3{font-size:24px}
 .before-card p{font-size:12px}
 .after-top{left:12px;right:12px;top:14px;font-size:8px}
 .after-top span{max-width:48%;text-align:right}
 .after-copy{left:7%;bottom:12%;white-space:normal;max-width:86%}
 .after-copy h3,.transformation-stage[data-comparison="business"] .after-copy h3,.transformation-stage[data-comparison="developer"] .after-copy h3,.transformation-stage[data-comparison="creative"] .after-copy h3{font-size:clamp(43px,12vw,69px);line-height:.94;letter-spacing:-.07em}
 .after-copy>span{font-size:9px}
 .after-cta{padding:12px 15px;font-size:9px}
 .transformation-stage[data-comparison="actor"] .transformation-after::after{background:linear-gradient(90deg,#080c0ef0,#080c0e55)}
}


/* Website-specific preview composition, not generic template cards. */
.transformation-after .after-grid,.transformation-after .after-orbit{display:none}
.transformation-after .after-top{font-family:Arial,sans-serif;font-weight:800;font-size:clamp(10px,1.25vw,18px);letter-spacing:.035em;align-items:center;gap:15px;border-bottom:1px solid currentColor;padding-bottom:16px}
.transformation-after .after-top span{font:600 clamp(8px,.85vw,12px)/1.5 monospace;letter-spacing:.08em;text-align:right}
.transformation-after .after-copy{bottom:13%;left:6%;max-width:85%}
.transformation-after .after-copy h3{font-size:clamp(52px,8vw,125px);line-height:.96;letter-spacing:-.065em}
.transformation-after .after-copy h3 em{letter-spacing:-.055em}
.transformation-stage[data-comparison="business"] .after-copy h3{font-size:clamp(55px,8vw,125px)}
.transformation-stage[data-comparison="creative"] .after-copy h3{font-size:clamp(55px,8vw,125px)}
.transformation-stage[data-comparison="developer"] .after-copy h3{font-size:clamp(55px,8vw,120px)}
@media(max-width:580px){
.transformation-after .after-top{font-size:10px;padding-bottom:10px}
.transformation-after .after-top span{font-size:7px}
.transformation-after .after-copy{left:6%;bottom:14%;max-width:90%}
.transformation-after .after-copy h3,.transformation-stage[data-comparison="business"] .after-copy h3,.transformation-stage[data-comparison="developer"] .after-copy h3,.transformation-stage[data-comparison="creative"] .after-copy h3{font-size:clamp(42px,11vw,62px);line-height:1}
}

/* AWE DIGITAL / RE-LAUNCH — THE SITE IS THE PROOF.
   Deliberately distinctive above-the-fold web experiences. */
:root{--awe-ink:#0b0d10;--awe-volt:#d9fc3e}
.hero{min-height:max(990px,105svh);background:radial-gradient(circle at 80% 34%,#32491d33,transparent 44%),#090d0c!important}
.hero-inner{padding-top:50px}
.hero-title{max-width:78%;font-size:clamp(72px,9.5vw,171px);position:relative;filter:drop-shadow(3px 7px 1px #0007)}
.hero-title .hero-line:first-child{font-style:normal;letter-spacing:-.105em}
.hero-title .hero-line:nth-child(2){font-style:italic;font-family:Georgia,serif;font-weight:400;font-size:.92em;letter-spacing:-.075em}
.hero-title .hero-line.title-last{font-family:system-ui,sans-serif;font-weight:900}
.hero-title .hero-line.title-last em{font-family:Georgia,serif}
.hero-inner .hero-description{max-width:400px}
.hero-description p{font-size:clamp(16px,1.5vw,22px);line-height:1.55}
.hero-art{right:0!important;top:20%!important;width:48%!important;max-height:690px!important;aspect-ratio:1!important;z-index:3!important;filter:none!important;overflow:visible}
.hero-art canvas{opacity:.08!important;pointer-events:none}
.hero-art .art-fallback{opacity:.06!important;pointer-events:none}
.hero-art .art-controls{display:none}
.hero-art .art-label{display:none}
.awe-hero-showreel{position:absolute;inset:4% 1% 0 0;z-index:6;display:flex;flex-direction:column;padding:15px 15px 18px;background:#242b27;transform:perspective(900px) rotateY(-11deg) rotateX(2deg) rotateZ(2deg);box-shadow:0 40px 110px #000e,0 0 0 1px #e4ffe74a;transition:transform .8s cubic-bezier(.2,1,.3,1);pointer-events:auto}
.awe-hero-showreel:hover,.awe-hero-showreel:focus-within{transform:perspective(900px) rotateY(-3deg) rotateX(0deg) rotateZ(0deg)}
.showreel-header{display:flex;justify-content:space-between;gap:8px;padding:3px 4px 15px;font:750 9px monospace;letter-spacing:.08em;color:#e0f3e0}
.reel-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d9fc3e;box-shadow:0 0 15px #cfff2c;margin-right:3px}
.showreel-deck{position:relative;flex:1;min-height:350px;background:#15191b;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff22}
.reel-page{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(35px) scale(.93) rotate(3deg);transition:opacity .7s,transform .85s cubic-bezier(.22,1,.36,1),visibility .7s;pointer-events:none;display:flex;flex-direction:column}
.reel-page.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.reel-browser{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #ffffff66;font:750 10px/1.2 monospace;letter-spacing:.09em;z-index:2;position:relative}
.reel-cinema{background:linear-gradient(90deg,#100d12,#201319 50%,#361f25);color:#fff4df}
.reel-cinema:before{content:"";position:absolute;inset:5% -10% 0 30%;background:radial-gradient(ellipse at 30% 30%,#e3a579,#703831 40%,#1e1719 65%);clip-path:polygon(34% 0,80% 0,100% 100%,0 100%);opacity:.6}
.reel-actor-arc{position:absolute;top:12%;right:10%;width:46%;height:80%;border:5px solid #c7a98b;border-radius:48% 48% 0 0;transform:rotate(10deg);opacity:.85}
.reel-actor-arc>span{position:absolute;inset:10%;border:1px solid #fff7;border-radius:48% 48% 0 0}
.reel-actor-arc>i{position:absolute;top:26%;left:10%;width:80%;height:65%;border-radius:45% 45% 0 0;background:linear-gradient(120deg,#53322b,#cf9e8b 45%,#25191c);box-shadow:inset -35px 0 80px #0008}
.reel-actor-copy{position:absolute;z-index:3;left:7%;top:23%;display:flex;flex-direction:column;gap:23px}
.reel-actor-copy small{font:700 10px monospace;letter-spacing:.13em}
.reel-actor-copy strong{font:900 clamp(54px,5.6vw,105px)/.98 system-ui;letter-spacing:-.035em;word-spacing:.015em}
.reel-actor-copy strong em{font:italic 400 1em/1.12 Georgia,serif;color:#f7ceae;letter-spacing:-.035em;word-spacing:normal}
.reel-actor-copy>span{font:850 9px monospace;letter-spacing:.04em;border-bottom:1px solid;width:max-content;padding-bottom:8px}
.reel-console{background:#08130c;color:#d7ffe0}
.reel-console .reel-browser{color:#9dffa9;border-bottom:1px solid #8cde8d}
.reel-console-copy{position:absolute;z-index:3;left:7%;top:25%}
.reel-console-copy small{font:700 13px monospace;color:#a4f1a6}
.reel-console-copy strong{display:block;margin:35px 0 20px;font:900 clamp(51px,5.9vw,100px)/.82 monospace;letter-spacing:-.11em}
.reel-console-copy p{font:12px monospace;color:#92ac9a}.reel-console-copy>span{font:700 13px monospace;border:1px solid #7dff91;padding:12px;display:inline-block;margin-top:15px}
.reel-cursor{color:#a9ffb7;animation:reel-blink 1s steps(1) infinite}
.reel-technical-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 50px,#85dd8b16 51px 52px),repeating-linear-gradient(0deg,transparent 0 50px,#85dd8b10 51px 52px);pointer-events:none}
.reel-boutique{background:#f7e1e1;color:#633a4c}
.reel-boutique .reel-browser{border-color:#a86a82}
.reel-boutique-petal{position:absolute;right:-5%;bottom:-30%;font-size:clamp(300px,33vw,580px);line-height:1;color:#ba7f9c;transform:rotate(-15deg);animation:petal-turn 20s linear infinite;opacity:.7}
.reel-boutique-copy{position:absolute;z-index:3;top:30%;left:8%;max-width:80%}
.reel-boutique-copy small{font:750 11px monospace;letter-spacing:.1em}
.reel-boutique-copy strong{font:400 clamp(49px,5.4vw,90px)/.92 Georgia,serif;display:block;margin:25px 0}
.reel-boutique-copy strong em{color:#af597e}
.reel-boutique-copy p{font:14px Georgia,serif}.reel-boutique-copy>span{display:inline-block;margin-top:17px;background:#773d5b;color:#fff;padding:14px 17px;font:800 10px monospace}
.showreel-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.showreel-dots{display:flex;gap:8px}
.showreel-dots button{width:27px;height:7px;border:1px solid #a1b29b;background:#626c5f;cursor:pointer;transition:width .3s,background .3s}
.showreel-dots button[aria-pressed=true]{background:#d9fc3e;border-color:#d9fc3e;width:45px}
.showreel-next{border:0;background:#d9fc3e;color:#161b13;font:850 9px monospace;cursor:pointer;padding:11px 14px;display:flex;gap:25px;align-items:center}
.showreel-next span{font-size:15px}
#reel-explore{color:#d9fc3e;font:850 10px monospace;text-decoration:none;white-space:nowrap}
#reel-explore:hover,#reel-explore:focus-visible{color:#fff}
.awe-hero-showreel button:focus-visible,.awe-hero-showreel a:focus-visible{outline:3px solid #d9fc3e;outline-offset:3px}
.awe-impact-statement{position:relative;overflow:hidden;background:#e4ff37;color:#09150c;min-height:97svh;padding:clamp(85px,11vw,175px) 0;isolation:isolate}
.impact-wordmark{position:absolute;inset:auto -10% -11% auto;font:1000 clamp(120px,18vw,350px)/1 system-ui;letter-spacing:-.12em;white-space:nowrap;color:#0613060b;transform:rotate(-10deg);pointer-events:none}
.impact-eyebrow{display:flex;justify-content:space-between;gap:30px;border-top:4px solid #101a12;padding-top:15px;position:relative;z-index:3}
.awe-impact-statement h2{position:relative;z-index:3;margin:clamp(35px,7vw,92px) 0 clamp(42px,5vw,70px);font:1000 clamp(64px,9.6vw,168px)/1.03 system-ui,sans-serif;letter-spacing:-.115em;max-width:100%}
.awe-impact-statement h2 span{display:block;white-space:nowrap}
.awe-impact-statement h2 em{display:block;font:italic 400 clamp(50px,6.5vw,110px)/1.13 Georgia,serif;letter-spacing:-.07em;color:#294627;transform:translateX(2vw);margin-top:clamp(18px,2.8vw,40px);white-space:normal}
.impact-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;border-top:3px solid;padding-top:35px;position:relative;z-index:3}
.impact-bottom p{font:500 clamp(20px,2.2vw,34px)/1.3 system-ui,sans-serif;max-width:820px;letter-spacing:-.04em}
.impact-bottom a{background:#0b1610;color:#e4ff37;padding:21px 27px;font:900 12px monospace;text-decoration:none;white-space:nowrap;transition:transform .3s}
.impact-bottom a:hover{transform:translateY(-8px)}
.impact-rings{position:absolute;right:0;top:0;width:40vw;aspect-ratio:1;pointer-events:none;z-index:1;opacity:.17;animation:ring-spin 24s linear infinite}
.impact-rings i{position:absolute;inset:20%;border:10px solid #1b4a15;border-radius:50%;transform:rotate(-25deg) scaleX(.7)}
.impact-rings i:nth-child(2){inset:12%;transform:rotate(45deg) scaleX(.5)}.impact-rings i:nth-child(3){inset:0;transform:rotate(90deg) scaleX(.76)}
@keyframes ring-spin{to{transform:rotate(360deg)}}
@keyframes reel-blink{50%{opacity:0}}
@keyframes petal-turn{to{transform:rotate(345deg)}}
@media(max-width:1100px){
 .hero-art{width:48%!important;right:-6%!important;top:23%!important}
 .awe-hero-showreel{inset:5% 0 13% 0}
 .showreel-controls{flex-wrap:wrap}.reel-actor-copy strong{font-size:clamp(42px,5vw,68px)}
 .hero-title{font-size:clamp(60px,9vw,119px)}
}
@media(min-width:801px) and (max-width:1200px){
 .awe-impact-statement h2{font-size:clamp(67px,9.3vw,115px)}
 .awe-impact-statement h2 em{font-size:clamp(49px,6.2vw,81px);transform:translateX(1.2vw)}
}
@media(max-width:800px){
 .hero{min-height:0!important;display:block;padding-top:110px;padding-bottom:50px}
 .hero-inner{padding-top:20px;padding-bottom:20px}
 .hero-title{max-width:100%;font-size:clamp(53px,11vw,94px)}
 .hero-bottom{max-width:100%}
 .hero-art{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:min(660px,94%)!important;aspect-ratio:1.1!important;margin:0 auto 35px;max-height:none!important}
 .awe-hero-showreel{inset:4% 0 8% 0;transform:none}
 .awe-hero-showreel:hover,.awe-hero-showreel:focus-within{transform:none}
 .reel-actor-copy strong{font-size:clamp(48px,9vw,86px)}
 .awe-impact-statement{min-height:0;padding:100px 0}
 .awe-impact-statement h2{font-size:clamp(58px,13vw,120px)}
 .awe-impact-statement h2 em{font-size:.75em;transform:none;white-space:normal}
 .impact-bottom{flex-direction:column;align-items:start}
}
@media(max-width:540px){
 .hero-art{width:100%!important;aspect-ratio:1.05!important;margin-top:22px}
 .showreel-deck{min-height:300px}
 .awe-hero-showreel{inset:0 0 5% 0;padding:9px}
 .showreel-header{font-size:8px;padding:5px 2px 12px}
 .reel-browser{font-size:7px;padding:12px 9px}
 .reel-actor-copy{gap:13px}.reel-actor-copy strong{font-size:clamp(45px,11vw,66px)}.reel-actor-copy small{font-size:8px}
 .reel-console-copy strong{font-size:clamp(40px,11vw,66px)}
 .reel-boutique-copy strong{font-size:clamp(43px,10vw,70px)}
 .reel-actor-copy>span,.reel-boutique-copy>span{font-size:8px}
 .reel-actor-arc{right:0}
 .showreel-controls{margin-top:10px}.showreel-next{padding:10px;font-size:8px;gap:8px}
 .showreel-dots button{width:17px}.showreel-dots button[aria-pressed=true]{width:26px}
 #reel-explore{font-size:8px}
 .awe-impact-statement h2{font-size:clamp(51px,13.5vw,83px)}.awe-impact-statement h2 span{white-space:normal}
 .impact-bottom a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .awe-hero-showreel,.reel-page,.showreel-dots button,.impact-rings,.reel-cursor,.reel-boutique-petal{animation:none!important;transition:none!important}
}
html.motion-paused .awe-hero-showreel,html.motion-paused .reel-page,html.motion-paused .impact-rings,html.motion-paused .reel-cursor,html.motion-paused .reel-boutique-petal{animation:none!important;transition:none!important}

/* Layout-level fix: the live demo gets a real grid column instead of floating over hero text. */
@media (min-width: 961px) {
  .hero{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;align-items:center!important;gap:clamp(24px,3vw,60px)!important;padding:125px max(35px,5vw) 80px!important;min-height:850px!important}
  .hero-inner.page-width{grid-column:1;grid-row:1;width:100%!important;max-width:none!important;margin:0!important;padding:20px 0 50px!important;min-width:0;z-index:3}
  .hero-art{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;right:auto!important;top:auto!important;left:auto!important;width:100%!important;max-width:680px!important;aspect-ratio:1/1.02!important;height:auto!important;max-height:none!important;margin:0!important;transform:none!important;z-index:2!important;align-self:center}
  .awe-hero-showreel{inset:0!important;transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg);padding:13px}
  .awe-hero-showreel:hover,.awe-hero-showreel:focus-within{transform:perspective(1400px) rotateY(0deg)}
  .hero-title{max-width:100%!important;font-size:clamp(46px,5.1vw,100px)!important;line-height:.91;letter-spacing:-.095em}
  .hero-title .hero-line:nth-child(1),.hero-title .hero-line:nth-child(2),.hero-title .title-last{font-size:1em!important}
  .hero-bottom{margin-top:45px;gap:20px;align-items:start;flex-wrap:wrap}
  .hero-meta{flex-wrap:wrap;margin-bottom:40px}
  .hero-supernote{gap:8px;flex-wrap:wrap}
  .hero-footer{position:absolute;bottom:20px;left:5vw;right:5vw;width:auto;transform:none}
}
@media(min-width:961px) and (max-width:1280px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important;padding-inline:3vw!important}
  .hero-title{font-size:clamp(47px,5.3vw,71px)!important}
  .hero-description p{font-size:15px}
  .reel-actor-copy strong{font-size:clamp(38px,4.6vw,63px)!important}
  .reel-console-copy strong{font-size:clamp(35px,4.4vw,58px)!important}
  .reel-boutique-copy strong{font-size:clamp(38px,4.6vw,62px)!important}
}
@media (max-width:960px){
  .hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:105px 0 36px!important;min-height:0!important}
  .hero-inner.page-width{order:1;width:min(100% - 36px,800px)!important;padding:10px 0 0!important;max-width:none!important;margin:0 auto!important}
  .hero-title{max-width:100%!important;font-size:clamp(47px,10vw,102px)!important}
  .hero-title .hero-line:nth-child(1),.hero-title .hero-line:nth-child(2),.hero-title .title-last{font-size:1em!important}
  .hero-bottom{margin-top:35px}
  .hero-art{order:2;position:relative!important;inset:auto!important;width:min(100% - 36px,700px)!important;max-width:700px!important;aspect-ratio:1.14!important;margin:35px auto 40px!important;transform:none!important;right:auto!important;top:auto!important}
  .awe-hero-showreel{inset:0!important;transform:none!important}
  .awe-hero-showreel:hover,.awe-hero-showreel:focus-within{transform:none!important}
  .hero-footer{order:3;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:min(100% - 36px,800px)!important;margin:0 auto!important;gap:18px;flex-wrap:wrap}
}
@media(max-width:540px){
  .hero-title{font-size:clamp(41px,10.6vw,65px)!important}
  .hero-meta{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:22px}
  .hero-supernote{font-size:8px}
  .hero-art{width:calc(100% - 20px)!important;aspect-ratio:1.05!important;margin:24px auto 30px!important}
  .reel-browser{font-size:7px}
  .showreel-deck{min-height:280px}
  .hero-description{max-width:100%}
  .hero-scroll{display:none}
}

/* Mobile hero fit — size the showreel by its content, not by a fixed ratio.
   Its controls previously spilled below the frame and collided with the
   "scroll to see" footer on narrow iPhone screens. */
@media (max-width:960px){
  .hero-art{
    height:auto!important;
    aspect-ratio:auto!important;
    min-height:0!important;
    overflow:visible!important;
    margin-bottom:0!important;
  }
  .hero-art .awe-hero-showreel{
    position:relative!important;
    inset:auto!important;
    width:100%;
    min-width:0;
    height:auto;
    transform:none!important;
  }
  .hero-art .showreel-deck{
    flex:none;
    height:clamp(325px,58vw,490px);
    min-height:0;
  }
  .hero-art .showreel-controls{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    min-height:48px;
    padding-bottom:3px;
  }
  .hero-footer.page-width{
    margin-top:30px!important;
    padding-block:16px 22px;
    border-top:1px solid rgba(217,252,62,.24);
    position:relative!important;
    inset:auto!important;
    min-height:54px;
    align-items:center;
  }
}
@media (max-width:540px){
  .hero-art .showreel-deck{height:clamp(315px,100vw,450px)}
  .hero-art .awe-hero-showreel{padding:10px}
  .hero-art .showreel-controls{min-height:56px;row-gap:12px}
  .hero-art .showreel-dots{min-width:75px}
  .hero-footer.page-width{margin-top:33px!important;gap:15px}
  .hero-footer .mono{font-size:10px;line-height:1.6}
}

/* Desktop-only reveal motion with a fail-open static baseline. This state is
   enabled only after JavaScript has installed an IntersectionObserver. */
@media(min-width:961px) and (prefers-reduced-motion:no-preference){
  html.motion-ready:not(.motion-paused) .reveal:not(.in-view){
    opacity:0;transform:translate3d(0,30px,0);
    transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);
  }
  html.motion-ready:not(.motion-paused) .reveal.in-view{
    opacity:1;transform:translate3d(0,0,0);
    transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);
  }
}

/* Requested desktop animation showcase; phone scrolling stays lightweight. */
@media(min-width:961px){
 html.awe-motion-on.motion-ready .reveal:not(.in-view){
 opacity:0;transform:translate3d(0,32px,0);
 transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
 html.awe-motion-on.motion-ready .reveal.in-view{
 opacity:1;transform:translate3d(0,0,0);
 transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
 .hero:before{animation:cinema-glow 14s ease-in-out infinite alternate!important}
 .impact-rings{animation:ring-spin 24s linear infinite!important}
 .reel-cursor{animation:reel-blink 1s steps(1) infinite!important}
 .worlds-accent{animation:worlds-orbit 18s linear infinite!important}
 .reel-boutique-petal{animation:petal-turn 20s linear infinite!important}
}

/* AWE CONCEPTS / STUDIO EDITION 04. Art direction, not generic web-app cards. */
:root{--awe-citrus:#dcfc46;--awe-ink:#101411}
.site-header{border-bottom:1px solid #f3ffe61d;box-shadow:0 12px 40px #0004}
.site-header .nav-link{position:relative}
.site-header .nav-link:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--awe-citrus);transition:width .35s}
.site-header .nav-link:hover:after,.site-header .nav-link:focus-visible:after{width:100%}
.hero{background:radial-gradient(ellipse at 84% 40%,#555c2e42,transparent 41%),radial-gradient(ellipse at 22% 76%,#00594134,transparent 42%),#0a0d0b}
.hero-grid{opacity:.32}
.hero-noise-light{background:radial-gradient(ellipse,#bbdd5c25,transparent 66%);filter:blur(52px)}
.hero-title{text-shadow:0 12px 33px #0005}
.hero-description{border-top:1px solid #d7fd6b30;padding-top:12px}
.hero-description p{font-size:clamp(16px,1.25vw,19px);line-height:1.65;letter-spacing:-.02em}
.hero-art .awe-hero-showreel{background:#17221c;box-shadow:0 42px 115px #000b,0 0 0 1px #b7e64d47}
.hero-art .showreel-deck{border:1px solid #f2f5e62d}
.section-heading-copy{font-size:clamp(16px,1.2vw,19px);line-height:1.65}
.section-title{text-wrap:balance}
.work{background:#101511}
.project-card .project-visual{transition:filter .55s ease,box-shadow .55s ease}
.project-card:hover .project-visual{box-shadow:0 20px 70px #0009;filter:brightness(1.05)}
.project-card .project-caption{border-top:1px solid #f8fcf130;padding-top:19px;margin-top:4px}
.services{background:radial-gradient(ellipse at 95% 0,#b5d85b10,transparent 50%),#0e1210}
.service-row:hover{background:#d8fc450b;border-color:#d8fc4660}
.pricing{background:linear-gradient(175deg,#151a17,#0d100e)}
.pricing-card{border-radius:2px;border-color:#effcc836;position:relative;background:radial-gradient(ellipse at 100% 0,#dcfc4612,transparent 67%),#151a16}
.pricing-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:#e8f4c236;transition:background .3s}
.pricing-card:hover:before,.pricing-card:focus-within:before{background:var(--awe-citrus)}
.pricing-featured{background:radial-gradient(ellipse at 100% 0,#d8fb4e22,transparent 64%),#1c271d;border-color:#cbf65293}
.worlds{background:radial-gradient(ellipse at 92% 20%,#b0d85c0b,transparent 52%),#0a0e0c}
.worlds-screen{border-color:#c4ef8742;background:#171d18;box-shadow:0 35px 90px #000a}
.worlds-choice[aria-pressed=true]{background:#c6f25c12}
.worlds-bottom{display:flex;flex-wrap:wrap}
.worlds-contact-link{color:#eff2e3;text-underline-offset:7px;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.08em;margin-left:auto;white-space:nowrap}
.worlds-contact-link:hover{color:var(--awe-citrus)}
.lab-layout{box-shadow:0 24px 65px #21322120}
.contact{background:radial-gradient(ellipse at 86% 7%,#cfec701b,transparent 42%),#0a0d0b}
.studio-journey{position:relative;overflow:hidden;background:#e9eee0;color:#172318;border-top:9px solid #d9fc46}
.studio-journey:before{content:"";position:absolute;inset:-40% -10% auto auto;width:60vw;aspect-ratio:1;border:1px solid #58723b21;border-radius:50%;box-shadow:0 0 0 4vw #7298550b,0 0 0 13vw #72985507;pointer-events:none}
.journey-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #1c2e2260;padding-bottom:23px;font:750 10px/1.6 ui-monospace,monospace;letter-spacing:.12em}
.journey-heading{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:5%;padding:80px 0 75px}
.journey-eyebrow{font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.15em}
.journey-heading h2{font:900 clamp(66px,8.8vw,155px)/.87 Arial,system-ui,sans-serif;letter-spacing:-.105em;text-transform:uppercase;margin:24px 0 0;text-wrap:balance}
.journey-heading h2 em{font:italic 400 1.03em/.94 Georgia,serif;text-transform:none;color:#4b6736;letter-spacing:-.075em}
.journey-heading>p{font:400 clamp(17px,1.25vw,21px)/1.65 Arial,sans-serif;max-width:360px;letter-spacing:-.02em}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #22342955;background:#f4f3ea}
.journey-step{position:relative;display:flex;flex-direction:column;min-height:420px;padding:clamp(24px,3vw,48px);border-right:1px solid #22342955;transition:background .35s,color .35s}
.journey-step:last-child{border-right:0}
.journey-step:hover{background:#d9fc46;color:#172318}
.journey-number,.journey-foot{font:800 10px ui-monospace,monospace;letter-spacing:.12em}
.journey-symbol{position:absolute;right:30px;top:25px;font:350 38px/1 Georgia,serif;transition:transform .35s}
.journey-step:hover .journey-symbol{transform:translate(5px,-5px) rotate(-12deg)}
.journey-step h3{font:800 clamp(39px,4vw,68px)/.94 Arial,sans-serif;letter-spacing:-.085em;margin:100px 0 22px}
.journey-step p{max-width:380px;font-size:15px;line-height:1.7}
.journey-foot{display:block;margin-top:auto;padding-top:28px;border-top:1px solid #31462b55}
.journey-finish{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:35px 0 0}
.journey-finish p{max-width:580px;font:15px/1.6 Arial,sans-serif}
.journey-finish a{display:inline-flex;gap:35px;align-items:center;min-height:56px;padding:17px 24px;background:#19271c;color:#e9ffb1;text-decoration:none;font:800 11px ui-monospace,monospace;white-space:nowrap;transition:transform .3s,background .3s}
.journey-finish a:hover{background:#365b2c;transform:translateY(-4px)}
.journey-finish a:focus-visible{outline:3px solid #17261a;outline-offset:4px}
@media(max-width:960px){
 .journey-heading{grid-template-columns:1fr;gap:25px;padding:55px 0}
 .journey-heading>p{max-width:620px}
 .journey-step{min-height:340px;padding:23px}
 .journey-step h3{margin-top:75px;font-size:clamp(35px,4.8vw,53px)}
 .journey-finish{flex-wrap:wrap}
 .worlds-contact-link{margin-left:0}
}
@media(max-width:680px){
 .studio-journey{padding-block:65px}
 .journey-topline{font-size:8px}
 .journey-topline span:last-child{display:none}
 .journey-heading h2{font-size:clamp(49px,13.6vw,91px)}
 .journey-grid{grid-template-columns:1fr}
 .journey-step{min-height:265px;padding:28px;border-right:0;border-bottom:1px solid #22342955}
 .journey-step:last-child{border-bottom:0}
 .journey-step h3{margin:47px 0 15px;font-size:clamp(38px,11vw,57px)}
 .journey-step p{font-size:14px}
 .journey-finish a{white-space:normal;width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.journey-step:hover .journey-symbol{transform:none}}

/* AWE CONCEPTS — Living Website Universe.
   The hero reveals sandboxed snapshots of actual generated Express websites,
   with a browser-native, accessible full-screen preview. */
.awe-universe{display:none;position:absolute;inset:0;z-index:12;isolation:isolate;flex-direction:column;min-width:0;min-height:0;padding:clamp(12px,1.6vw,24px);background:radial-gradient(ellipse at 48% 40%,#355c2d75 0%,#142018 48%,#0b1210 82%);border:1px solid #c9fc5f46;box-shadow:0 32px 90px #0008, inset 0 0 70px #b4f8620a;overflow:hidden}
.awe-universe::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#d7fb4a12 1px,transparent 1px),linear-gradient(90deg,#d7fb4a12 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000,transparent 80%)}
.universe-ready .awe-universe{display:flex}
.universe-ready .hero-art .awe-hero-showreel{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
.universe-ready .hero-art canvas,.universe-ready .hero-art .art-fallback,.universe-ready .hero-art .art-cross{visibility:hidden!important}
.universe-topline,.universe-footer{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#eef9e6;font:700 clamp(8px,.72vw,11px)/1.5 "DM Mono",monospace;letter-spacing:.08em}
.universe-topline{border-bottom:1px solid #e2fcc040;padding-bottom:12px}
.universe-status{display:inline-flex;align-items:center;gap:10px;color:#d9fb66}
.universe-status i{display:block;width:7px;height:7px;border-radius:50%;background:#d9fb66;box-shadow:0 0 14px #d9fb66}
.universe-footer{padding-top:13px;border-top:1px solid #e2fcc040;font-size:9px}
.universe-footer>a{color:#ddfa67;text-decoration:none;white-space:nowrap}
.universe-footer>a:focus-visible,.universe-footer>a:hover{text-decoration:underline}
.universe-field{position:relative;flex:1;min-height:0;perspective:1150px;transform-style:preserve-3d}
.universe-card{--u-rotate:-8deg;--u-shift-x:0px;--u-shift-y:0px;--u-tilt-x:0deg;--u-tilt-y:0deg;position:absolute;width:56%;aspect-ratio:1.36;min-width:0;transform:translate3d(var(--u-shift-x),var(--u-shift-y),0) rotate(var(--u-rotate)) rotateX(var(--u-tilt-x)) rotateY(var(--u-tilt-y));transform-origin:center;transition:transform .62s cubic-bezier(.2,.9,.2,1),filter .4s;filter:drop-shadow(0 21px 13px #0009);will-change:transform}
.universe-card--cinematic{left:2%;top:5%;z-index:2;--u-rotate:-10deg}
.universe-card--metal{right:0%;top:8%;z-index:3;--u-rotate:10deg}
.universe-card--sculpt{left:1%;bottom:10%;z-index:4;--u-rotate:7deg}
.universe-card--athletic{right:0%;bottom:4%;z-index:5;--u-rotate:-8deg}
.universe-card{animation:universe-drift 5.7s ease-in-out infinite alternate}
@keyframes universe-drift{0%{translate:0 5px}100%{translate:0 -9px}}
.universe-card--metal{animation-duration:6.3s;animation-delay:-1.1s}
.universe-card--sculpt{animation-duration:7.1s;animation-delay:-2.3s}
.universe-card--athletic{animation-duration:6.6s;animation-delay:-3.1s}
.universe-card:hover,.universe-card:focus-within{animation-play-state:paused;z-index:10;--u-rotate:0deg;filter:drop-shadow(0 30px 24px #000c);transform:translate3d(var(--u-shift-x),calc(var(--u-shift-y) - 8px),0) rotate(var(--u-rotate)) rotateX(var(--u-tilt-x)) rotateY(var(--u-tilt-y)) scale(1.055)}
.universe-card-frame{width:100%;height:100%;display:flex;flex-direction:column;background:#111719;border:1px solid #f6ffdbb3;overflow:hidden;box-shadow:0 0 0 2px #0006}
.universe-browser{height:23px;min-height:23px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;color:#e8efe6;background:#171c1a;font:700 clamp(6px,.6vw,9px)/1 "DM Mono",monospace;letter-spacing:.065em}
.universe-browser-dots{display:inline-flex;gap:4px}
.universe-browser-dots i{display:block;width:5px;height:5px;border:1px solid #d6e2d680;border-radius:50%}
.universe-snapshot{position:relative;flex:1;min-height:0;overflow:hidden;background:#161c19}
.universe-snapshot iframe{position:absolute;top:0;left:0;width:1200px;height:var(--u-document-height,850px);border:0;transform-origin:top left;transform:scale(var(--u-scale,.22));pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .45s,clip-path .85s cubic-bezier(.2,.8,.2,1);max-width:none}
.universe-snapshot[data-loaded="true"] iframe{opacity:1;clip-path:inset(0)}
.universe-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:14px;color:#e9ffb8;font:900 clamp(22px,3.5vw,58px)/1 Arial,sans-serif;letter-spacing:-.07em;text-align:center;overflow-wrap:anywhere}
.universe-card--cinematic .universe-snapshot{background:radial-gradient(circle at 70% 20%,#836b72 0,transparent 50%),#151014}
.universe-card--metal .universe-snapshot{background:linear-gradient(130deg,#707b82,#23282d 35%,#b6bdbe 52%,#202b32 72%)}
.universe-card--sculpt .universe-snapshot{background:radial-gradient(circle at 70% 30%,#ffc857 0%,#ff5b8b 45%,#7927a3 95%)}
.universe-card--athletic .universe-snapshot{background:linear-gradient(150deg,#242424,#414141 45%,#d0e837 46%,#252921 73%)}
.universe-card-footer{height:32px;min-height:32px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#eff8e6;color:#151b13;font:800 clamp(8px,.78vw,11px)/1 "DM Mono",monospace;letter-spacing:.06em}
.universe-card-footer span{font-size:8px;white-space:nowrap}
.universe-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.universe-open:focus-visible{outline:3px solid #e4fd67;outline-offset:6px}
.universe-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;width:min(96vw,1550px);height:min(94dvh,1020px);max-width:96vw;max-height:94dvh;color:#f4f7ed;background:#0b1210;border:1px solid #defa7470;box-shadow:0 45px 180px #000c;overflow:hidden}
.universe-dialog::backdrop{background:#030806e8;backdrop-filter:blur(12px)}
.universe-dialog[open]{display:block}
.universe-dialog-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.universe-dialog-bar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #d4fc543e}
.universe-back,.universe-device-switch button{cursor:pointer;border:1px solid #bde76966;background:transparent;color:#e4f3dc;padding:11px 13px;font:700 10px/1.35 "DM Mono",monospace;letter-spacing:.04em}
.universe-back{text-align:left;justify-self:start}
.universe-back span{font:20px/0 Arial,sans-serif;margin-right:9px}
.universe-dialog-identity{text-align:center;display:flex;flex-direction:column;gap:3px}
.universe-dialog-identity strong{font:900 clamp(17px,2vw,30px)/1 "Space Grotesk",Arial,sans-serif;letter-spacing:-.045em}
.universe-dialog-eyebrow{font:700 8px "DM Mono",monospace;color:#b0c6aa;letter-spacing:.1em}
#universe-standalone{justify-self:end;font:800 10px "DM Mono",monospace;white-space:nowrap;color:#d9f956;text-decoration:none}
#universe-standalone:hover{text-decoration:underline}
.universe-preview-wrap{position:relative;flex:1;min-height:0;background:#1a201e;display:flex;justify-content:center;align-items:stretch;overflow:hidden}
.universe-preview-wrap iframe{position:relative;z-index:2;border:0;width:100%;height:100%;background:white;clip-path:inset(0 0 100% 0);transition:width .55s cubic-bezier(.22,.8,.25,1),box-shadow .55s,clip-path .95s cubic-bezier(.16,1,.3,1),opacity .5s}
.universe-preview-wrap.is-revealed iframe{clip-path:inset(0)}
.universe-preview-wrap[data-device="mobile"]{padding:10px;background:repeating-linear-gradient(45deg,#141b18 0 15px,#111713 15px 30px)}
.universe-preview-wrap[data-device="mobile"] iframe{width:min(390px,100%);box-shadow:0 0 0 1px #fff3,0 20px 60px #0009}
.universe-preview-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font:700 12px "DM Mono",monospace;letter-spacing:.12em;color:#d1ec8f;text-align:center;padding:20px}
.universe-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-top:1px solid #d4fc543e}
.universe-dialog-bottom p{margin:0;max-width:390px;font:11px/1.5 "DM Sans",Arial,sans-serif;color:#bbc8b8}
.universe-device-switch{display:flex;gap:4px}
.universe-device-switch button[aria-pressed="true"]{background:#d9fc46;color:#151811;border-color:#d9fc46}
.universe-choose{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 16px;background:#d9fc46;color:#10160e;font:850 10px/1 "DM Mono",monospace;text-decoration:none;white-space:nowrap}
.universe-dialog button:focus-visible,.universe-dialog a:focus-visible{outline:3px solid #d9fc46;outline-offset:3px}
body.universe-dialog-open{overflow:hidden}
@media(min-width:961px){
  .universe-ready .hero-art{overflow:visible}
  .universe-ready .awe-universe{inset:0;max-height:100%}
}
@media(max-width:960px){
  .universe-ready .hero-art{height:auto!important;aspect-ratio:auto!important;min-height:0!important;overflow:visible!important}
  .universe-ready .hero-art .awe-hero-showreel{position:absolute!important;inset:0!important;height:100%!important;visibility:hidden!important;pointer-events:none!important}
  .awe-universe{position:relative;inset:auto;width:100%;min-height:400px;padding:14px;overflow:hidden}
  .universe-field{display:flex;align-items:center;gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:10%;-webkit-overflow-scrolling:touch;padding:15px 10% 20px;min-height:300px}
  .universe-card,.universe-card:hover,.universe-card:focus-within{animation:none;translate:none;position:relative;flex:0 0 min(72vw,375px);width:min(72vw,375px);aspect-ratio:1.22;left:auto;right:auto;top:auto;bottom:auto;z-index:auto;--u-rotate:0deg;--u-tilt-x:0deg;--u-tilt-y:0deg;--u-shift-x:0px;--u-shift-y:0px;transform:none;scroll-snap-align:center;filter:drop-shadow(0 17px 13px #0009)}
  .universe-topline,.universe-footer{font-size:8px}
  .universe-card-footer{font-size:10px}
  .universe-fallback{font-size:clamp(22px,8vw,46px)}
  .universe-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0}
  .universe-dialog-bar{padding:12px;grid-template-columns:1fr auto}
  .universe-dialog-identity{grid-column:1/-1;grid-row:1}
  .universe-back{grid-column:1;grid-row:2;font-size:9px}
  #universe-standalone{grid-column:2;grid-row:2;font-size:9px}
  .universe-dialog-bottom{flex-wrap:wrap;padding:12px;gap:10px}
  .universe-dialog-bottom p{flex:1 1 100%;font-size:10px}
  .universe-device-switch button{padding:9px 10px;font-size:9px}
  .universe-choose{padding:11px 12px;font-size:9px;gap:10px}
}
@media(max-width:400px){
  .awe-universe{min-height:355px;padding:10px}
  .universe-topline>span:last-child{font-size:7px}
  .universe-field{min-height:265px;gap:12px;padding-inline:8%}
  .universe-card,.universe-card:hover,.universe-card:focus-within{flex-basis:80vw;width:80vw}
  .universe-footer{font-size:7px}
  .universe-footer>a{font-size:7px}
  .universe-browser{font-size:7px}
  .universe-card-footer span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .universe-card,.universe-card-frame,.universe-snapshot iframe,.universe-preview-wrap iframe{transition:none!important;animation:none!important;clip-path:none!important}
}