.studio-page{--paper:#f7f6f2;--ink:#252522;--muted:#77766f;--rule:#deddd5;--accent:#b34d34;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;min-height:100svh;isolation:isolate;color-scheme:light}.studio-page *,.studio-page :after,.studio-page :before{box-sizing:border-box}.studio-page ::selection{background:#e0c9bb;color:#252522}.studio-page button{border:0;color:inherit;background:none;font:inherit}.studio-page a{color:inherit;text-decoration:none}.studio-page :focus-visible{outline:1px solid #914e38;outline-offset:6px}.studio-header{position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;padding:0 5.5vw;gap:40px;background:var(--paper)}.studio-lyra{display:flex;align-items:center;gap:14px;width:116px}.studio-lyra-mark{width:26px;height:32px;object-fit:contain}.studio-lyra-word{width:76px;height:auto;filter:invert(1);mix-blend-mode:multiply}.studio-header nav{display:flex;gap:36px;font-size:11px;letter-spacing:.08em}.studio-header nav a,.studio-header nav>span{padding:15px 0;color:#999990;position:relative}.studio-header nav a[aria-current]{color:#252522}.studio-header nav a[aria-current]:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--ink);left:50%;bottom:4px}.studio-header nav a:hover{color:#252522}.studio-header .studio-contact{justify-self:end;font-size:11px;letter-spacing:.06em;display:flex;gap:20px;align-items:center}.studio-contact span{font-size:19px}.studio-skip{position:fixed;z-index:100;top:8px;left:16px;padding:12px;background:var(--paper);transform:translateY(-160%)}.studio-skip:focus{transform:none}.studio-scroll{height:1100svh}.studio-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:clip}.studio-topline{position:absolute;top:125px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font:10px IBM Plex Mono,monospace;letter-spacing:.06em;color:#8c8b83}.studio-topline span:first-child{color:#45453e}.studio-panel{position:absolute;width:39%;max-width:630px;left:5.5%;top:29%;visibility:hidden;opacity:0;z-index:5}.studio-panel-0{visibility:visible;opacity:1}.studio-kicker{font:10px IBM Plex Mono,monospace;letter-spacing:.1em;color:#929087;margin:0 0 22px}.studio-panel h1,.studio-panel h2{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:clamp(42px,min(4.5vw,8svh),78px);line-height:1.05;letter-spacing:-.065em;margin:0}.studio-panel h1 span{white-space:normal;color:#8d8b82}.studio-panel h2{max-width:11ch}.studio-note{font-size:15px;line-height:1.7;color:#79776f;max-width:30ch;margin:26px 0 0}.studio-detail{font:10px/1.8 IBM Plex Mono,monospace;color:#aaa79d;max-width:40ch;margin-top:24px}.studio-panel-0 .studio-detail{display:none}.studio-begin{margin-top:38px;padding:0 0 9px!important;border-bottom:1px solid #bbb8ad!important;display:flex;align-items:center;gap:35px;font-size:12px!important}.studio-begin span{font-size:20px}.composition-left{left:64%;width:30%;top:31%}.composition-left h2{font-size:clamp(40px,min(4.1vw,7svh),70px)}.composition-center,.composition-wide{left:5.5%;top:20%;width:89%;max-width:none}.composition-center h2,.composition-wide h2{font-size:clamp(35px,min(3.6vw,5.7svh),59px);max-width:none}.composition-center .studio-kicker,.composition-wide .studio-kicker{margin-bottom:15px}.composition-center .studio-note,.composition-wide .studio-note{position:absolute;right:0;top:28px;margin:0;width:24%;font-size:13px}.composition-center .studio-detail,.composition-wide .studio-detail{position:absolute;left:0;top:160px;max-width:19ch;font-size:9px}.studio-panel-7 h2{max-width:24ch;font-size:clamp(32px,3.3vw,51px)}.studio-panel-7 .studio-note{top:40px}.studio-panel-9 h2{font-size:clamp(70px,8.5vw,140px)}.studio-panel-9 .studio-detail{display:none}.studio-actions{margin-top:38px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.studio-start{border-bottom:1px solid var(--ink)!important;padding:12px 0!important;display:flex;gap:65px;font-size:15px!important}.studio-work{font-size:12px!important;color:#89877e!important;padding:4px 0!important}.studio-bottomline{position:absolute;bottom:51px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;color:#8f8b80;font:9px IBM Plex Mono,monospace;letter-spacing:.04em}.studio-stage-label{min-width:160px;color:#45453e}.studio-concept-label{min-width:210px;text-align:right}.studio-scroll-cue{font-size:8px;letter-spacing:.09em}.studio-progress{position:absolute;bottom:20px;left:5.5%;right:5.5%;display:flex;gap:6px}.studio-progress button{flex:1;height:18px;position:relative;padding:6px 0}.studio-progress button>span{height:1px;background:#d8d5cc;display:block;transition:background .2s}.studio-progress button[aria-current]>span{background:#34342d;height:2px}.studio-progress em{position:absolute;bottom:30px;white-space:nowrap;padding:7px 9px;background:var(--paper);font:9px IBM Plex Mono,monospace;font-style:normal;opacity:0;pointer-events:none;left:50%;transform:translateX(-50%)}.studio-progress button:focus-visible em,.studio-progress button:hover em{opacity:1}.studio-artboard{position:absolute;width:min(43vw,65svh,650px);aspect-ratio:1;left:0;top:0;transform:translate(120%,35%);color:#282923;container-type:inline-size;transform-origin:50% 50%;cursor:crosshair}.artboard-paper{position:absolute;inset:0;background:#fbfaf7;border:1px solid #d8d6cc;box-shadow:0 20px 60px #2c2b2010}.artboard-grid{position:absolute;inset:0;background-image:linear-gradient(#c9c4b326 1px,transparent 0),linear-gradient(90deg,#c9c4b326 1px,transparent 0);background-size:8.333% 8.333%;opacity:.65}.artboard-coordinate,.artboard-label,.artboard-size{position:absolute;color:#a19d91;font:1.5cqw IBM Plex Mono,monospace;letter-spacing:.04em}.artboard-label{left:4%;top:4%}.artboard-size{right:4%;top:4%}.artboard-coordinate{right:4%;bottom:4%}.artboard-corner{position:absolute;width:7px;height:7px;border-color:#8d8b7d}.corner-tl{left:-3px;border-left:1px solid}.corner-tl,.corner-tr{top:-3px;border-top:1px solid}.corner-tr{right:-3px;border-right:1px solid}.corner-bl{left:-3px;border-left:1px solid}.corner-bl,.corner-br{bottom:-3px;border-bottom:1px solid}.corner-br{right:-3px;border-right:1px solid}.origin-point{position:absolute;width:4px;height:4px;border-radius:50%;background:#35352d;left:50%;top:50%}.first-line,.idea-connections{position:absolute;inset:0;width:100%;height:100%;color:#888879}.first-line path{stroke-dasharray:1;stroke-dashoffset:1}.idea-connections{opacity:0;color:#beb9ab}.idea-connections path{stroke-dasharray:1;stroke-dashoffset:1}.idea-note{position:absolute;opacity:0;font:1.7cqw IBM Plex Mono,monospace;letter-spacing:.04em}.idea-note span{display:block;margin-top:12px;color:#a09a8b;font-size:1.5cqw;letter-spacing:0}.idea-purpose{left:15%;top:24%}.idea-audience{left:57%;top:20%}.idea-position{left:16%;top:69%}.idea-personality{left:56%;top:55%}.idea-direction{position:absolute;opacity:0;left:16%;top:42%;font:400 7cqw/1.08 Space Grotesk,sans-serif;letter-spacing:-.05em}.idea-direction span{color:#a9a396}.form-circle{border:1px solid #a9a698;width:40%;height:40%;left:30%;top:28%;border-radius:50%}.form-circle,.form-square{position:absolute;opacity:0}.form-square{border:1px solid #aaa89b;width:30%;height:30%;left:35%;top:33%}.form-axis{position:absolute;background:#b7b3a04f;opacity:0}.axis-x{left:10%;width:80%;height:1px;top:50%}.axis-y{top:10%;height:80%;width:1px;left:50%}.sol-symbol{position:absolute;left:35%;top:32%;width:30%;height:30%;opacity:0;transform-origin:50% 50%}.sol-mark{display:block;width:100%;height:100%;overflow:visible}.constructable path{stroke-dasharray:1;stroke-dashoffset:1}.anchor{position:absolute;width:5px;height:5px;border:1px solid #858db0;background:#fbfaf7;opacity:0}.anchor-a{left:20%;top:16%}.anchor-b{right:17%;top:17%}.anchor-c{left:17%;bottom:17%}.anchor-d{right:20%;bottom:16%}.sol-symbol:hover .anchor{opacity:1!important}.sol-wordmark{position:absolute;left:39%;top:34%;font:500 17cqw/1.1 Space Grotesk,sans-serif;letter-spacing:-.04em;opacity:0;display:flex;gap:0}.sol-wordmark span{display:inline-block}.type-baseline{position:absolute;left:13%;top:50%;width:74%;height:1px;background:#8d95ac99;opacity:0}.type-baseline span{position:absolute;top:8px;left:0;font:1.4cqw IBM Plex Mono,monospace;color:#99988c}.type-spec{position:absolute;bottom:14%;left:15%;font:1.6cqw/1.9 IBM Plex Mono,monospace;color:#979183;opacity:0}.type-spec b{font-weight:400}.type-ghost{position:absolute;left:14%;top:17%;font:8cqw Georgia,serif;opacity:0;color:#b9b4a7}.color-samples{position:absolute;bottom:22%;left:20%;display:flex;gap:2.5cqw}.sample{display:block;width:5cqw;height:5cqw;opacity:0;position:relative}.sample i{inset:-4px;border:1px solid #939084}.palette-label,.sample i{position:absolute;opacity:0}.palette-label{bottom:13%;left:20%;font:1.25cqw IBM Plex Mono,monospace;color:#9a9488}.system-line{position:absolute;opacity:0;background:#cac4b4}.system-line-h{left:-18%;width:136%;height:1px;top:49%}.system-line-v{top:-8%;left:70%;width:1px;height:120%}.system-type{position:absolute;left:8%;top:65%;font:400 7cqw/1.07 Space Grotesk,sans-serif;letter-spacing:-.05em;opacity:0}.system-measure{position:absolute;left:-10%;top:52%;font:1.3cqw IBM Plex Mono,monospace;color:#a8a190;opacity:0}.identity-photo{position:absolute;left:70%;top:40%;width:37%;aspect-ratio:.8;opacity:0;overflow:hidden}.identity-photo img,.mobile-photo img{width:100%;height:100%;object-fit:cover;display:block}.identity-photo span{position:absolute;bottom:8%;left:8%;color:white;font:1.25cqw IBM Plex Mono,monospace;letter-spacing:.1em}.system-repetition{position:absolute;left:72%;top:15%;display:flex;gap:3cqw;width:25%;opacity:0;color:#b34d34}.system-repetition svg{width:6cqw;height:6cqw}.application-surface{position:absolute;opacity:0;transform-origin:50% 50%}.packaging{left:5%;top:21%;width:35%;height:67%;background:#d06442;color:#f6edde;box-shadow:10px 16px 25px #3b2a1414}.package-fold{position:absolute;right:0;top:0;width:11%;height:100%;background:#0000000a;border-left:1px solid #00000007}.package-brand{position:absolute;top:8%;left:12%;display:flex;align-items:center;gap:2cqw}.package-brand svg{width:5cqw;height:5cqw}.package-brand strong{font:500 5.5cqw Space Grotesk,sans-serif}.package-copy{position:absolute;left:12%;bottom:9%}.package-copy span{font:1.15cqw IBM Plex Mono,monospace}.package-copy p{font:4.4cqw/1.1 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:3cqw 0}.package-copy small{font:1cqw IBM Plex Mono,monospace}.poster{top:3%;left:49%;width:47%;height:59%;background:#e6dfc9;padding:5%;color:#413f35}.poster-brand{display:flex;justify-content:space-between;align-items:center}.poster-brand svg{width:4cqw;height:4cqw}.poster-brand span{font:500 2.5cqw Space Grotesk,sans-serif}.poster p{font:400 7.5cqw/.95 Space Grotesk,sans-serif;letter-spacing:-.06em;margin:4cqw 0}.poster em{font-style:normal;color:#b6553b}.poster small{font:1.1cqw IBM Plex Mono,monospace}.mobile{left:67%;top:40%;width:26%;height:51%;border:3px solid #e0dcd1;border-radius:2.3cqw;overflow:hidden;background:#fcfaf5;box-shadow:8px 14px 24px #3b2a1412}.mobile-camera{position:absolute;top:1%;left:42%;width:16%;height:2%;border-radius:2px;background:#d4d0c5}.mobile-brand{margin:10% 8% 0;display:flex;justify-content:space-between;align-items:center;font:500 2.3cqw Space Grotesk,sans-serif}.mobile-brand span{font:1cqw IBM Plex Mono,monospace}.mobile-copy{font:3.5cqw/1.05 Space Grotesk,sans-serif;letter-spacing:-.05em;margin:12% 8% 10%}.mobile-photo{width:84%;height:36%;margin:auto}.mobile-bottom{margin:9% 8%;font:.85cqw IBM Plex Mono,monospace}.mobile-bottom span{display:block;border-bottom:1px solid #aaa28a;width:max-content;padding-bottom:4px;margin-top:7px;font:1.3cqw Inter,sans-serif}.business-card{left:31%;top:72%;width:35%;height:20%;background:#3d4137;color:#f3edde;padding:3%;box-shadow:3px 8px 18px #30271114}.business-card svg{width:6cqw;height:6cqw}.business-card>span{position:absolute;right:8%;top:18%;font:5cqw Space Grotesk,sans-serif}.business-card small{font:.85cqw IBM Plex Mono,monospace;position:absolute;left:9%;bottom:15%}.artboard-cursor{position:absolute;left:51%;top:51%;width:17px;height:21px;z-index:10;pointer-events:none}.artboard-cursor svg{width:100%;height:100%}.artboard-cursor span{position:absolute;left:14px;top:18px;padding:3px 5px;background:#dedbd0;color:#655f50;font:7px IBM Plex Mono,monospace}.canvas-new-shape{position:absolute;opacity:0;width:30%;height:30%;left:35%;top:35%;color:#b34d34;transition:opacity .5s,transform .5s;transform:scale(.8)}.studio-page:has(.studio-start:focus-visible) .canvas-new-shape,.studio-page:has(.studio-start:hover) .canvas-new-shape{opacity:1;transform:scale(1)}.studio-dialog{border:1px solid #cfcabe;padding:45px;background:#f7f6f2;color:#252522;width:min(540px,calc(100vw - 32px));max-height:90svh;font-family:Inter,sans-serif}.studio-dialog::backdrop{background:#25252255;backdrop-filter:blur(5px)}.studio-dialog h2{font:400 40px/1.05 Space Grotesk,sans-serif;letter-spacing:-.055em;margin:20px 0}.studio-dialog>p:not(.studio-kicker){font-size:14px;color:#888272}.studio-dialog-close{position:absolute;top:12px;right:18px;font-size:28px!important}.studio-dialog label{display:flex;flex-direction:column;gap:8px;margin-top:24px;font-size:12px}.studio-dialog input,.studio-dialog textarea{font:14px/1.5 Inter,sans-serif;padding:10px;background:#eeece5;color:#252522;border:1px solid #dad5c8;border-radius:0;width:100%;resize:vertical}.studio-brief-actions{display:flex;gap:20px;margin:28px 0}.studio-brief-actions button{font-size:12px;border-bottom:1px solid;padding:8px 0}.studio-dialog>small{display:block;font-size:11px;line-height:1.6;color:#8b8474}@media(min-width:1600px){.studio-panel{top:33%}.composition-center,.composition-wide{top:20%}}@media(max-width:1000px){.studio-header{height:84px}.studio-topline{top:103px}.studio-panel{top:22%;left:6%;width:88%;max-width:none}.studio-panel h1,.studio-panel h2{font-size:clamp(32px,5.5vw,48px);max-width:20ch}.studio-panel h1 br{display:none}.studio-panel .studio-note{position:static;width:auto;font-size:13px;margin:16px 0;max-width:45ch}.studio-panel .studio-detail{display:none}.studio-kicker{font-size:9px;margin-bottom:14px}.studio-begin{margin-top:18px;font-size:11px!important}.studio-panel-0{top:19%}.studio-artboard{width:min(62vw,49svh)}.studio-panel-9 h2{font-size:72px}.studio-actions{flex-direction:row;gap:25px;align-items:center;margin-top:12px}.studio-start{gap:25px;font-size:13px!important}.studio-bottomline,.studio-topline{font-size:8px}.studio-scroll-cue{display:none}}@media(max-width:600px){.studio-header{height:75px;padding:0 6%;grid-template-columns:1fr auto;gap:12px}.studio-lyra{width:89px;gap:9px}.studio-lyra-mark{width:20px;height:26px}.studio-lyra-word{width:59px}.studio-header nav{font-size:9px;gap:20px}.studio-header .studio-contact{display:none}.studio-topline{top:91px;left:6%;right:6%;font-size:8px}.studio-topline span:last-child{font-size:7px}.studio-panel{top:142px}.studio-panel-0{top:146px}.studio-panel h1,.studio-panel h2{font-size:clamp(29px,8.4vw,42px);max-width:19ch;line-height:1.04}.studio-panel h1 span{color:#929086}.studio-panel .studio-note{font-size:12px;max-width:36ch;margin:14px 0;line-height:1.6}.studio-begin{font-size:11px!important;margin-top:15px}.studio-bottomline{left:6%;right:6%;bottom:42px;font-size:7px}.studio-stage-label{min-width:0}.studio-concept-label{min-width:0;max-width:47%;font-size:6px}.studio-progress{bottom:14px;left:6%;right:6%;gap:4px}.studio-progress button{height:23px}.studio-artboard{width:min(80vw,45svh)}.studio-panel-9 h2{font-size:65px}.studio-actions{flex-direction:column;align-items:flex-start;gap:7px}.studio-start{padding:8px 0!important;font-size:13px!important}.studio-work{font-size:11px!important}.studio-dialog{padding:30px 22px}}@media(max-height:720px) and (min-width:1001px){.studio-header{height:80px}.studio-topline{top:95px}.studio-panel{top:25%}.composition-center,.composition-wide{top:20%}.studio-panel h1,.studio-panel h2{font-size:clamp(34px,4vw,53px)}.composition-center h2,.composition-wide h2{font-size:36px}.studio-note{margin-top:18px;font-size:13px}.studio-detail{margin-top:16px}.studio-panel-9 h2{font-size:90px}.studio-artboard{width:min(40vw,59svh)}}@media(prefers-reduced-motion:reduce){.studio-page *,.studio-page :after,.studio-page :before{scroll-behavior:auto!important;transition:none!important}.studio-artboard{cursor:auto}}@media(min-width:1001px){.composition-center h2,.composition-wide h2{max-width:73%}}.idea-note{font-size:2.8cqw;color:#5e5b50}.idea-note span{font-size:1.9cqw;color:#857e6f;max-width:15ch;line-height:1.6;margin-top:8px}.idea-personality{left:55%}.studio-page[data-studio-stage="9"] .artboard-cursor svg{animation:studio-cursor 1.8s step-end infinite}@keyframes studio-cursor{0%,65%{opacity:1}66%,to{opacity:0}}@media(max-width:600px){.idea-note{font-size:3.1cqw}.idea-note span{font-size:2.5cqw}}@media(prefers-reduced-motion:reduce){.studio-page[data-studio-stage="9"] .artboard-cursor svg{animation:none}}@media(min-width:1001px){.studio-panel-7 .studio-detail{position:static;margin-top:14px;max-width:none;color:#8f8a7d}}.studio-bottomline,.studio-detail,.studio-header nav a:not([aria-current]),.studio-kicker,.studio-topline{color:#6c6b63}.studio-note{color:#706e66}.studio-work{color:#6c6b63!important}