
/* V3 builds on the V2 layout, sections and controls. */
:root{--ink:#f1f1f0;--paper:#080808;--muted:#a5a5a5;--lime:#e0e0df;--line:#303030;background:#080808;color:#f2f2f0}
::selection{background:#ddd;color:#111}html{scroll-padding-top:88px}body{overflow-x:hidden}section{padding:112px 5.5vw}em{font-family:Georgia,serif;color:#b8b8bb}a,button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav{position:sticky;top:0;background:#080808e8;backdrop-filter:blur(16px);z-index:50;padding:21px 5.5vw;border-color:#262626}.wordmark{font-size:16px;font-weight:800;letter-spacing:-.8px;line-height:.95}.wordmark span{font-size:10px;vertical-align:top;color:#b9b9b9;margin:0 3px}.wordmark small{position:static;display:block;letter-spacing:6px;font-size:9px;margin-top:5px}.nav nav{gap:30px;font-size:11px}.nav-cta{border-color:#666}.nav-cta:hover{background:#e5e5e5;color:#111}.skip{background:white;color:black;z-index:100}.immersive-hero{height:calc(100svh - 78px);max-height:1100px;min-height:720px;padding:0 5.5vw;isolation:isolate;background:#050505;position:relative}.immersive-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block}.hero-grain{pointer-events:none;position:absolute;inset:0;z-index:4;opacity:.2;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-meta{position:absolute;top:28px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#aaa}.intro-heading{position:absolute;left:5.5vw;top:18%;max-width:48%;pointer-events:none;transition:opacity .45s,transform .7s}.intro-heading h1{font-size:clamp(65px,7.5vw,125px);line-height:.94;letter-spacing:-.075em;margin:24px 0 27px}.intro-heading h1 em{font-size:.95em;color:#c1c1c4;letter-spacing:-.075em}.intro-heading>p:last-child{max-width:340px;font-size:12px;line-height:1.8;color:#b6b6b6}.intro-heading .eyebrow{font-size:8px;color:#a7a7a7}.immersive-hero[data-chapter="1"] .intro-heading{opacity:0;transform:translateY(-20px)}.immersive-hero[data-chapter="2"] .intro-heading,.immersive-hero[data-chapter="3"] .intro-heading{max-width:34%;top:21%}.immersive-hero[data-chapter="2"] h1,.immersive-hero[data-chapter="3"] h1{font-size:clamp(55px,5.7vw,90px)}.intro-bottom{position:absolute;left:5.5vw;right:5.5vw;bottom:130px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:6}.intro-actions{display:flex;align-items:center;gap:24px}.silver-button{background:linear-gradient(125deg,#fafafa,#b5b5b5 55%,#efefef);color:#101010;padding:16px 20px;border-radius:2px;font-size:11px;font-weight:600;box-shadow:0 3px 20px #ffffff10}.silver-button span{margin-left:25px}.silver-button:hover{background:white;transform:translateY(-2px)}.text-link{font-size:10px;color:#ccc;border-bottom:1px solid #777;padding-bottom:5px}.intro-controls{display:flex;gap:10px;align-items:center}.intro-controls button{color:#ccc;background:#151515a8;border:1px solid #555;padding:12px 16px;font-size:10px}.intro-controls button:hover{background:white;color:black}.chapter-track{position:absolute;bottom:58px;left:5.5vw;right:5.5vw;display:grid;grid-template-columns:repeat(4,1fr);z-index:6}.chapter-track button{position:relative;border:0;border-top:1px solid #454545;padding:17px 0;text-align:left;color:#777;background:transparent;font-size:9px;letter-spacing:.13em}.chapter-track button span{font-size:8px;margin-right:12px}.chapter-track button.active{color:white;border-color:#eee}.chapter-track button:before{content:"";position:absolute;top:-1px;height:1px;width:0;background:white}.chapter-track button.active:before{animation:chapter-progress 3s linear forwards}.intro-caption{position:absolute;bottom:20px;left:5.5vw;font-size:8px;letter-spacing:.08em;color:#777}.hero-fallback{display:none;position:absolute;right:8%;top:16%;font-size:clamp(50px,10vw,150px);line-height:.9;font-weight:900;letter-spacing:-.08em;transform:perspective(900px) rotateY(-20deg);background:linear-gradient(170deg,#fff,#666 25%,#eee 31%,#333 50%,#eee 58%,#666 70%,white);background-clip:text;color:transparent;filter:drop-shadow(12px 14px 0 #242424)}.hero-fallback span{display:block}.no-webgl .hero-fallback{display:block}.no-webgl #chrome-canvas{display:none}.no-webgl .intro-heading{max-width:43%;opacity:1!important}
.reel-section{padding-top:75px;border-top:1px solid #222}.section-head .eyebrow{color:#a0a0a0}.section-head>p:last-child{color:#999}.reel{background:#111;border:1px solid #333;box-shadow:0 35px 100px #000}.reel-top{padding:20px 25px;color:#aaa}.world-tabs{display:flex;gap:7px;padding:0 18px 18px;flex-wrap:wrap}.world-tabs button{background:transparent;border:1px solid #444;border-radius:30px;color:#aaa;font-size:10px;padding:10px 17px;transition:background .25s,color .25s}.world-tabs button[aria-pressed="true"]{background:#e8e8e8;color:#111;border-color:#e8e8e8}.reel-stage{margin:0 18px;min-height:480px;aspect-ratio:1.9;perspective:1200px;transform-style:preserve-3d;transition:background .7s,color .7s,transform .5s;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry))}.scene-nav{padding:30px 36px}.scene-nav strong{font-size:15px}.scene-body{left:6%;top:25%;max-width:51%;transform:translateZ(32px)}.scene-body h2{font-size:clamp(45px,5.9vw,90px);margin:18px 0;line-height:.96}.scene-body p{max-width:300px;font-size:11px}.scene-body>button{border:0;border-bottom:1px solid currentColor;color:inherit;background:none;font-size:10px;padding:9px 0;margin-top:19px}.scene-art{left:48%;transform:rotate(-8deg) translateZ(15px);transition:transform .7s}.scene-art i{animation:float-sculpture 7s ease-in-out infinite alternate}.scene-art i:nth-child(2){animation-delay:-3s}.scene-footer{font-size:7px;bottom:20px}.reel-controls button{color:#eee;border-color:#555}.reel-controls button:hover{background:#eee;color:#111}.caption{color:#aaa;font-size:10px}#demo-tools{display:flex;gap:7px;align-items:center;margin-top:17px;flex-wrap:wrap}#demo-tools button{border:1px solid currentColor;background:transparent;color:inherit;font-size:8px;padding:7px 10px;border-radius:20px}#demo-tools button[aria-pressed="true"]{background:var(--demo-ink);color:var(--demo-paper)}#demo-tools .swatch{height:24px;width:24px;padding:0;border-radius:50%;background:var(--swatch)}#demo-feedback{position:absolute;bottom:48px;left:6%;right:6%;font-size:9px;z-index:4;max-width:650px}.theme-beauty{--demo-ink:#522a35;--demo-paper:#ead5d3;background:#ead5d3;color:#522a35}.theme-beauty .scene-art{left:50%;transform:rotate(0)}.theme-beauty .scene-art i{background:linear-gradient(110deg,#a55367,#5a1e35 65%,#b56c7e);border-radius:48% 48% 0 0;width:56%;height:75%;top:17%;left:19%;box-shadow:inset 15px 0 35px #e9afaf50,25px 35px 55px #57203c40}.theme-beauty .scene-art i:nth-child(2){width:23%;height:35%;left:62%;top:58%;background:#d2a39a;border-radius:50%}.theme-beauty .scene-art i:nth-child(3){width:35%;height:20%;top:77%;left:0;background:#9b6f66;border-radius:50%}
.theme-product{--demo-ink:#113b31;--demo-paper:#dbe7a6;background:#dbe7a6;color:#113b31}.theme-product .scene-body h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.08em}.theme-product .scene-art{transform:rotate(-12deg);left:49%}.theme-product .scene-art i{width:37%;height:65%;left:28%;top:18%;border-radius:18% 18% 20% 20%;background:linear-gradient(100deg,#273830,#92ab8f 23%,#334d3c 60%,#1b2822);box-shadow:inset -12px -12px 25px #0004,28px 40px 40px #24403240}.theme-product .scene-art i:before{content:"O /";position:absolute;top:43%;left:32%;font:700 28px Arial;color:#dbe7a6;transform:rotate(0)}.theme-product .scene-art i:nth-child(2){width:27%;height:7%;left:33%;top:12%;background:linear-gradient(90deg,#d4dacd,#65735f);border-radius:20%}.theme-product .scene-art i:nth-child(2):before,.theme-product .scene-art i:nth-child(3):before{content:none}.theme-product .scene-art i:nth-child(3){width:80%;height:10%;top:83%;left:12%;border-radius:50%;background:#b9cb88;box-shadow:none}
.theme-fashion{--demo-ink:#e9dfd0;--demo-paper:#3a302c;background:#3a302c;color:#e9dfd0}.theme-fashion .scene-body h2{font-family:Georgia,serif;font-style:italic}.theme-fashion .scene-art{transform:rotate(8deg);left:46%}.theme-fashion .scene-art i{width:40%;height:82%;left:7%;top:10%;background:linear-gradient(115deg,#8b7872,#5b4640 35%,#ab978a 40%,#463830 60%,#9f8980);border-radius:7px;clip-path:polygon(25% 0,75% 0,100% 18%,86% 38%,80% 28%,85% 100%,15% 100%,20% 28%,14% 38%,0 18%)}.theme-fashion .scene-art i:nth-child(2){left:55%;top:18%;background:linear-gradient(105deg,#d6c6b5,#8f7e6c 38%,#cdbda9 45%,#716255 80%)}.theme-fashion .scene-art i:nth-child(3){display:none}
.theme-orbit{--demo-ink:#e9e5ff;--demo-paper:#17131d;background:radial-gradient(ellipse at 75% 50%,#403452,#131116 68%);color:#e9e5ff}.theme-orbit .scene-body h2{font-family:Arial,sans-serif;font-size:clamp(50px,6.5vw,104px);font-weight:800}.theme-orbit .scene-art{transform:rotate(-23deg);left:45%;overflow:visible}.theme-orbit .scene-art i{width:62%;height:67%;left:20%;top:17%;border-radius:50%;background:radial-gradient(circle at 25% 30%,#fff,#ac9cc4 19%,#2d243d 43%,#b9aacb 56%,#34243e 73%);box-shadow:inset -20px -20px 50px #000,0 0 80px #dcc0ff22;transform:rotateY(-35deg) rotateX(15deg)}.theme-orbit .scene-art i:nth-child(2){background:none;border:2px solid #e5d4ff;width:100%;height:31%;left:1%;top:32%;transform:rotate(-20deg);box-shadow:0 0 20px #c9adff55}.theme-orbit .scene-art i:nth-child(3){display:none}.theme-hotel{--demo-ink:#28372a;--demo-paper:#bcc5b1;background:#bcc5b1;color:#28372a}
.manifesto{background:#0b0b0b;border-top:1px solid #282828;border-bottom:1px solid #282828}.manifesto h2{font-size:clamp(46px,6.3vw,100px)}.manifesto h2 span{color:#858585}.manifesto-copy p{color:#aaa}.work-section{padding-bottom:70px}.work-meta{color:#ddd}.work-card>small{color:#999}.work-card{transition:transform .35s}.work-card:hover{transform:translateY(-8px)}.work-card>div{border:1px solid #ffffff20;transition:box-shadow .4s}.work-card:hover>div{box-shadow:0 20px 50px #0008}.services{padding-top:65px}.service-list details{border-color:#333}.service-list details small,.scope-note{color:#999}.pricing-section{background:#101010;border-block:1px solid #292929}.pricing-section h2{font-size:clamp(46px,5.4vw,82px);line-height:1.03}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}.price-card{padding:28px 23px;background:#151515;border:1px solid #3a3a3a;display:flex;flex-direction:column;gap:19px;position:relative}.price-no{font-size:9px;letter-spacing:.12em;color:#aaa}.price-card h3{font-size:29px;line-height:1.04;letter-spacing:-.05em}.price-card p{font-size:11px;color:#b5b5b5;line-height:1.7}.price-card .price{font-size:12px;color:#d4d4d4;margin:5px 0 2px}.price strong{font-size:35px;letter-spacing:-.06em;font-weight:500;color:#f5f5f5;display:block}.price-card ul{padding:0 0 0 14px;margin:0 0 10px;font-size:10px;color:#b4b4b4;line-height:1.7}.price-card li{margin-bottom:9px}.price-card>a{margin-top:auto;border-top:1px solid #555;padding-top:16px;font-size:11px}.price-card.signature{background:linear-gradient(145deg,#2d2d30,#121212);border-color:#777}.starter-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #555}.starter-switch button{font-size:8px;padding:9px 5px;background:transparent;color:#bbb;border:0;line-height:1.4}.starter-switch button[aria-pressed="true"]{background:#ddd;color:#111}.price-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#999;font-size:10px;line-height:1.8;margin-top:30px}.audit{background:#dadad8;color:#171717}.audit-title em{color:#5b5b5b}.audit-card{background:#f4f4f1;color:#171717;box-shadow:10px 20px 0 #00000012}.audit-card li span,.audit-card>small{color:#666}.contact{background:#0c0c0c;border-top:1px solid #333;color:#eee}.contact h2>span{color:#ddd}.contact-grid>p{color:#aaa}.contact label{color:#ccc}.contact input,.contact select{color:#eee;border-color:#555}.contact input::placeholder{color:#888}.contact select option{background:#111}.contact button{background:#ddd;color:#111}.preview-note{color:#b5b5b5}footer{background:#080808;border-top:1px solid #222}.reduced-motion .chapter-track button:before{animation:none!important}.reduced-motion .scene-art i{animation:none!important}
@keyframes chapter-progress{to{width:100%}}@keyframes float-sculpture{to{translate:0 -12px;rotate:2deg}}
@media(max-width:1100px){.price-grid{grid-template-columns:1fr 1fr}.price-card{padding:28px}.immersive-hero{min-height:680px}.intro-heading h1{font-size:8.3vw}.intro-actions{gap:14px}.silver-button{font-size:10px;padding:14px 17px}}
@media(max-width:700px){section{padding:76px 6vw}.nav{padding:17px 6vw}.wordmark{font-size:13px}.wordmark small{font-size:7px;letter-spacing:4.8px}.nav .nav-cta{font-size:8px;padding:10px}.immersive-hero{min-height:740px;height:calc(100svh - 69px);max-height:950px;padding:0 6vw}.hero-meta{top:23px;left:6vw;right:6vw;font-size:6px;letter-spacing:.09em}.hero-meta span:last-child{display:none}.intro-heading{left:6vw;top:10%;max-width:90%}.intro-heading h1{font-size:clamp(54px,13vw,82px);margin:20px 0 18px}.intro-heading>p:last-child{font-size:10px;max-width:240px}.intro-heading .eyebrow{font-size:6px}.immersive-hero[data-chapter="2"] .intro-heading,.immersive-hero[data-chapter="3"] .intro-heading{top:11%;max-width:80%}.immersive-hero[data-chapter="2"] h1,.immersive-hero[data-chapter="3"] h1{font-size:12vw}.intro-bottom{left:6vw;right:6vw;bottom:130px;align-items:end}.intro-actions{flex-direction:column;align-items:start;gap:15px}.silver-button{font-size:10px;padding:14px 15px}.silver-button span{margin-left:12px}.text-link{font-size:9px}.intro-controls{gap:7px;flex-direction:column;align-items:end}.intro-controls button{font-size:8px;padding:9px}.chapter-track{left:6vw;right:6vw;bottom:55px}.chapter-track button{font-size:7px;letter-spacing:.03em;padding:16px 0}.chapter-track button span{display:block;font-size:6px;margin-bottom:6px}.intro-caption{left:6vw;bottom:20px;font-size:6px;letter-spacing:.02em}.hero-fallback{right:15%;top:41%;font-size:18vw}.no-webgl .intro-heading{max-width:90%}.world-tabs{padding:0 10px 12px;gap:5px}.world-tabs button{padding:8px 10px;font-size:8px}.reel-stage{height:530px;aspect-ratio:auto;min-height:0}.scene-nav{padding:23px 20px}.scene-nav strong{font-size:12px}.scene-body{top:19%;left:8%;max-width:83%}.scene-body h2,.theme-orbit .scene-body h2{font-size:48px;max-width:260px}.scene-body p{font-size:10px;max-width:200px}.scene-body>button{font-size:9px;margin-top:14px}.scene-art{inset:30% -15% 0 32%;opacity:.7;pointer-events:none}.theme-beauty .scene-art{left:37%}.theme-product .scene-art{left:40%;top:37%}.theme-fashion .scene-art{left:43%;top:35%}.theme-orbit .scene-art{left:36%;top:38%}#demo-feedback{bottom:45px;font-size:8px;line-height:1.5}#demo-tools{max-width:260px;margin-top:12px}.scene-footer{font-size:5px;left:20px;right:20px;bottom:15px}.reel-top{padding:18px 16px;font-size:6px}.manifesto h2{font-size:43px}.price-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.price-card{padding:29px;gap:18px}.price-card h3{font-size:35px}.price strong{display:inline;font-size:40px;margin-left:8px}.price-card p,.price-card li{font-size:12px}.starter-switch button{font-size:10px;padding:12px}.price-notes{grid-template-columns:1fr;gap:15px}.price-card ul{margin-top:0}.pricing-section .section-head{display:block}.pricing-section .section-head>p{margin-top:22px}.work-grid{grid-template-columns:1fr 1fr}.caption{font-size:9px}.contact h2{font-size:16vw}.intro-heading h1{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chapter-track button.active:before{width:100%}}


.chrome-type{position:absolute;inset:12% 12% 24%;opacity:0;pointer-events:none;perspective:1100px;transform-style:preserve-3d;z-index:1;--turn:-7deg}.type-layer{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(90px,11vw,170px);font-weight:900;letter-spacing:-.075em;line-height:.88;transform:rotateX(9deg) rotateY(var(--turn));transform-style:preserve-3d}.type-layer span:nth-child(1){font-size:1.15em}.type-face{color:transparent;background:linear-gradient(167deg,#fff 8%,#797b80 22%,#f1f1f4 24%,#a0a1a5 34%,#27272a 46%,#ececf1 48%,#fff 56%,#54565c 69%,#babcc0 74%,#fff 88%);background-clip:text;filter:drop-shadow(0 12px 18px #0009)}.depth-1{color:#55565a;transform:translate3d(5px,5px,-6px) rotateX(9deg) rotateY(var(--turn))}.depth-2{color:#242529;transform:translate3d(10px,10px,-12px) rotateX(9deg) rotateY(var(--turn))}.depth-3{color:#77797e;transform:translate3d(15px,15px,-18px) rotateX(9deg) rotateY(var(--turn))}.intro-paused .chapter-track button:before{animation-play-state:paused}.no-webgl .chrome-type{display:none}@media(max-width:700px){.chrome-type{inset:27% 5% 31%}.type-layer{font-size:16vw;line-height:.95}}
