/* OHOP STUDIOS / expressive editorial system */
html,body{background:#f3f1e8!important;color:#171814;color-scheme:light}
[data-vt-root]{--ink:#171814!important;--mute:#4b4e44!important;--dim:#56594f!important;--bg:#f3f1e8!important;--a1:#34441c!important;--a2:#395d23!important;--glass1:#ecebe2!important;--glass2:#f7f5ee!important;--smoke:#f3f1e8!important;--bd:#17181445!important;--bd2:#17181426!important;--hi:none!important;--depth:none!important;--blur:none!important;--rl:2px!important;--rm:2px!important;--rs:2px!important;--sect:clamp(70px,10vw,140px)!important;--pad:clamp(20px,4vw,64px)!important}
[data-vt-root]>div[aria-hidden="true"]:first-child,[data-vt-light]{display:none!important}
[data-vt-root] a{color:inherit} [data-vt-root] a:hover{color:#171814}::selection{background:#d1ff43;color:#171814}
[data-vt-root] :focus-visible{outline:3px solid #234fe7!important;outline-offset:5px}
[data-vt-nav]{background:#f3f1e8f5!important;box-shadow:none!important;padding-top:10px!important;padding-bottom:10px!important;border-bottom:1px solid #17181424}
[data-vt-nav] nav{max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}
[data-vt-nav] a[aria-label="OHOP STUDIOS home"]>span>span:first-child{font-family:Manrope,Arial,sans-serif!important;font-size:25px!important;letter-spacing:-1.5px!important;font-weight:800!important;background:none!important;color:#171814!important;animation:none!important}
[data-vt-nav] a[aria-label="OHOP STUDIOS home"]>span>span:last-child{color:#171814!important}
[data-vt-nav] a[aria-label="OHOP STUDIOS home"] span{color:#171814!important}
[data-vt-nav] nav>div:nth-child(2) a{border-radius:0!important;font-family:'IBM Plex Mono',monospace!important;text-transform:uppercase;font-size:11px!important}
[data-vt-nav] nav>div:last-child>a{background:#d1ff43!important;box-shadow:none!important;border-radius:50%!important;width:85px;height:65px;padding:12px!important;font-size:12px!important;text-align:center;line-height:1.2}
[data-vt-menu-open] span{background:#171814!important}
[role="dialog"][aria-label="Menu"],#ohops-chat{background:#f3f1e8!important;box-shadow:0 20px 60px #17181425!important}
[data-vt-root] [style*="background-clip:text"]{background:none!important;color:#171814!important;-webkit-text-fill-color:#171814!important}
[data-vt-curtain]{display:none!important}
#vt-main>div:not(.exp-home) h1{font-size:clamp(48px,8.8vw,128px)!important;text-transform:uppercase;letter-spacing:-.07em!important;line-height:.95!important}
#vt-main>div:not(.exp-home) h2{letter-spacing:-.045em!important}
#vt-main>div:not(.exp-home) input,#vt-main>div:not(.exp-home) textarea,#vt-main>div:not(.exp-home) select{background:#faf9f3!important;border-color:#17181455!important;color:#171814!important}
#vt-main>div:not(.exp-home) [style*="backdrop-filter"]{backdrop-filter:none!important;box-shadow:none!important}
#vt-main>div:not(.exp-home) [style*="color:#A"],footer [style*="color:#A"]{color:#4b4e44!important}
section[aria-labelledby="vt-cta"]{padding-top:0!important;padding-bottom:0!important;background:#d1ff43}
section[aria-labelledby="vt-cta"]>div{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:80px 0!important;text-align:left!important}
section[aria-labelledby="vt-cta"]>div>div[aria-hidden]{display:none}
section[aria-labelledby="vt-cta"]>div>div:last-child{align-items:flex-start!important}
#vt-cta{font-size:clamp(52px,11vw,156px)!important;line-height:.86!important;letter-spacing:-.075em!important}
section[aria-labelledby="vt-cta"] a{background:#171814!important;color:#f3f1e8!important;box-shadow:none!important;border-radius:0!important}
footer{background:#e9e7dc!important}footer [style*="background-clip:text"]{color:#171814!important;background:none!important}
[data-vt-chat]>button{box-shadow:none!important;background:#d1ff43!important;border:1px solid #171814!important;color:#171814!important}
#ohops-chat input{background:#fffdf6!important;color:#171814!important}
.exp-home{--lime:#d1ff43;--black:#171814;--paper:#f3f1e8}
.exp-hero{padding:120px var(--pad) 30px;position:relative;min-height:780px;max-width:1800px;margin:auto;overflow:hidden}
.exp-meta,.exp-label,.exp-hero-note,.exp-hero-bottom,.exp-browser,.exp-project-caption>span,.exp-caption,.exp-link,.exp-sticker,.exp-next>span,.exp-motion{font:11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.025em}
.exp-meta{display:flex;justify-content:space-between;margin-bottom:20px}
.exp-hero h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(84px,15.6vw,244px);line-height:.83;letter-spacing:-.05em;margin:0;position:relative;z-index:1;text-wrap:nowrap}
.exp-hero h1>span{display:block;width:max-content;transform-origin:left;will-change:transform}
.exp-hero h1 .exp-last{font-size:clamp(52px,10.1vw,160px);margin-top:16px;letter-spacing:-.045em}
.exp-sculpture{position:absolute;left:48%;top:140px;width:clamp(250px,32vw,475px);aspect-ratio:440/510;border:0;padding:0;background:none;cursor:grab;z-index:3;touch-action:none;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(var(--rotation,-13deg));filter:drop-shadow(18px 26px 9px #17181420);will-change:transform}
.exp-sculpture:active{cursor:grabbing}.exp-sculpture img{width:100%;height:100%;user-select:none;pointer-events:none;animation:exp-bob 6s ease-in-out infinite}
.exp-sticker{position:absolute;top:44%;left:30%;padding:16px 22px;background:var(--lime);color:var(--black);font-weight:700;border-radius:50%;transform:rotate(-15deg);pointer-events:none;font-size:14px}
.exp-star{position:absolute;right:10%;top:30%;color:#234fe7;font-size:68px;animation:vt-spin 22s linear infinite}
.exp-hero-note{position:absolute;right:4%;top:51%;max-width:190px;display:grid;gap:20px;font-size:10px}
.exp-hero-note a{border-bottom:1px solid;padding:12px 0;min-height:44px}
.exp-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:50px;border-top:1px solid #17181435;padding-top:20px}
.exp-hero-bottom p{margin:0;font:14px/1.6 Manrope,sans-serif}.exp-scroll{padding:12px 0;min-height:44px}.exp-motion{border:1px solid #17181450;background:transparent;padding:12px;cursor:pointer;min-height:44px;white-space:nowrap}
.exp-ticker{overflow:hidden;background:var(--lime);border-block:1px solid var(--black);padding:10px 0;transform:rotate(-1.5deg);margin:0 -2% 50px;width:104%}
.exp-ticker>div{width:max-content;white-space:nowrap;font-size:clamp(25px,4vw,58px);font-weight:800;line-height:1.3;letter-spacing:-.05em;animation:exp-ticker 28s linear infinite}
.exp-section{padding:65px var(--pad) 100px;max-width:1600px;margin:auto}.exp-heading{position:relative;display:grid;grid-template-columns:1fr auto;gap:22px;margin-bottom:48px}.exp-heading>.exp-label{grid-column:1/-1}.exp-heading h2,.exp-manifesto h2{font-size:clamp(43px,7.4vw,112px);line-height:.92;letter-spacing:-.075em;font-weight:800;margin:0;text-wrap:balance}.exp-heading h2 em,.exp-manifesto h2 em{font-style:normal;color:#686b5d}.exp-heading>.exp-link{align-self:end}.exp-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid;padding:10px 0;white-space:nowrap}
.exp-project-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:50px;align-items:center}.exp-feature{display:block;border:1px solid #171814;transition:transform .45s;transform:rotate(-2deg);background:#ebe9df}.exp-feature:hover{transform:rotate(0deg) translateY(-7px)}.exp-browser{padding:12px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #17181430;gap:12px}.exp-browser>span:first-child{letter-spacing:4px}.exp-feature img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover}.exp-project-caption{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.exp-project-caption h3{font-size:21px;margin:0;letter-spacing:-1px}.exp-project-caption>span{font-size:9px}
.exp-next{background:var(--lime);padding:25px;display:flex;flex-direction:column;gap:25px;transform:rotate(7deg);transition:transform .5s}.exp-next:hover{transform:rotate(-4deg) scale(1.03)}.exp-next strong{font-size:clamp(50px,6vw,94px);line-height:.9;letter-spacing:-.075em}.exp-smile{font:90px/1 Arial!important;text-align:right}.exp-caption{margin-top:30px;color:#4b4e44;max-width:85ch}.exp-caption a{text-decoration:underline}
.exp-manifesto{border-block:1px solid #17181440;padding-block:80px}.exp-manifesto h2{margin-top:28px}.exp-manifesto-bottom{display:flex;gap:50px;align-items:center;justify-content:space-between;margin-top:45px}.exp-manifesto-bottom p{max-width:46ch;font-size:18px;line-height:1.6}.exp-orbit{font-size:120px;line-height:1;color:#234fe7;animation:vt-spin 25s linear infinite}
.exp-service{display:grid;grid-template-columns:55px 1.5fr 1fr 55px;gap:24px;align-items:center;padding:30px 10px;border-top:1px solid #17181455;transition:background .3s,padding .3s}.exp-service:last-child{border-bottom:1px solid #17181455}.exp-service:hover{background:var(--lime);padding-left:24px}.exp-service h3{font-size:clamp(25px,3.4vw,48px);line-height:1.05;letter-spacing:-.06em;margin:0}.exp-service p{font-size:13px;margin:0;color:#4b4e44}.exp-arrow{font-size:42px;transition:transform .3s}.exp-service:hover .exp-arrow{transform:rotate(45deg)}
.exp-process{background:#e8e6db}.exp-step{display:block;width:100%;background:none;color:inherit;text-align:left;border:0;border-top:1px solid #17181450;padding:25px 0;cursor:pointer}.exp-step:last-child{border-bottom:1px solid #17181450}.exp-step-top{display:flex;align-items:center;gap:28px}.exp-step-top strong{font-size:clamp(25px,4vw,56px);letter-spacing:-.055em;line-height:1}.exp-step-plus{margin-left:auto;font-size:35px;line-height:1;transition:transform .4s}.exp-step-detail{display:block;overflow:hidden;max-width:70ch;font-size:16px;line-height:1.7;transition:max-height .5s,opacity .4s}.exp-step[aria-expanded="true"] .exp-step-detail{margin-top:18px}
.exp-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #171814}.exp-price-card{padding:32px;display:flex;flex-direction:column;border-right:1px solid #171814}.exp-price-card:last-child{border:0}.exp-price-card:nth-child(2){background:var(--lime)}.exp-price{font-size:clamp(55px,6vw,88px);line-height:1.2;font-weight:800;letter-spacing:-.07em;margin-top:20px}.exp-price small{font:10px 'IBM Plex Mono',monospace;letter-spacing:0;margin-left:8px}.exp-price-card p{font-size:14px;line-height:1.6;min-height:66px}.exp-price-card ul{padding:20px 0 30px;list-style:none;border-top:1px solid #17181445;font-size:13px;line-height:1.5;margin:10px 0 0}.exp-price-card li{padding:6px 0;display:flex;gap:10px}.exp-price-card li:before{content:'↗'}.exp-buy{margin-top:auto;display:flex;justify-content:space-between;padding:16px 12px;background:#171814;color:#f3f1e8!important;font-size:14px;font-weight:700;transition:transform .2s}.exp-buy:hover{transform:translateY(-4px)}.exp-price-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:14px}
@keyframes exp-ticker{to{transform:translateX(-50%)}}@keyframes exp-bob{50%{transform:translateY(-18px) rotate(4deg)}}
html.exp-paused *,html.exp-paused *:before,html.exp-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(min-width:1600px){.exp-hero{min-height:1000px}.exp-sculpture{top:175px}}
@media(max-width:1000px){.exp-hero{min-height:660px}.exp-hero-note{top:43%;right:4%;max-width:145px;font-size:9px}.exp-sculpture{top:150px;left:44%}.exp-project-layout{gap:25px}.exp-price-card{padding:22px}.exp-service{grid-template-columns:40px 1.2fr 1fr 40px;gap:15px}.exp-manifesto-bottom{gap:24px}.exp-hero-bottom{margin-top:70px}.exp-heading h2{font-size:7.8vw}}
@media(max-width:650px){.exp-hero{padding-top:115px;min-height:680px}.exp-meta{font-size:9px}.exp-meta>span:last-child{display:none}.exp-hero{padding-top:110px;min-height:760px}.exp-hero h1{font-size:21vw;line-height:.88;text-wrap:wrap;letter-spacing:-.045em}.exp-hero h1>span{width:auto}.exp-hero h1 .exp-last{font-size:15.5vw;letter-spacing:-.04em;margin-top:14px}.exp-sculpture{width:225px;left:37%;top:240px}.exp-sticker{font-size:11px;padding:12px 15px}.exp-star{top:150px;right:8%;font-size:45px}.exp-hero-note{position:relative;top:auto;right:auto;margin-top:48px;width:auto;max-width:34ch;font-size:13px;line-height:1.55;gap:16px}.exp-hero-note a{font-size:12px}.exp-hero-bottom{margin-top:50px;display:grid;grid-template-columns:1fr auto;gap:10px}.exp-hero-bottom p{grid-column:1/-1;grid-row:2;font-size:13px}.exp-hero-bottom a,.exp-motion{font-size:9px}.exp-ticker{margin-bottom:5px}.exp-section{padding-block:50px 65px}.exp-heading{gap:20px;margin-bottom:30px}.exp-heading h2{font-size:11vw;grid-column:1/-1}.exp-heading>.exp-link{justify-self:start}.exp-project-layout{grid-template-columns:1fr;gap:30px;padding-inline:5px}.exp-feature{transform:rotate(-1.5deg)}.exp-next{transform:rotate(3deg);display:grid;grid-template-columns:1fr auto;gap:15px}.exp-next strong{font-size:60px}.exp-next strong br{display:none}.exp-next strong{grid-column:1/-1}.exp-next>span:first-child{grid-column:1/-1}.exp-smile{font-size:50px!important;grid-column:2;grid-row:3}.exp-next>span:last-child{align-self:center;grid-row:3}.exp-browser{font-size:9px;padding:10px}.exp-project-caption{display:block}.exp-project-caption h3{margin-bottom:8px}.exp-manifesto h2{font-size:10.8vw}.exp-manifesto-bottom{flex-wrap:wrap;gap:16px}.exp-orbit{font-size:70px}.exp-manifesto-bottom p{font-size:16px;flex:1;min-width:200px}.exp-service{grid-template-columns:32px 1fr 30px;padding:22px 0;gap:12px}.exp-service h3{font-size:29px}.exp-service p{grid-column:2;grid-row:2;font-size:12px}.exp-arrow{grid-column:3;grid-row:1;font-size:30px}.exp-price-grid{grid-template-columns:1fr}.exp-price-card{border-right:0;border-bottom:1px solid;padding:28px}.exp-price{font-size:80px}.exp-price-card p{min-height:0}.exp-price-foot{display:block}.exp-step-detail{font-size:14px}.exp-step-top{gap:16px}section[aria-labelledby="vt-cta"]>div{padding-block:55px!important}}
@media(prefers-reduced-motion:reduce){.exp-sculpture img,.exp-star,.exp-orbit,.exp-ticker>div{animation:none!important}.exp-hero h1>span{transform:none!important}.exp-feature,.exp-next{transition:none!important}}
#vt-main>div:not(.exp-home) h1 span{background:none!important;color:#686b5d!important;-webkit-text-fill-color:#686b5d!important}
#vt-main>div:not(.exp-home) a[href="/start"]{background:#d1ff43!important;color:#171814!important;box-shadow:none!important;border-radius:0!important}
#vt-main form{border-radius:0!important;box-shadow:none!important}
#vt-main form button[aria-pressed="true"]{background:#d1ff43!important;color:#171814!important;border-color:#171814!important}
#vt-main form button[aria-pressed="false"]{color:#4b4e44!important;border-color:#17181455!important}
#vt-main form button[type="submit"]{background:#d1ff43!important;color:#171814!important;box-shadow:none!important;border-radius:0!important}
#ohops-chat [role="log"]{color:#171814!important}
@media(max-width:650px){.exp-sculpture{width:170px;left:52%;top:430px}.exp-next strong br{display:block}.exp-next strong{font-size:70px}.exp-next .exp-smile{grid-row:2;align-self:end}.exp-next>span:last-child{grid-column:1/-1}.exp-hero-note{margin-top:44px}}
#vt-main h2[id],#vt-main{scroll-margin-top:110px}