:root{--bg:#101011;--bg2:#171719;--ink:#f5f3ef;--muted:#b0aeac;--line:#353538;--pink:#f56aab;--cream:#e9e2d6;--sans:'Manrope','DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:4px}::selection{color:#111;background:var(--pink)}.pink,.asterisk{color:var(--pink)}.skip{position:absolute;transform:translateY(-180%);z-index:100;background:#fff;color:#111;padding:12px}.skip:focus{transform:translateY(0)}.top-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--pink);z-index:1000;pointer-events:none}.header{border-bottom:1px solid var(--line);position:relative;z-index:60;background:#101011f5}.header-inner{height:90px;max-width:1500px;margin:auto;padding:0 4.8%;display:flex;align-items:center;gap:28px}.logo{display:flex;flex-direction:column;line-height:.75;min-width:144px;font-weight:800;letter-spacing:-.105em;font-size:36px}.logo small{font-size:8px;letter-spacing:.36em;font-weight:700;margin-top:13px;margin-left:3px}.studio-location{margin-left:8px;font-size:10px;letter-spacing:.11em;color:#bbb;white-space:nowrap}.pink-dot{display:inline-block;background:var(--pink);width:7px;height:7px;border-radius:100%;margin-right:9px}.nav{margin-left:auto;display:flex;align-items:center;gap:28px}.nav>a{font-size:10px;letter-spacing:.12em;font-weight:800;transition:color .2s}.nav>a:hover{color:var(--pink)}.nav>a.nav-cta{padding:14px 22px;border-radius:30px;border:1px solid #6b6a6b;margin-left:7px;white-space:nowrap}.nav-cta span{margin-left:22px}.mobile-menu{display:none}.hero,.section,.contact{max-width:1500px;margin:0 auto;padding-left:4.8%;padding-right:4.8%}.hero{padding-top:43px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.17em;font-weight:750}.hero-eyebrow{display:flex;gap:14px;align-items:center;color:#c6c1bd}.mini-line{width:50px;border-bottom:1px solid #706e6d}.hero-grid{min-height:636px;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:center}.hero-left{padding-bottom:76px;z-index:5;position:relative}.hero h1{font-size:clamp(55px,5.2vw,90px);letter-spacing:-.09em;line-height:1.07;font-weight:800;margin:40px 0 30px;white-space:nowrap}.kinetic{display:inline-block;position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),letter-spacing .22s;will-change:transform}.hero-left>p{font-size:15px;line-height:1.83;color:#bebcbb;max-width:385px;margin:0 0 26px}.outline-btn{display:inline-flex;gap:32px;align-items:center;border:1px solid #aaa7a2;border-radius:100px;padding:15px 21px;font-size:11px;font-weight:800;letter-spacing:.06em;transition:background .25s,color .25s,border-color .25s}.outline-btn:hover{background:var(--ink);color:#101011;border-color:var(--ink)}.scroll-note{display:block;color:#858184;font-size:10px;font-weight:800;letter-spacing:.14em;margin-top:75px}.scroll-note span{color:var(--pink);margin-left:12px}.hero-art{height:625px;position:relative;perspective:1200px;isolation:isolate;overflow:hidden}.hero-light{position:absolute;inset:7% 0;background:radial-gradient(ellipse at 52% 50%,#39333788,transparent 65%);pointer-events:none}.hero-browser{position:absolute;display:block;background:#161616;border:1px solid #77706d;box-shadow:0 19px 46px #000c;overflow:hidden;transform-origin:center center;cursor:grab;touch-action:pan-y;transition:box-shadow .2s,filter .2s;will-change:transform}.hero-browser:hover{box-shadow:0 26px 65px #000f;filter:brightness(1.08)}.hero-browser:active{cursor:grabbing}.hero-browser>img{display:block;width:100%;height:calc(100% - 27px);object-fit:cover;object-position:top}.hb-chrome{height:27px;font-size:8px;letter-spacing:.12em;font-weight:800;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;background:#f1ede7;color:#171717}.hb-chrome em{font-size:14px;font-style:normal}.hero-b-telegraph{width:57%;height:325px;right:0;top:30px;transform:rotate(8deg);z-index:2}.hero-b-lobby{width:54%;height:302px;left:3%;top:21px;transform:rotate(-12deg);z-index:1}.hero-b-therapy{width:51%;height:280px;right:0;top:304px;transform:rotate(-7deg);z-index:3}.hero-b-forme{width:55%;height:348px;left:8%;top:226px;transform:rotate(-9deg);z-index:4}.hero-forme-inside{position:relative;display:grid;grid-template-columns:46% 54%;height:calc(100% - 27px);background:#e8e0d3;color:#1e1a17}.hero-forme-inside>div{padding:20px 0 10px 14px;z-index:2}.forme-mini-brand{font-family:var(--serif);font-size:13px;letter-spacing:.22em}.hero-forme-inside strong{display:block;font-family:var(--serif);font-weight:400;font-size:36px;line-height:.93;margin-top:53px}.hero-forme-inside strong i{font-weight:400}.hero-forme-inside small{display:block;font-size:7px;letter-spacing:.08em;line-height:1.5;margin-top:15px}.hero-forme-inside img{width:100%;height:100%;object-fit:cover;object-position:36% center}.hero-scribble{position:absolute;z-index:8;right:3%;bottom:9px;color:var(--pink);font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.15;transform:rotate(-8deg);pointer-events:none}.hero-scribble span{font-family:var(--sans);display:inline-block;transform:rotate(30deg)}.reset-cards{position:absolute;z-index:20;bottom:4px;left:5%;font-size:9px;color:#b8b1b4;background:transparent;border:0;letter-spacing:.15em;padding:10px;cursor:pointer}.reset-cards:hover{color:var(--pink)}.hero-edge{padding:17px 0 24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;font-size:10px;font-weight:700;color:#a9a5a3;letter-spacing:.14em}.edge-line{height:1px;background:var(--line);flex:1}.hero-edge a:hover{color:var(--pink)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:18px 0;background:#151517}.marquee-track{width:max-content;display:flex;animation:marquee 32s linear infinite}.marquee-track>span{font-size:13px;font-weight:800;letter-spacing:.24em;padding-right:33px}.marquee-track i{color:var(--pink);font-style:normal;margin:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:95px;padding-bottom:106px;scroll-margin-top:30px}.section-kicker{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);color:#d6d2d0}.section-kicker span{font-weight:600;color:#8e8889}.range-intro{display:flex;justify-content:space-between;align-items:end;padding:35px 0 32px;gap:30px}.range-intro h2,.work-heading h2,.about h2,.pricing h2,.contact h2{font-size:clamp(55px,6.2vw,102px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:800}.range-intro h2 i,.work-heading h2 i,.about h2 i,.pricing h2 i,.contact h2 i{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.asterisk{font-size:.48em;vertical-align:top;margin-left:9px;line-height:1}.range-intro>p{max-width:318px;margin:0 0 5px;color:#b6b2b1;font-size:14px;line-height:1.75}.range-composition{display:grid;grid-template-columns:34% minmax(0,66%);gap:24px}.range-sidebar{min-width:0;display:flex;flex-direction:column}.range-option{border:0;border-top:1px solid #444043;background:transparent;color:var(--ink);min-height:119px;padding:14px 13px;display:flex;align-items:center;text-align:left;gap:13px;transition:background .25s,color .25s,border-color .25s}.range-option:last-of-type{border-bottom:1px solid #444043}.range-option:hover{background:#252124}.range-option.selected{background:#f0ede8;color:#161516;border-left:4px solid var(--pink);padding-left:9px}.range-thumb{width:91px;height:73px;flex:0 0 91px;overflow:hidden;background:#595458}.range-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.range-option:hover img{transform:scale(1.07)}.range-option-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.range-option-copy small{font-size:9px;letter-spacing:.08em;opacity:.7;font-weight:700}.range-option-copy strong{font-size:clamp(15px,1.7vw,23px);letter-spacing:-.055em;font-weight:800;line-height:1.1}.range-option-copy em{font-size:10px;font-style:normal;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-arrow{font-size:22px;align-self:center}.range-dial-group{margin-top:auto;padding:25px 10px 0 0}.dial-top,.dial-labels{display:flex;justify-content:space-between;color:#979395;font-size:9px;letter-spacing:.1em;font-weight:800}.dial-top{margin-bottom:10px}.range-dial-group input{width:100%;height:5px;appearance:none;background:linear-gradient(90deg,var(--pink) 0%,#505053 0%);border-radius:10px;cursor:pointer;margin:8px 0 15px}.range-dial-group input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--pink);border:2px solid #171717;box-shadow:0 0 0 3px #ef7da837}.range-dial-group input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--pink);border:2px solid #171717}.stage-holder{min-width:0}.stage-frame{overflow:hidden;background:#e8e3db;box-shadow:0 12px 35px #0008;aspect-ratio:1.45/1;position:relative;border:1px solid #77706d;transition:background .4s}.stage-top{height:37px;background:#f3f0eb;display:flex;align-items:center;justify-content:space-between;color:#4d4743;padding:0 15px;font-size:11px;letter-spacing:.04em}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border:1px solid #8e8781;border-radius:100%}.stage-client{height:calc(100% - 37px);background:#171716;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.stage-client img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:none}.stage-frame.switching .stage-client,.stage-frame.switching .stage-forme{animation:stageFade .48s both}@keyframes stageFade{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.stage-frame[data-style='personal'] .stage-client{background:#142018}.stage-frame[data-style='cinematic'] .stage-client{background:#0b0b0b}.stage-frame[data-style='grounded'] .stage-client{background:#bbbebf}.stage-frame[data-style='editorial']{background:#f0eae1}.stage-forme{color:#181715;height:calc(100% - 37px);position:relative;overflow:hidden;background:#ede6dc}.stage-forme[hidden]{display:none!important}.forme-nav{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:10px;font-weight:800;letter-spacing:.15em}.forme-nav span:first-child{font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:.3em}.forme-main{display:grid;grid-template-columns:48% 52%;height:72%;overflow:hidden}.forme-copy{padding:7% 0 3% 8%;position:relative;z-index:1}.forme-copy>small{font-size:9px;letter-spacing:.1em}.forme-copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,63px);line-height:.87;margin:9% 0 5%;letter-spacing:-.04em}.forme-copy h3 i{font-weight:400}.forme-copy p{font-family:var(--serif);font-size:16px;max-width:180px;line-height:1.1}.forme-nonlink{display:block;font-size:9px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:7px;margin-top:8%}.forme-model{overflow:hidden}.forme-model img{width:100%;height:100%;object-fit:cover;object-position:35% 12%}.forme-bottom{height:calc(28% - 35px);border-top:1px solid #beb4a6;display:grid;grid-template-columns:32% 50% 18%;align-items:stretch}.forme-label{padding:8% 7%;display:flex;flex-direction:column;gap:6px;font-family:var(--serif)}.forme-label>span{font-size:12px}.forme-label strong{font-size:19px;font-weight:400;line-height:1}.look-photo{overflow:hidden}.look-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.forme-control{display:flex;align-items:center;justify-content:center;gap:5px}.forme-control button{border:1px solid #6a665c;border-radius:50%;width:26px;height:26px;background:transparent;color:#2d2d27;font-size:15px}.forme-control button:hover{background:#222;color:white}.concept-stamp{position:absolute;bottom:5px;left:3%;font-size:8px;letter-spacing:.12em;color:#655d53}.stage-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.stage-foot>div{display:flex;flex-direction:column;gap:3px}.stage-foot>div>span{font-size:9px;letter-spacing:.13em;color:var(--pink);font-weight:800}.stage-foot strong{font-size:20px;letter-spacing:-.04em}.stage-foot p{margin:0;color:#aaa;font-size:11px}.stage-foot>a{white-space:nowrap;border:1px solid #858080;border-radius:30px;padding:11px 16px;font-size:9px;font-weight:800;letter-spacing:.08em;transition:all .2s}.stage-foot>a:hover{background:var(--pink);border-color:var(--pink);color:#131313}.stage-foot>a[hidden]{display:none}.stage-foot>a span{margin-left:10px}.stage-nav{padding:12px 0;display:flex;justify-content:space-between;align-items:center;color:#969193;font-size:10px;letter-spacing:.1em}.stage-nav>div{display:flex;gap:10px}.stage-nav button{border:1px solid #797576;border-radius:50%;background:transparent;color:#fff;font-size:16px;width:35px;height:35px}.stage-nav button:hover{background:var(--pink);color:#171717;border-color:var(--pink)}.range-disclaimer{display:flex;align-items:flex-start;gap:14px;margin-top:22px}.range-disclaimer>span{font-size:22px}.range-disclaimer p{margin:0;max-width:800px;color:#999394;line-height:1.7;font-size:11px}.work{border-top:1px solid var(--line)}.work-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:42px 0}.work-heading p{color:#aaa7a7;max-width:310px;line-height:1.65;font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.case{display:block;min-width:0}.case-image{position:relative;aspect-ratio:.93;overflow:hidden;background:#2b2e2c;border:1px solid #444}.case-image:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#06060680);z-index:1;opacity:0;transition:opacity .3s}.case-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.case:hover img{transform:scale(1.09)}.case:hover .case-image:before{opacity:1}.case-open{position:absolute;z-index:2;right:15px;bottom:16px;color:#fff;background:#141414;border:1px solid #fff6;padding:12px 13px;border-radius:20px;font-size:9px;letter-spacing:.08em;opacity:0;transform:translateY(12px);transition:.25s}.case:hover .case-open,.case:focus-visible .case-open{opacity:1;transform:translateY(0)}.case-meta{padding:16px 0 0;display:flex;flex-direction:column;gap:7px}.case-meta span{font-size:9px;color:#999;letter-spacing:.1em}.case-meta strong{font-size:21px;letter-spacing:-.04em}.work-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:10px;letter-spacing:.1em}.work-end a{color:var(--pink)}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:10%;align-items:end;padding-top:54px}.about h2{font-size:clamp(52px,5.7vw,85px)}.about-grid>div{max-width:390px}.about-grid p{color:#b4b0ae;font-size:15px;line-height:1.85}.text-link{display:inline-block;margin-top:15px;font-weight:800;font-size:11px;border-bottom:1px solid var(--pink);padding-bottom:7px}.pricing{border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;padding:60px 0 40px}.pricing-heading>span{font-size:10px;letter-spacing:.1em;color:#b0abad}.pricing-heading h2{margin:20px 0 22px;font-size:clamp(51px,4.1vw,76px)}.pricing-heading p{font-size:13px;line-height:1.7;color:#aaa;max-width:260px}.price-card{padding-left:24px;border-left:1px solid #494649}.price-card>span{font-size:10px;color:#a7a1a5;letter-spacing:.1em}.price-card h3{margin:24px 0;line-height:1;letter-spacing:-.08em;font-size:clamp(44px,4vw,70px)}.price-card h3 span{font-size:12px;font-weight:500;letter-spacing:0;color:#b8b4b2;margin-left:10px}.price-card p{font-size:13px;line-height:1.8;color:#b0acab;min-height:110px}.price-card ul{padding:0;list-style:none;color:#e2ddda;font-size:12px;line-height:2.25}.price-card li:before{content:'↗';color:var(--pink);margin-right:10px}.price-note{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#aaa}.price-note a{color:var(--pink);font-weight:800;white-space:nowrap}.contact{border-top:1px solid var(--line);padding-top:75px;padding-bottom:98px}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:30px;padding-top:55px}.contact h2{font-size:clamp(55px,7.1vw,104px)}.contact-grid>div{padding-bottom:10px}.contact-grid p{max-width:300px;font-size:14px;line-height:1.8;color:#aaa}.big-pink-btn{margin:26px 0 17px;display:flex;background:var(--pink);color:#111;font-weight:800;justify-content:space-between;align-items:center;padding:20px 25px;max-width:300px;border-radius:100px;font-size:12px;transition:transform .2s,background .2s}.big-pink-btn:hover{background:#ff8dc5;transform:translateY(-4px)}.email-small{font-size:11px;color:#b8b2b4}.footer{border-top:1px solid var(--line);padding:25px max(4.8%,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .logo{font-size:27px}.footer .logo small{font-size:7px;margin-top:11px}.footer p,.footer>a:last-child{font-size:10px;color:#999;letter-spacing:.1em}
@media(max-width:1150px){.studio-location{display:none}.hero-grid{grid-template-columns:51% 49%}.hero h1{font-size:clamp(54px,5.5vw,75px)}.hero-art{height:570px}.range-composition{grid-template-columns:36% 64%}.range-option{gap:8px;padding-right:6px}.range-thumb{width:70px;flex-basis:70px;height:60px}.range-option-copy strong{font-size:18px}.forme-copy h3{font-size:clamp(30px,4vw,43px)}.pricing-grid{gap:12px}.price-card{padding-left:16px}}
@media(max-width:790px){.header-inner{height:72px;padding:0 5%}.logo{font-size:32px}.mobile-menu{display:flex;margin-left:auto;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid #777;min-width:46px;height:42px;border-radius:50%;padding:11px}.mobile-menu span{height:1px;background:#fff;width:100%}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 5%;background:#181819;border-bottom:1px solid #555;flex-direction:column;align-items:stretch;margin:0;gap:25px}.nav.open{display:flex}.nav>a{font-size:16px}.nav>a.nav-cta{margin:0;display:flex;justify-content:space-between;max-width:400px}.hero,.section,.contact{padding-left:5%;padding-right:5%}.hero{padding-top:29px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-left{padding-bottom:0}.hero h1{font-size:clamp(49px,10vw,77px);margin:28px 0 23px}.hero-left>p{font-size:14px;max-width:465px}.scroll-note{display:none}.hero-art{height:465px;max-width:670px;width:100%;margin:12px auto 0}.hero-browser{box-shadow:0 10px 28px #000c}.hero-b-telegraph{width:55%;height:245px;top:24px;right:0}.hero-b-lobby{width:51%;height:222px;top:8px;left:2%}.hero-b-therapy{width:52%;height:205px;top:228px;right:1%}.hero-b-forme{width:54%;height:255px;top:174px;left:7%}.hero-forme-inside strong{font-size:29px;margin-top:29px}.hero-scribble{bottom:5px;right:0;font-size:14px}.reset-cards{bottom:1px}.hero-edge{font-size:8px;gap:10px}.marquee-track>span{font-size:11px}.section{padding-top:72px;padding-bottom:78px}.range-intro{align-items:start;flex-direction:column}.range-intro h2{font-size:clamp(60px,11vw,91px)}.range-intro>p{max-width:470px}.range-composition{grid-template-columns:1fr;gap:25px}.range-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-option{border:1px solid #494649!important;min-height:91px}.range-option.selected{border-left:3px solid var(--pink)!important;padding-left:8px}.range-thumb{height:60px}.range-option-copy strong{font-size:17px}.range-option-copy em{display:none}.range-arrow{display:none}.range-dial-group{grid-column:1/-1;padding-top:10px}.stage-frame{max-height:none}.forme-copy h3{font-size:clamp(37px,7.4vw,70px)}.work-heading{display:block}.work-heading h2{font-size:70px}.work-heading p{max-width:400px}.work-grid{gap:14px}.case-meta strong{font-size:15px}.about-grid{grid-template-columns:1fr;gap:20px}.about h2{font-size:clamp(60px,10vw,90px)}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-heading{grid-column:1/-1}.pricing-heading h2{font-size:clamp(55px,8.5vw,80px)}.pricing-heading p{max-width:480px}.price-card{padding-left:19px}.contact-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:clamp(50px,8vw,80px)}}
@media(max-width:560px){.hero-eyebrow{font-size:8px}.hero-eyebrow .mini-line{width:25px}.hero h1{font-size:clamp(44px,10vw,61px);letter-spacing:-.09em}.hero-art{height:340px}.hero-b-telegraph{width:55%;height:180px;top:13px}.hero-b-lobby{width:54%;height:165px;top:4px}.hero-b-therapy{width:55%;height:158px;top:168px}.hero-b-forme{width:58%;height:190px;top:128px}.hb-chrome{height:19px;font-size:6px;padding:3px 6px}.hero-browser>img{height:calc(100% - 19px)}.hero-forme-inside{height:calc(100% - 19px)}.hero-forme-inside>div{padding:10px 0 4px 8px}.forme-mini-brand{font-size:8px}.hero-forme-inside strong{font-size:23px;margin-top:20px}.hero-forme-inside small{font-size:6px}.hero-scribble{display:none}.reset-cards{font-size:7px;bottom:0;left:0}.hero-edge{margin-top:4px;padding-bottom:18px;font-size:8px}.hero-edge>span:first-child{display:none}.section-kicker{font-size:8px}.section-kicker span{text-align:right}.range-intro h2{font-size:clamp(54px,13vw,80px)}.range-intro>p{font-size:13px}.range-sidebar{gap:5px}.range-option{padding:8px 6px;min-height:78px;gap:7px}.range-thumb{width:56px;flex-basis:56px;height:52px}.range-option-copy small{font-size:7px}.range-option-copy strong{font-size:13px;letter-spacing:-.06em}.range-dial-group{margin-bottom:0}.stage-frame{aspect-ratio:1.11/1}.stage-top{height:27px;font-size:9px;padding:0 10px}.stage-client,.stage-forme{height:calc(100% - 27px)}.forme-nav{height:23px;font-size:6px}.forme-nav span:first-child{font-size:12px}.forme-main{height:72%}.forme-copy{padding:10% 0 2% 7%}.forme-copy>small{font-size:7px}.forme-copy h3{font-size:clamp(29px,8.5vw,46px);margin:8% 0 4%}.forme-copy p{font-size:12px}.forme-nonlink{font-size:7px}.forme-bottom{height:calc(28% - 23px)}.forme-label strong{font-size:15px}.forme-label>span{font-size:9px}.forme-control button{height:21px;width:21px;font-size:12px}.concept-stamp{font-size:6px}.stage-foot strong{font-size:17px}.stage-foot p{font-size:10px}.stage-foot>a{font-size:8px;padding:9px 10px}.stage-nav{font-size:8px}.work-heading h2{font-size:clamp(55px,13vw,78px)}.work-grid{grid-template-columns:1fr;gap:32px}.case-image{aspect-ratio:1.36}.case-meta strong{font-size:22px}.case-open{opacity:1;transform:none}.about h2{font-size:clamp(51px,11vw,74px)}.pricing-grid{grid-template-columns:1fr}.price-card{border-top:1px solid #484348;border-left:0;padding:23px 0}.price-card p{min-height:0}.pricing-heading h2{font-size:clamp(53px,10vw,67px)}.price-card h3{font-size:59px}.price-note{flex-direction:column}.contact-grid{grid-template-columns:1fr}.contact h2{font-size:clamp(49px,10vw,75px)}.footer{padding:20px 5%;flex-wrap:wrap}.footer p{order:3;flex-basis:100%;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.kinetic{transform:none!important}}
[hidden]{display:none!important}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.will-reveal.seen{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}

/* Concept 10: preserve complete real-site screenshot instead of cropping Grounded. */
.range-option[data-style="grounded"] .range-thumb{background:#e5e4e2;display:grid;place-items:center;padding:3px}
.range-option[data-style="grounded"] .range-thumb img{object-fit:contain;height:auto;max-height:100%;width:100%}
.case-grounded .case-image{display:flex;align-items:center;justify-content:center;padding:26px;background:linear-gradient(135deg,#ddd9d2,#a9aaa6)}
.case-grounded .case-image img{height:auto;max-height:100%;width:100%;object-fit:contain;box-shadow:0 20px 40px #1117}
.case-grounded:hover .case-image img{transform:translateY(-5px) scale(1.015)}
@media (max-width:560px){.case-grounded .case-image{padding:18px}}

/* Concept 11: clarity, display integrity, responsive project range */
.hero-scribble{right:2%;bottom:10px;z-index:24;display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:240px;padding:13px 20px 15px 16px;background:rgba(13,13,15,.95);color:#f7f3f3;border-left:3px solid var(--pink);border-radius:3px;transform:none;font-family:var(--sans);font-style:normal;font-size:15px;line-height:1.25;box-shadow:0 12px 26px #000a;letter-spacing:-.025em;isolation:isolate}
.hero-scribble .hero-callout-small{display:block;transform:none;font-size:8px;color:var(--pink);font-family:var(--sans);letter-spacing:.17em;font-weight:800}
.hero-scribble strong{font-size:15px;line-height:1.3;font-weight:700;color:#fff;letter-spacing:-.02em}
.hero-scribble .hero-callout-arrow{position:absolute;right:10px;top:12px;color:var(--pink);font-family:var(--sans);font-size:16px;transform:none}
/* Preserve full headline and content of the real therapy screenshot */
.case-personal .case-image{display:flex;align-items:center;justify-content:center;background:#0d1a13;padding:18px}
.case-personal .case-image img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center center;box-shadow:0 14px 32px #0006}
.case-personal:hover .case-image img{transform:translateY(-5px) scale(1.015)}
.range-option[data-style=personal] .range-thumb{background:#102017;display:grid;place-items:center;padding:3px}
.range-option[data-style=personal] .range-thumb img{object-fit:contain;width:100%;height:auto;max-height:100%}
.hero-b-therapy>img{object-fit:contain;object-position:center top;background:#102017}
@media(max-width:790px){.hero-scribble{bottom:5px;right:1%;max-width:206px;padding:10px 15px 11px 11px}.hero-scribble strong{font-size:12px}.hero-scribble .hero-callout-small{font-size:7px}.case-personal .case-image{padding:12px}}
@media(max-width:560px){.hero-art{height:392px}.hero-scribble{display:flex;right:1%;bottom:0;width:230px;max-width:62vw;padding:10px 17px 11px 12px;box-shadow:0 8px 18px #000c}.hero-scribble strong{font-size:12px}.hero-scribble .hero-callout-arrow{right:5px;top:5px;font-size:13px}.hero-b-therapy{top:166px}.case-personal .case-image{padding:10px}}
@media(max-width:350px){.hero-art{height:380px}.hero-scribble{max-width:190px}.hero-scribble strong{font-size:10px}}


/* Concept 12: stronger hero readability, obvious interactivity, more reliable personal preview */
.hero-art{overflow:visible;padding-bottom:20px}
.hero-browser{transition:box-shadow .25s,filter .25s,translate .25s ease,scale .25s ease}
.hero-browser:hover{translate:0 -7px;scale:1.015}
.hero-browser::after{content:'DRAG';position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:999px;background:rgba(17,17,18,.78);border:1px solid rgba(255,255,255,.12);font-size:8px;letter-spacing:.16em;font-weight:800;color:#fff;opacity:0;transform:translateY(5px);transition:opacity .22s,transform .22s;pointer-events:none}
.hero-browser:hover::after{opacity:1;transform:translateY(0)}
.hero-scribble{right:-2px;bottom:22px;max-width:290px;padding:16px 24px 18px 18px;background:linear-gradient(180deg,rgba(12,12,14,.98),rgba(20,20,22,.96));border-left:4px solid var(--pink);border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 18px 36px rgba(0,0,0,.42)}
.hero-scribble strong{font-size:18px;line-height:1.22;text-wrap:balance;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.hero-scribble .hero-callout-small{font-size:9px;margin-bottom:1px}
.hero-scribble .hero-callout-arrow{right:11px;top:10px;font-size:17px}
.range-thumb img{display:block}
#stageClient{background:linear-gradient(180deg,#121313,#171716)}
#stageClient img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.range-option[data-style=personal] .range-thumb{background:#0f1d16}
.range-option[data-style=personal].selected .range-thumb{background:#153523}
@media(max-width:790px){
  .hero-art{overflow:hidden;padding-bottom:0}
  .hero-browser:hover{translate:0 -4px;scale:1.01}
  .hero-browser::after{display:none}
  .hero-scribble{right:2%;bottom:8px;max-width:240px;padding:12px 16px 14px 13px}
  .hero-scribble strong{font-size:14px}
}
@media(max-width:560px){
  .hero-scribble{display:flex;right:1%;bottom:4px;width:245px;max-width:66vw;padding:11px 15px 13px 12px}
  .hero-scribble strong{font-size:13px;line-height:1.2}
}

/* Concept 13 / Motion-led refinement — Wren remains restrained while work comes alive */
.hero-art{--spot-x:55%;--spot-y:48%}
.hero-light{background:radial-gradient(ellipse at var(--spot-x) var(--spot-y),rgba(110,85,107,.31),transparent 61%);transition:background .15s ease;pointer-events:none}
.hero-browser{--rx:0deg;--ry:0deg;transform-style:preserve-3d;
 transition:box-shadow .35s ease,filter .35s ease,translate .52s cubic-bezier(.19,1,.22,1),scale .35s cubic-bezier(.18,1.4,.44,1)}
.hero-b-telegraph{transform:rotate(8deg) rotateY(var(--ry)) rotateX(var(--rx))}
.hero-b-lobby{transform:rotate(-12deg) rotateY(var(--ry)) rotateX(var(--rx))}
.hero-b-therapy{transform:rotate(-7deg) rotateY(var(--ry)) rotateX(var(--rx))}
.hero-b-forme{transform:rotate(-9deg) rotateY(var(--ry)) rotateX(var(--rx))}
.hero-browser.grabbing{cursor:grabbing;transition:box-shadow .2s,filter .2s;box-shadow:0 32px 80px #000e,0 0 0 1px #ffffff55;filter:brightness(1.07);scale:1.035}
.hero-browser>img,.hero-forme-inside img{-webkit-user-drag:none;user-select:none}
.hero-browser{touch-action:pan-y}
.hero-browser:nth-of-type(1){animation:siteDeal .8s .1s backwards}
.hero-browser:nth-of-type(2){animation:siteDeal .8s .24s backwards}
.hero-browser:nth-of-type(3){animation:siteDeal .8s .38s backwards}
.hero-browser:nth-of-type(4){animation:siteDeal .8s .52s backwards}
@keyframes siteDeal{from{opacity:0;filter:blur(7px) brightness(.9)}to{opacity:1;filter:blur(0) brightness(1)}}
.hero-statement-mobile{display:none}
.hero-scribble{right:0;bottom:22px;box-shadow:0 22px 44px #000e}
.hero-scribble strong{font-size:18px}
.reset-cards{z-index:27;color:#ddd0d6;font-size:9px;background:rgba(16,16,18,.75);border:1px solid #ffffff1c;border-radius:99px;padding:9px 11px;letter-spacing:.06em}
.reset-cards:hover{background:#272327}
.reset-cards span{color:var(--pink)}
.stage-frame{isolation:isolate}
.stage-frame::after{content:'';position:absolute;inset:37px 0 0;z-index:5;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgba(245,106,171,.08) 49%,rgba(255,255,255,.18) 51%,transparent 85%);opacity:0;transform:translateX(-125%)}
.stage-frame.switching::after{animation:sceneSweep .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes sceneSweep{0%{opacity:0;transform:translateX(-125%)}25%{opacity:1}100%{opacity:0;transform:translateX(125%)}}
.range-option.selected{box-shadow:inset 0 0 0 1px #ffffff26}
.range-option{transition:background .24s,color .24s,box-shadow .24s,transform .24s}
.range-option:hover:not(.selected){transform:translateX(4px)}
.case-image{overflow:hidden}
.case-image:after{content:'';position:absolute;inset:0;border:1px solid #ffffff20;pointer-events:none;transition:border-color .25s}
.case:hover .case-image:after{border-color:var(--pink)}
@media(max-width:790px){
 .hero-browser:nth-of-type(n){animation:none}
 .hero-scribble{display:none}
 .hero-statement-mobile{display:flex;align-items:center;justify-content:space-between;gap:20px;
 margin:6px 0 18px;padding:16px 20px 17px 17px;background:#1d1b1d;border-left:4px solid var(--pink);border-top:1px solid #3e393e;border-bottom:1px solid #3e393e;box-shadow:0 12px 25px #0006}
 .hero-statement-mobile>div{display:flex;flex-direction:column;gap:6px}
 .hero-statement-mobile .hero-callout-small{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--pink)}
 .hero-statement-mobile strong{font-size:clamp(19px,3vw,26px);line-height:1.14;letter-spacing:-.04em;color:white}
 .mobile-statement-symbol{font-size:35px;color:var(--pink);line-height:1;flex-shrink:0}
 .hero-art{height:440px;overflow:hidden}
 .hero-b-forme,.hero-b-therapy{top:190px}
 .reset-cards{bottom:2px;left:1%}
 .range-option:hover:not(.selected){transform:none}
}
@media(max-width:560px){
 .hero-art{height:344px}
 .hero-b-forme{top:128px}
 .hero-b-therapy{top:168px}
 .hero-statement-mobile{margin:9px 0 18px;padding:16px 15px}
 .hero-statement-mobile strong{font-size:20px}
 .hero-statement-mobile .hero-callout-small{font-size:8px}
 .mobile-statement-symbol{font-size:29px}
 .reset-cards{font-size:8px}
 .reset-word{color:#c8b7c2!important}
 .stage-frame::after{inset:27px 0 0}
}
@media(prefers-reduced-motion:reduce){
 .hero-browser:nth-of-type(n){animation:none!important;transform:none!important}
 .stage-frame.switching::after{animation:none!important}
}

/* Concept 14: native touch behavior on iOS, unambiguous controls */
.hero-browser{touch-action:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.hero-browser.touch-grabbing{cursor:grabbing;filter:brightness(1.08);scale:1.025;box-shadow:0 26px 72px #000e,0 0 0 2px rgba(245,106,171,.75)}
.drag-mobile-cue{display:none}
.mobile-statement-symbol,.asterisk,.marquee i{font-variant-emoji:text;font-family:Arial,Helvetica,sans-serif}
@media(max-width:790px){
 .drag-desktop-cue{display:none}
 .drag-mobile-cue{display:inline;color:#e9e1e7;font-size:9px;letter-spacing:.04em;font-weight:800}
 .reset-cards{left:1%;max-width:98%;z-index:30;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:rgba(17,17,19,.87);padding:9px 11px}
 .reset-word{color:var(--pink)!important}
 .hero-browser{touch-action:auto}
}
@media(max-width:560px){
 .drag-mobile-cue{font-size:10px;letter-spacing:.015em}
 .reset-cards{font-size:10px;bottom:2px;line-height:1.2;max-width:94%;background:#211b21;border-color:#a15a80;padding:10px 12px}
}

/* Concept 15: reliable native direct finger dragging in iOS Safari */
.hero-browser,.hero-browser *{touch-action:none!important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.hero-browser{cursor:grab}
.hero-browser.pointer-active,.hero-browser.grabbing{cursor:grabbing}
.hero-browser.grabbing{transition:box-shadow .15s,filter .15s!important;box-shadow:0 28px 76px #000f,0 0 0 2px var(--pink)!important;filter:brightness(1.06)}
.preview-version{color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.12em;margin-left:12px}
@media(max-width:790px){
 .hero-browser:hover{scale:1;filter:none}
 .hero-browser.grabbing{scale:1.028}
 .hero-art{touch-action:pan-y}
 .preview-version{font-size:9px}
}
@media(max-width:560px){.footer .preview-version{order:2;margin-left:auto}}

/* Concept 16: preserve complete websites within the floating portfolio frames.
   The images are real screenshots, not decorative crops. */
.hero-browser>img{object-fit:contain!important;object-position:center top!important;background:#e7e5e1}
.hero-b-telegraph{width:54%;height:307px;right:1%;top:36px}
.hero-b-lobby{width:52%;height:292px;left:1%;top:27px}
.hero-b-therapy{width:52%;height:266px;right:1%;top:308px}
.hero-b-forme{width:53%;height:338px;left:7%;top:232px}
.hero-b-telegraph>img,.hero-b-lobby>img,.hero-b-therapy>img{border-top:1px solid #bbb7af}
.hero-browser:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
/* Bring a hovered card forward only during intentional pointer inspection. */
@media(hover:hover) and (pointer:fine){.hero-browser:hover{filter:brightness(1.07)}}
/* Artful 2-by-2 scatter: browser windows can overlap slightly, without hiding their headlines. */
@media(min-width:791px){
 .hero-art{height:clamp(500px,48vw,695px)}
 .hero-grid{min-height:clamp(550px,49vw,710px)}
 .hero-b-lobby{width:49%;height:auto;aspect-ratio:1.31;top:7%;left:1%;transform:rotate(-7deg) rotateY(var(--ry)) rotateX(var(--rx))}
 .hero-b-telegraph{width:49%;height:auto;aspect-ratio:1.31;top:5%;right:0;transform:rotate(5deg) rotateY(var(--ry)) rotateX(var(--rx))}
 .hero-b-forme{width:49%;height:auto;aspect-ratio:1.22;top:45%;left:1%;transform:rotate(-5deg) rotateY(var(--ry)) rotateX(var(--rx))}
 .hero-b-therapy{width:49%;height:auto;aspect-ratio:1.31;top:46%;right:0;transform:rotate(5deg) rotateY(var(--ry)) rotateX(var(--rx))}
 .hero-scribble{bottom:1.5%;max-width:255px}
 .reset-cards{bottom:3%}
}
@media(max-width:1150px) and (min-width:791px){
 /* Positions and aspect ratios scale from the shared layout above. */ 
}
@media(max-width:790px){
 .hero-b-telegraph{width:55%;height:245px;top:24px;right:0}
 .hero-b-lobby{width:51%;height:222px;top:8px;left:2%}
 .hero-b-therapy{width:52%;height:205px;top:228px;right:1%}
 .hero-b-forme{width:54%;height:255px;top:190px;left:7%}
}
@media(max-width:560px){
 .hero-b-telegraph{width:55%;height:180px;top:13px;right:0}
 .hero-b-lobby{width:54%;height:165px;top:4px;left:2%}
 .hero-b-therapy{width:55%;height:158px;top:168px;right:1%}
 .hero-b-forme{width:58%;height:190px;top:128px;left:7%}
 .hero-art{height:394px}
 .reset-cards{bottom:8px;left:1%;z-index:120}
}