@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/v2/manrope-latin-ext-variable-v23.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/v2/manrope-latin-variable-v23.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#fafaf8;--ink:#171717;--muted:#747471;--blue:#2925b9;--line:#deded8;--soft:#efefeb;--ease:cubic-bezier(.32,.72,0,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font:400 16px/1.5 Manrope,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.06em;line-height:1;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}img,svg{display:block;max-width:100%}svg{flex-shrink:0}button svg,a svg{width:24px;height:24px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.shell{width:min(100%,1440px);margin-inline:auto;padding-inline:64px}.section{padding-block:96px}.eyebrow{font-size:12px;line-height:16px;letter-spacing:.1em;font-weight:500}.signal{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:8px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:-80px;left:24px;background:var(--ink);color:#fff;padding:16px}.skip-link:focus{top:16px}.logo{width:152px;aspect-ratio:915/240;filter:grayscale(1) contrast(8);mix-blend-mode:multiply}.logo-white{filter:invert(1);mix-blend-mode:screen}.brand{display:inline-block}
.header{display:flex;align-items:center;justify-content:space-between;height:112px;gap:32px}.desktop-nav{display:flex;gap:32px;margin-left:auto;margin-right:32px}.desktop-nav a{font-size:14px;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-brief{display:flex;align-items:center;gap:24px;background:var(--ink);color:#fff;padding:12px 24px;border-radius:999px;font-size:14px;transition:background .7s var(--ease),transform .7s var(--ease)}.nav-brief svg{width:16px;height:16px}.nav-brief:hover{background:var(--blue);transform:translateY(-2px)}.menu-toggle{display:none}.hero{padding-top:64px;padding-bottom:64px;text-align:center}.hero-eyebrow{color:var(--muted);margin-bottom:32px}.hero h1{font-size:96px;line-height:1;max-width:1100px;margin-inline:auto;letter-spacing:-.075em}.hero h1>span{display:block}.hero h1>span:first-child{background:linear-gradient(100deg,#111 20%,#60605c);-webkit-background-clip:text;background-clip:text;color:transparent}.more{position:relative;color:var(--blue);display:inline-block}.more svg{position:absolute;left:0;bottom:-12px;width:100%;height:24px}.hero-description{max-width:680px;margin:32px auto 24px;font-size:18px;line-height:28px;color:#696965}.round-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;line-height:20px}.round-link>span{background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:50%;width:48px;height:48px;transition:transform .7s var(--ease),background .7s var(--ease)}.round-link:hover>span{transform:rotate(45deg);background:var(--ink)}
.showcase-wrap{overflow:clip}.showcase-stage{height:600px;position:relative;isolation:isolate;background:#e9e8e2;border-radius:32px;overflow:hidden;perspective:1600px}.scene-piece{position:absolute;box-shadow:0 16px 48px #0002;will-change:transform}.scene-poster{background:var(--blue);color:var(--paper);width:28%;left:-4%;top:8%;height:86%;padding:32px;transform:rotate(-9deg);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;z-index:1}.scene-poster>span{font-size:12px;line-height:16px;letter-spacing:.04em}.scene-poster strong{font-weight:500;font-size:48px;letter-spacing:-.06em;line-height:1;position:relative;z-index:2}.orb{height:160px;position:relative;transform-style:preserve-3d;animation:orb-turn 14s linear infinite}.orb i{position:absolute;border:1px solid #fff8;width:160px;height:160px;border-radius:50%;left:16px;top:0}.orb i:nth-child(2){transform:rotateY(45deg)}.orb i:nth-child(3){transform:rotateY(90deg)}.orb i:nth-child(4){transform:rotateY(135deg)}@keyframes orb-turn{to{transform:rotateY(360deg) rotateZ(30deg)}}
.scene-browser{left:18%;top:9%;width:65%;height:82%;background:#f8f7f2;z-index:4;transform:rotate(-3deg);border:1px solid #d1d0ca;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.browser-top{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#e8e8e2;padding:12px 16px;color:#777;font-size:12px;line-height:16px}.browser-dots{display:flex;gap:4px}.browser-dots i{height:8px;width:8px;border:1px solid #a9a9a1;border-radius:50%}.sample-navigation{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;font-size:12px;line-height:16px}.sample-navigation b{font-size:20px;line-height:28px;letter-spacing:-.06em;font-weight:600}.sample-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:16px 32px 32px;flex:1;min-height:0}.micro{font-size:12px;line-height:16px;letter-spacing:.08em}.sample-hero h2{font-size:48px;line-height:1;margin-top:16px;letter-spacing:-.07em}.sample-hero h2 span{color:var(--blue)}.sample-hero p{font-size:12px;line-height:16px;margin-top:16px;color:#73736c}.sample-pill{display:inline-block;font-size:12px;line-height:16px;margin-top:16px;padding:8px 12px;border:1px solid #bcbcb2;border-radius:999px}.browser-footer{display:flex;justify-content:space-between;gap:16px;margin-inline:32px;padding:16px 0;border-top:1px solid #ddddd5;font-size:12px;line-height:16px}.kinetic-object{height:100%;min-height:240px;background:#d8d8ec;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;perspective:700px}.kinetic-core{height:180px;width:180px;transform-style:preserve-3d;animation:kinetic-turn 14s linear infinite}.kinetic-core i{height:180px;width:180px;border:24px solid var(--blue);border-radius:48px;position:absolute;transform:rotateY(0deg);backface-visibility:visible;box-shadow:inset 0 0 0 1px #6f6bd7,0 0 0 1px #7672dd}.kinetic-core i:nth-child(2){transform:rotateY(30deg)}.kinetic-core i:nth-child(3){transform:rotateY(60deg)}.kinetic-core i:nth-child(4){transform:rotateY(90deg)}.kinetic-core i:nth-child(5){transform:rotateY(120deg)}.kinetic-core i:nth-child(6){transform:rotateY(150deg)}.kinetic-object>span{position:absolute;bottom:16px;left:16px;font-size:12px;line-height:16px;color:var(--blue)}@keyframes kinetic-turn{from{transform:rotateX(-25deg) rotateY(0deg) rotateZ(-12deg)}to{transform:rotateX(-25deg) rotateY(360deg) rotateZ(-12deg)}}
.scene-live{width:28%;right:-4%;top:14%;height:80%;z-index:2;color:#fff;transform:rotate(8deg);background:#12121b;overflow:hidden}.scene-live img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.65)}.scene-live strong{position:absolute;bottom:80px;left:24px;right:16px;z-index:2;font-size:48px;line-height:1;letter-spacing:-.06em;font-weight:500}.live-label,.live-foot{position:absolute;left:24px;right:16px;font-size:12px;line-height:16px;z-index:2}.live-label{top:24px}.live-foot{bottom:32px}.scene-chip{position:absolute;left:38%;bottom:24px;z-index:5;background:#fff;padding:12px 24px;border-radius:999px;box-shadow:0 8px 24px #0001;font-size:12px;line-height:16px;transform:rotate(3deg)}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px;color:var(--muted);font-size:12px;line-height:16px}.showcase-caption a{font-size:24px;line-height:32px;color:var(--ink)}.showcase-caption>span:first-child{letter-spacing:.08em}
.intro{padding-top:96px;padding-bottom:96px}.intro .eyebrow{margin-bottom:32px}.intro h2{font-size:60px;line-height:1;letter-spacing:-.055em;max-width:1000px}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-top:48px}.intro-bottom p{max-width:540px;color:var(--muted)}.text-link,.text-button{display:inline-flex;align-items:center;gap:24px;font-size:14px;line-height:20px;padding:0;text-align:left}.text-link svg,.text-button svg{width:20px;height:20px;transition:transform .7s var(--ease)}.text-link:hover svg,.text-button:hover svg{transform:translate(4px,-4px)}.text-link{border-bottom:1px solid #b9b9b2;padding-bottom:8px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:64px}.section-heading .eyebrow{margin-bottom:24px;color:var(--muted)}.section-heading h2{font-size:60px;line-height:1}.section-heading>p{max-width:320px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-grid>.work-item:nth-child(2){padding-top:96px}.work-visual{width:100%;height:540px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;padding:48px}.work-digital{background:#ddd9d1}.work-screen{background:#f8f6ed;border-radius:8px;overflow:hidden;box-shadow:0 24px 48px #0002;transform:rotate(-6deg);width:100%;text-align:left;transition:transform 1s var(--ease)}.work-visual:hover .work-screen{transform:rotate(0) scale(1.04)}.work-screen-nav{padding:16px;display:flex;justify-content:space-between;font-size:12px;line-height:16px}.work-screen-nav b{font-size:16px;line-height:24px;letter-spacing:-.04em}.dr-screen{position:relative;padding:32px 24px;background:#e6ecb4;overflow:hidden;min-height:300px}.dr-screen>span:first-child{font-size:12px;line-height:16px;letter-spacing:.06em}.dr-screen h3{font-size:60px;line-height:1;margin-top:24px;position:relative;z-index:1}.dr-loop{font-size:128px;line-height:1;position:absolute;right:0;bottom:32px;color:#bdc96e;transform:rotate(-25deg);font-weight:400}.screen-control{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:16px;padding:16px}.screen-control i{height:8px;width:8px;display:inline-block;background:#607c1e;border-radius:50%;margin-right:4px}.case-circle{position:absolute;z-index:5;right:24px;bottom:24px;background:var(--ink);color:#fff;border-radius:999px;display:flex;gap:16px;align-items:center;font-size:12px;line-height:16px;padding:12px 16px;transition:background .7s var(--ease),transform .7s var(--ease)}.case-circle svg{height:16px;width:16px}.work-visual:hover .case-circle{background:var(--blue);transform:translateY(-4px)}.work-identity{background:#dcdcf1}.identity-board{width:100%;height:100%;position:relative}.identity-stationery{position:absolute;right:-8%;top:0;width:86%;height:100%;background:var(--paper);padding:24px;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:0 24px 32px #1f1b601c;transition:transform 1s var(--ease)}.identity-stationery>span{font-size:12px;line-height:16px}.identity-stationery strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:-.055em;color:var(--blue)}.identity-stamp{width:80px;height:80px;border-radius:50%;background:#cecded;color:var(--blue);text-align:center;padding:8px;font-size:36px;line-height:40px;align-self:flex-end}.identity-stamp span{display:block;font-size:8px;line-height:12px;letter-spacing:.04em}.identity-business{position:absolute;z-index:2;left:-8%;top:32%;width:88%;height:48%;background:var(--blue);color:#fff;transform:rotate(-13deg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:0 24px 32px #1f1b6040;transition:transform 1s var(--ease)}.identity-business>span{font-size:12px;line-height:16px}.identity-business .logo{width:100%}.work-identity:hover .identity-business{transform:rotate(-6deg) translateY(-12px)}.work-identity:hover .identity-stationery{transform:rotate(3deg)}.work-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-top:24px;gap:24px}.work-meta h3{font-size:24px;line-height:32px;letter-spacing:-.04em}.work-meta p{font-size:14px;line-height:20px;margin-top:8px;color:var(--muted)}.icon-link{padding:8px;border-radius:50%;transition:background .7s var(--ease)}.icon-link:hover{background:var(--soft)}
.service-list{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service-group{border-bottom:1px solid var(--line)}.service-group>summary{display:grid;grid-template-columns:48px 1fr auto 32px;gap:24px;align-items:center;padding-block:40px;transition:color .7s var(--ease)}.service-number{align-self:start;padding-top:8px;font-size:12px;line-height:16px;color:var(--muted)}.service-heading strong{display:block;font-size:36px;line-height:40px;letter-spacing:-.05em;font-weight:500}.service-heading small{display:block;margin-top:8px;font-size:14px;line-height:20px;color:var(--muted)}.service-tags{display:flex;gap:8px}.service-tags span,.tag-row span{font-size:12px;line-height:16px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;white-space:nowrap}.plus{display:block;position:relative;width:24px;height:24px}.plus:before,.plus:after{content:'';position:absolute;top:11px;left:3px;width:18px;height:1px;background:currentColor;transition:transform .7s var(--ease)}.plus:after{transform:rotate(90deg)}details[open]>summary>.plus:after{transform:rotate(0)}.service-group[open]>summary{color:var(--blue)}.service-body{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;padding:0 0 48px 72px}.service-description>p{font-size:16px;line-height:24px;color:var(--muted);max-width:320px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.package{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden}.package>summary{padding:16px;display:grid;grid-template-columns:1fr auto 24px;gap:16px;align-items:center;font-size:14px;line-height:20px}.package-price{font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap}.package[open]>summary{background:var(--soft)}.package-body{padding:24px}.package-body p{font-size:14px;line-height:20px;margin-bottom:16px}.included{color:var(--blue)}.package-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:8px}.package-bottom>span{font-size:12px;line-height:16px;color:var(--muted)}.package-bottom .text-button{font-size:12px;line-height:16px;color:var(--blue)}.catalog-note{display:flex;justify-content:space-between;gap:64px;margin-top:32px}.catalog-note p{font-size:12px;line-height:16px;color:var(--muted);max-width:680px}.catalog-note>a{font-size:12px;line-height:16px;display:flex;gap:16px;align-items:center;flex-shrink:0}.catalog-note svg{height:16px;width:16px}
.planner-section{background:#eeeeea;border-radius:40px 40px 0 0}.planner-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start}.planner-intro{position:sticky;top:48px}.planner-intro>.eyebrow{font-size:12px;line-height:16px;max-width:280px;letter-spacing:.08em;margin-bottom:32px}.planner-intro h2{font-size:96px;line-height:1;letter-spacing:-.07em}.planner-intro>p:not(.eyebrow){font-size:20px;line-height:28px;max-width:360px;margin-top:40px;color:var(--muted)}.planner-intro>span{display:block;font-size:14px;line-height:20px;margin-top:32px;color:var(--muted)}.planner-panel{background:var(--paper);padding:40px;border-radius:24px;min-width:0}#brief-form>label{font-size:24px;line-height:32px;letter-spacing:-.035em;font-weight:500;display:block;margin-bottom:24px}.brief-input{background:#f1f1ed;border-radius:16px;position:relative;border:1px solid #d8d8d1;overflow:hidden;transition:border-color .7s var(--ease)}.brief-input:focus-within{border-color:var(--blue)}.brief-input textarea{resize:vertical;min-height:160px;max-height:400px;border:none;width:100%;padding:24px 24px 40px;background:transparent;font-size:18px;line-height:28px;outline:none}.brief-input textarea::placeholder{color:#93938b}.brief-input textarea:focus-visible{outline:none}.brief-count{position:absolute;bottom:12px;right:16px;font-size:12px;line-height:16px;color:var(--muted);pointer-events:none}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-block:16px 24px}.quick-prompts button{border:1px solid #d8d8d1;border-radius:999px;padding:8px 12px;font-size:12px;line-height:16px;transition:background .7s var(--ease),border-color .7s var(--ease)}.quick-prompts button:hover{background:#e5e4f4;border-color:var(--blue)}.brief-submit{display:flex;align-items:center;justify-content:space-between;gap:16px}.brief-submit p{font-size:12px;line-height:16px;color:var(--muted);max-width:200px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;font-size:14px;line-height:20px;font-weight:500;padding:16px 24px;border-radius:999px;transition:background .7s var(--ease),transform .7s var(--ease);text-align:center}.button svg{height:20px;width:20px}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--blue);transform:translateY(-2px)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--ink);transform:translateY(-2px)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#d4d3f0}.error{color:#a12222;font-size:14px;line-height:20px;margin-bottom:16px}.planner-empty{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:32px;margin-top:40px;color:#93938b}.planner-spark{font-size:60px;line-height:1;color:#cccac0}.planner-empty p{font-size:18px;line-height:28px;letter-spacing:-.02em}.brief-results{border-top:1px solid var(--line);margin-top:32px;padding-top:32px}.result-heading:focus{outline:none}.result-heading>.eyebrow{color:var(--blue)}.result-heading h3{font-size:36px;line-height:40px;margin-top:16px}.result-heading>p{font-size:14px;line-height:20px;color:var(--muted);margin-top:16px;margin-bottom:24px}.result-option{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.result-option>summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;background:#eeedf8;font-size:16px;line-height:24px}.result-option>summary>span{display:flex;flex-direction:column;gap:4px}.result-option small{font-size:12px;line-height:16px;color:var(--blue)}.result-option-body{padding:24px}.result-option-body p{font-size:14px;line-height:20px;margin-bottom:16px}.result-option-body .text-button{font-size:12px;line-height:16px;color:var(--blue)}.question-grid{display:grid;gap:16px;margin-top:24px}.question-grid label{font-size:14px;line-height:20px;display:grid;gap:8px}.question-grid select{width:100%;background:#fff;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:20px}.addon-list{margin-top:24px}.addon-list>h4{font-size:18px;line-height:28px;letter-spacing:-.025em;margin-bottom:12px}.addon-list label{display:flex;gap:12px;align-items:start;padding:12px 0;font-size:14px;line-height:20px}.addon-list input{width:16px;height:16px;margin-top:2px;accent-color:var(--blue);flex-shrink:0}.addon-list label>span{display:grid;gap:4px}.addon-list small{font-size:12px;line-height:16px;color:var(--muted)}.brief-total{background:#efefeb;padding:24px;margin-block:24px;border-radius:12px}.brief-total>span{font-size:12px;line-height:16px;color:var(--muted);display:block}.brief-total strong{font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.045em;display:block;margin-block:8px}.brief-total p{font-size:12px;line-height:16px;color:var(--muted)}.result-disclaimer{font-size:12px;line-height:16px;color:var(--muted);margin-bottom:24px}.brief-results>.button{width:100%}.brief-reset{display:flex;margin:24px auto 0;font-size:12px;line-height:16px}.fallback-choices{display:grid;gap:8px}.fallback-choices button{padding:16px;border:1px solid var(--line);border-radius:12px;text-align:left;font-size:14px;line-height:20px;background:#fff}
.live-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}.live-picture{height:600px;border-radius:24px;position:relative;isolation:isolate;overflow:hidden;color:#fff}.live-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.43) saturate(.6);z-index:-1}.live-picture>span{position:absolute;top:32px;left:32px;font-size:12px;line-height:16px;letter-spacing:.04em}.live-picture h2{font-size:72px;line-height:1;letter-spacing:-.065em;position:absolute;bottom:48px;left:32px;right:24px}.live-copy>.eyebrow{color:var(--muted);margin-bottom:32px}.live-copy h3{font-size:60px;line-height:1}.live-copy>p:not(.eyebrow){color:var(--muted);margin-block:32px;max-width:360px}.live-copy>.text-link{font-size:14px;line-height:20px}.live-copy>small{display:block;font-size:12px;line-height:16px;color:var(--muted);margin-top:40px;max-width:320px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.process-grid article{padding-top:24px;border-top:1px solid var(--line)}.process-grid article>span{font-size:12px;line-height:16px;color:var(--muted)}.process-grid h3{font-size:36px;line-height:40px;letter-spacing:-.045em;margin-block:32px 24px}.process-grid p{color:var(--muted);font-size:14px;line-height:20px;max-width:320px}.faq-list{max-width:1000px;margin-left:auto;border-top:1px solid var(--line)}.faq-list>details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:32px;font-size:20px;line-height:28px;padding-block:24px;letter-spacing:-.03em}.faq-list p{font-size:16px;line-height:24px;color:var(--muted);padding:0 64px 24px 0;max-width:800px}.contact-section{background:var(--ink);color:var(--paper);border-radius:40px 40px 0 0}.contact-section .eyebrow{color:#a7a7a0;margin-bottom:40px}.contact-title{font-size:128px;line-height:1;letter-spacing:-.075em;display:block;position:relative;max-width:1200px}.contact-title>span{position:absolute;right:0;bottom:0;transition:transform .7s var(--ease)}.contact-title svg{width:128px;height:128px;stroke-width:1}.contact-title:hover>span{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:64px}.contact-bottom p{font-size:14px;line-height:20px;color:#aaa}.footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.footer .logo{width:128px}.footer>span,.footer button{font-size:12px;line-height:16px;color:var(--muted)}.footer>div{display:flex;gap:24px}.footer button{padding:0}.noscript{background:#eee;padding:24px;text-align:center}
dialog{border:none;color:var(--ink);background:var(--paper);padding:64px;width:min(94vw,1120px);max-height:90svh;border-radius:24px;overflow:auto}dialog::backdrop{background:#171717b8;backdrop-filter:blur(12px)}dialog .close-icon{position:absolute;right:24px;top:16px;z-index:5}.close-icon{width:40px;height:40px;font-size:30px;line-height:36px;border-radius:50%;background:#e8e8e2;display:grid;place-items:center}.case-dialog h2,.legal-dialog h2{font-size:60px;line-height:1;margin-block:24px}.case-lead{max-width:680px;color:var(--muted);margin-bottom:40px}.case-labels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.case-labels span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;line-height:16px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.case-facts h3{font-size:24px;line-height:32px;margin-bottom:16px}.case-facts p{font-size:14px;line-height:20px;color:var(--muted)}.demo-tabs{display:flex;gap:8px;margin-bottom:16px}.demo-tabs button{padding:12px 24px;border-radius:999px;font-size:14px;line-height:20px;border:1px solid var(--line)}.demo-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.cms-demo{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.cms-public{padding:40px;background:#e6ecb4}.cms-public>.micro{color:#596326}.cms-public h3{font-size:60px;line-height:1;margin-block:32px 24px;white-space:pre-line}.cms-public p{color:#656d46}.cms-editor{padding:32px;display:grid;gap:16px}.cms-editor label{font-size:14px;line-height:20px;display:grid;gap:8px}.cms-editor input,.cms-editor textarea{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);resize:vertical;width:100%}.cms-editor .button{justify-self:start}.cms-note{font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}.case-brand-art{padding:64px;background:var(--blue);border-radius:16px}.case-brand-art .logo{width:100%;filter:grayscale(1) contrast(8) invert(1);mix-blend-mode:screen}.case-brand-art p{font-size:36px;line-height:40px;margin-top:48px;color:#fff;letter-spacing:-.04em}.legal-dialog{width:min(94vw,800px)}.legal-dialog h2{font-size:48px;line-height:1}.legal-dialog p{color:var(--muted);margin-block:24px}.mobile-menu{width:100%;height:100svh;max-height:none;max-width:none;border-radius:0;margin:0;padding:80px 24px 40px;background:#fafaf8f5;backdrop-filter:blur(32px)}.mobile-menu nav{display:flex;flex-direction:column;gap:24px;margin-top:40px}.mobile-menu nav a{font-size:48px;line-height:1;letter-spacing:-.05em}.mobile-menu>p{color:var(--muted);margin-top:48px;font-size:14px;line-height:20px}
button:active,a.button:active{transform:scale(.98)}.static-mode *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.static-mode .scene-piece{will-change:auto}
@media(max-width:1200px){.shell{padding-inline:40px}.hero h1{font-size:72px}.scene-poster{padding:24px}.scene-poster strong,.scene-live strong{font-size:36px;line-height:40px}.sample-hero h2{font-size:36px;line-height:40px}.showcase-stage{height:540px}.kinetic-core,.kinetic-core i{width:140px;height:140px}.kinetic-core i{border-width:20px;border-radius:40px}.sample-navigation{padding:24px}.sample-hero{padding:16px 24px 24px;gap:16px}.browser-footer{margin-inline:24px;font-size:12px;line-height:16px}.scene-chip{font-size:12px;line-height:16px;padding:12px 16px}.intro h2,.section-heading h2{font-size:48px;line-height:1}.work-visual{height:480px;padding:32px}.dr-screen h3{font-size:48px;line-height:1}.identity-stationery strong{font-size:36px;line-height:40px}.service-tags{display:none}.service-group>summary{grid-template-columns:40px 1fr 32px}.service-body{padding-left:64px;gap:40px;grid-template-columns:1fr 1.6fr}.planner-layout{gap:48px;grid-template-columns:1fr 1.3fr}.planner-intro h2{font-size:72px;line-height:1}.planner-panel{padding:32px}.brief-submit{align-items:start;flex-direction:column}.brief-submit>.button{width:100%}.brief-submit p{max-width:none}.live-section{gap:48px}.live-picture h2{font-size:60px;line-height:1}.live-copy h3{font-size:48px;line-height:1}.live-picture{height:540px}.process-grid{gap:32px}.process-grid h3{font-size:30px;line-height:36px}.footer{flex-wrap:wrap}.footer>div{gap:16px}}
@media(max-width:900px){.header{height:96px;gap:24px}.desktop-nav{gap:24px;margin-right:0}.nav-brief{font-size:12px;line-height:16px;padding:12px 16px;gap:12px}.nav-brief svg{width:16px;height:16px}.header .logo{width:128px}.hero{padding-top:48px}.hero h1{font-size:60px;line-height:1}.hero-description{font-size:16px;line-height:24px}.showcase-stage{height:480px}.scene-browser{left:12%;width:76%}.scene-poster{left:-8%}.scene-live{right:-10%}.scene-chip{left:32%}.browser-footer{font-size:8px;line-height:12px}.sample-navigation span{font-size:8px;line-height:12px}.sample-hero h2{font-size:30px;line-height:36px}.kinetic-object{min-height:200px}.intro-bottom{gap:32px;align-items:start;flex-direction:column}.section-heading{gap:32px}.section-heading>p{font-size:14px;line-height:20px;max-width:260px}.section-heading h2{font-size:48px;line-height:1}.work-grid{gap:24px}.work-visual{height:400px;padding:24px}.work-screen-nav{font-size:8px;line-height:12px}.work-screen-nav b{font-size:14px;line-height:20px}.dr-screen{padding:24px 16px;min-height:260px}.dr-screen>span:first-child{font-size:8px;line-height:12px}.dr-screen h3{font-size:36px;line-height:40px}.dr-loop{font-size:96px;line-height:1}.screen-control{font-size:8px;line-height:12px;padding:12px}.identity-business{padding:16px;width:100%}.identity-stationery{padding:16px;width:100%}.identity-stationery strong{font-size:30px;line-height:36px}.identity-business>span,.identity-stationery>span{font-size:8px;line-height:12px}.work-meta h3{font-size:20px;line-height:28px}.work-meta p{font-size:12px;line-height:16px}.service-body{grid-template-columns:1fr;padding-left:64px}.service-description>p{max-width:540px}.service-heading strong{font-size:30px;line-height:36px}.catalog-note{flex-direction:column;gap:24px}.planner-layout{grid-template-columns:1fr 1.25fr;gap:32px}.planner-intro h2{font-size:60px;line-height:1}.planner-intro>.eyebrow{font-size:12px;line-height:16px;letter-spacing:0}.planner-intro>p:not(.eyebrow){font-size:18px;line-height:28px}.planner-panel{padding:24px}.brief-input textarea{font-size:16px;line-height:24px;padding:16px 16px 40px}.button{font-size:14px;line-height:20px;padding:12px 16px;gap:16px}.result-heading h3{font-size:30px;line-height:36px}.live-section{gap:32px}.live-picture{height:480px}.live-picture h2{font-size:48px;line-height:1}.live-copy h3{font-size:36px;line-height:40px}.live-copy>p:not(.eyebrow){font-size:14px;line-height:20px}.process-grid{gap:24px}.process-grid h3{font-size:24px;line-height:32px}.process-grid article>span{font-size:12px;line-height:16px}.contact-title{font-size:96px;line-height:1}.contact-title svg{width:96px;height:96px}dialog{padding:48px 32px}}
@media(max-width:700px){.shell{padding-inline:24px}.section{padding-block:64px}.header{height:88px;gap:16px}.header .logo{width:120px}.desktop-nav{display:none}.nav-brief{margin-left:auto;font-size:12px;line-height:16px;padding:8px 12px;gap:8px}.nav-brief svg{width:16px;height:16px}.menu-toggle{display:block;width:24px;height:32px;padding:0;position:relative;flex-shrink:0}.menu-toggle>span{position:absolute;height:1px;width:24px;left:0;top:12px;background:var(--ink);transition:transform .7s var(--ease)}.menu-toggle>span:last-child{top:20px}.menu-toggle[aria-expanded=true]>span{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:48px;padding-bottom:48px}.hero-eyebrow{font-size:12px;line-height:16px;letter-spacing:0;max-width:260px;margin:0 auto 24px}.hero h1{font-size:48px;line-height:1;letter-spacing:-.07em}.hero h1>span{display:block}.more svg{bottom:-12px;height:16px}.hero-description{font-size:14px;line-height:20px;margin-top:32px;max-width:320px}.round-link{font-size:14px;line-height:20px;gap:16px}.round-link>span{width:40px;height:40px}.showcase{padding-inline:16px}.showcase-stage{height:400px;border-radius:24px}.scene-browser{left:5%;top:12%;width:90%;height:76%;border-radius:8px;transform:rotate(-3deg)}.browser-top{font-size:8px;line-height:12px;padding:8px 12px;gap:8px}.browser-dots i{height:4px;width:4px}.sample-navigation{padding:12px 16px}.sample-navigation b{font-size:14px;line-height:20px}.sample-navigation span{font-size:8px;line-height:12px}.sample-hero{padding:8px 16px 16px;gap:12px;grid-template-columns:1.25fr 1fr}.sample-hero h2{font-size:24px;line-height:32px;letter-spacing:-.06em;margin-top:8px}.sample-hero p{font-size:8px;line-height:12px;margin-top:8px}.micro{font-size:8px;line-height:12px;letter-spacing:.04em}.sample-pill{font-size:8px;line-height:12px;margin-top:12px;padding:4px 8px}.kinetic-object{min-height:160px}.kinetic-core,.kinetic-core i{height:96px;width:96px}.kinetic-core i{border-width:12px;border-radius:24px}.kinetic-object>span{font-size:8px;line-height:12px;left:8px;bottom:8px}.browser-footer{margin-inline:16px;padding:12px 0;font-size:6px;line-height:8px;gap:8px}.scene-poster{width:38%;top:3%;height:90%;left:-12%;padding:16px}.scene-poster strong{font-size:30px;line-height:36px}.scene-poster>span,.scene-live>span{font-size:8px;line-height:12px}.orb,.orb i{height:96px;width:96px}.orb i{left:0}.scene-live{width:38%;right:-13%;top:7%;height:88%}.scene-live strong{font-size:30px;line-height:36px;bottom:64px;left:16px}.live-label,.live-foot{left:16px;right:16px}.live-label{top:16px}.live-foot{bottom:24px}.scene-chip{bottom:16px;left:24%;font-size:8px;line-height:12px;padding:8px 12px}.scene-chip .signal{height:4px;width:4px;margin-right:4px}.showcase-caption{padding-inline:8px;gap:16px;padding-top:16px;font-size:8px;line-height:12px}.showcase-caption>span:nth-child(2){display:none}.showcase-caption a{font-size:20px;line-height:28px}.intro .eyebrow{margin-bottom:24px}.intro h2{font-size:36px;line-height:40px;letter-spacing:-.055em}.intro-bottom{margin-top:32px;gap:24px}.intro-bottom p{font-size:14px;line-height:20px}.text-link,.text-button{font-size:14px;line-height:20px;gap:16px}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:48px;line-height:1}.section-heading .eyebrow{font-size:12px;line-height:16px;margin-bottom:24px}.section-heading>p{margin-top:24px;max-width:360px}.work-grid{grid-template-columns:1fr;gap:40px}.work-grid>.work-item:nth-child(2){padding-top:0}.work-visual{height:440px;padding:40px;border-radius:16px}.dr-screen{min-height:280px;padding:24px}.dr-screen h3{font-size:48px;line-height:1}.work-screen-nav{padding:16px}.screen-control{padding:16px}.work-meta{margin-top:16px}.work-meta h3{font-size:24px;line-height:32px}.identity-stationery strong{font-size:48px;line-height:1}.identity-business{width:92%;height:48%;padding:24px}.identity-stationery{width:86%;padding:24px}.identity-business>span,.identity-stationery>span{font-size:8px;line-height:12px}.case-circle{bottom:16px;right:16px;padding:8px 12px}.service-group>summary{padding-block:24px;grid-template-columns:24px 1fr 24px;gap:16px}.service-heading strong{font-size:24px;line-height:32px;letter-spacing:-.04em}.service-heading small{font-size:12px;line-height:16px;margin-top:4px}.service-number{font-size:12px;line-height:16px;padding-top:4px}.service-body{padding:0 0 24px;gap:24px}.service-description>p{font-size:14px;line-height:20px}.tag-row{margin-top:16px}.tag-row span{font-size:12px;line-height:16px;padding:4px 8px}.package>summary{grid-template-columns:1fr 24px;gap:8px 16px;padding:16px}.package>summary>span:first-child{font-size:16px;line-height:24px}.package-price{grid-column:1;grid-row:2}.package>summary>.plus{grid-column:2;grid-row:1/3}.package-body{padding:16px}.package-bottom{flex-direction:column;align-items:start;gap:16px}.catalog-note{margin-top:24px}.planner-section{border-radius:24px 24px 0 0}.planner-layout{grid-template-columns:1fr;gap:40px}.planner-intro{position:static}.planner-intro h2{font-size:60px;line-height:1}.planner-intro h2 br{display:none}.planner-intro>p:not(.eyebrow){margin-top:24px;font-size:18px;line-height:28px;max-width:100%}.planner-intro>span{margin-top:24px}.planner-panel{padding:24px;border-radius:16px;margin-inline:-8px}.planner-intro>.eyebrow{max-width:100%;margin-bottom:24px;font-size:12px;line-height:16px;letter-spacing:0}.brief-input textarea{min-height:160px}.brief-submit{gap:24px}.brief-submit>.button{padding:16px}.planner-empty{gap:16px;margin-top:32px;padding-top:24px}.planner-empty p{font-size:16px;line-height:24px}.planner-spark{font-size:48px;line-height:1}.result-option-body{padding:16px}.result-heading h3{font-size:30px;line-height:36px}.brief-total{padding:16px}.brief-total strong{font-size:24px;line-height:32px}.live-section{grid-template-columns:1fr;gap:32px}.live-picture{height:480px;border-radius:16px}.live-picture>span{left:24px;top:24px;font-size:12px;line-height:16px}.live-picture h2{font-size:60px;line-height:1;left:24px;bottom:32px}.live-copy h3{font-size:48px;line-height:1}.live-copy>.eyebrow{margin-bottom:24px}.live-copy>p:not(.eyebrow){margin-block:24px;max-width:100%}.live-copy>small{margin-top:24px;max-width:100%}.process-grid{grid-template-columns:1fr;gap:32px}.process-grid article{padding-top:24px}.process-grid h3{font-size:36px;line-height:40px;margin-block:24px 16px}.process-grid h3 br{display:none}.process-grid p{max-width:100%}.faq-list summary{font-size:18px;line-height:28px;gap:16px}.faq-list .plus{flex-shrink:0}.faq-list p{font-size:14px;line-height:20px;padding-right:0}.contact-section{border-radius:24px 24px 0 0}.contact-section .eyebrow{margin-bottom:32px;font-size:12px;line-height:16px}.contact-title{font-size:60px;line-height:1;letter-spacing:-.07em}.contact-title svg{width:48px;height:48px}.contact-bottom{margin-top:40px;display:flex;align-items:start;flex-direction:column;gap:32px}.contact-bottom .button{padding:16px 24px}.footer{display:flex;flex-wrap:wrap;gap:24px;padding-block:32px}.footer>span{font-size:8px;line-height:12px}.footer .logo{width:112px}.footer>div{width:100%;justify-content:space-between;gap:8px}.footer button{font-size:12px;line-height:16px}dialog{padding:64px 24px 32px;border-radius:16px;width:calc(100% - 24px)}.case-dialog h2{font-size:48px;line-height:1}.case-lead{font-size:14px;line-height:20px;margin-bottom:24px}.case-facts{grid-template-columns:1fr;gap:24px}.cms-public{padding:24px}.cms-public h3{font-size:48px;line-height:1}.cms-editor{padding:24px}.cms-editor .button{width:100%}.demo-tabs button{padding:8px 16px}.case-brand-art{padding:32px 24px}.case-brand-art p{font-size:30px;line-height:36px;margin-top:32px}.legal-dialog h2{font-size:36px;line-height:40px}.legal-dialog p{font-size:14px;line-height:20px}}
@media(max-width:370px){.hero h1{font-size:36px;line-height:40px}.header .logo{width:104px}.nav-brief{font-size:12px;line-height:16px}.nav-brief svg{display:none}.showcase-stage{height:360px}.sample-hero h2{font-size:20px;line-height:28px}.sample-navigation span{display:none}.kinetic-object{min-height:140px}.kinetic-core,.kinetic-core i{width:80px;height:80px}.scene-chip{left:20%}.sample-navigation{padding:8px 16px}.work-visual{height:400px;padding:24px}.identity-stationery strong{font-size:36px;line-height:40px}.section-heading h2{font-size:36px;line-height:40px}.planner-intro h2{font-size:48px;line-height:1}.planner-panel{padding:16px}.live-picture h2{font-size:48px;line-height:1}.contact-title{font-size:48px;line-height:1}.contact-title svg{width:40px;height:40px}.intro h2{font-size:30px;line-height:36px}}
.question-field{display:grid;gap:8px}
.case-dialog>.close-icon,.legal-dialog>.close-icon{position:sticky;top:0;right:auto;float:right;margin-top:-32px;margin-right:-8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}