.experience-page{overflow:hidden}.work-hero{padding:110px 6vw 90px;min-height:72svh;display:grid;grid-template-columns:1fr .65fr;align-content:end;grid-gap:4vw;gap:4vw}.work-hero>.studio-kicker{grid-column:1/-1;align-self:start;margin-bottom:auto}.imagine-intro h1,.work-hero h1{font-size:clamp(75px,10.5vw,178px);line-height:.76;letter-spacing:-.085em;margin:55px 0 0}.imagine-intro h1 em,.work-hero h1 em{font:italic 1em Georgia,serif;color:var(--sp-accent)}.work-hero>div{align-self:end;padding-bottom:8px}.work-hero p{font:18px/1.55 Georgia,serif;color:var(--sp-muted);max-width:520px}.work-hero a{display:flex;justify-content:space-between;border-bottom:1px solid;padding:18px 0;margin-top:30px;font-size:9px;font-weight:800;text-transform:uppercase}.work-hero svg{width:17px}.work-gallery-section{padding:0 3vw 120px}.work-filters{display:flex;gap:8px;padding:22px 0;border-top:1px solid var(--sp-line);position:-webkit-sticky;position:sticky;top:88px;z-index:20;background:var(--sp-bg)}.work-filters button{border:1px solid var(--sp-line);background:transparent;color:inherit;padding:11px 16px;font-size:8px;font-weight:800;text-transform:uppercase;cursor:pointer}.work-filters button.active{background:var(--sp-ink);color:var(--sp-bg)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7vw 16px;gap:7vw 16px}.work-project{display:block}.work-project:nth-child(3n){grid-column:1/-1;width:72%;margin:auto}.work-image{height:min(54vw,720px);position:relative;overflow:hidden;background:var(--project-tone)}.work-project:nth-child(3n) .work-image{height:min(46vw,620px)}.work-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .5s}.work-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 45%)}.work-image span{position:absolute;z-index:2;right:18px;bottom:18px;background:#f5f1e8;color:#111;padding:13px 15px;display:flex;gap:22px;align-items:center;font-size:8px;font-weight:800;transform:translateY(75px);transition:.4s}.work-image span svg{width:15px}.work-project:hover img{transform:scale(1.035);filter:saturate(1)}.work-project:hover .work-image span{transform:none}.work-project-copy{display:grid;grid-template-columns:1fr auto;align-items:end;padding:20px 4px}.work-project-copy small{grid-column:1/-1;font-size:8px;font-weight:800;text-transform:uppercase}.work-project-copy h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.06em;margin:7px 0 0}.work-project-copy p{font:italic 15px Georgia,serif;color:var(--sp-muted);margin:0 0 10px}.transform-section{background:#e7e0d5}.transformation{height:650px;position:relative;overflow:hidden;background:#ddd;--reveal:55%}.transform-after,.transform-before{position:absolute;inset:0;display:grid;place-items:center}.transform-before{background:#dedede;color:#222}.transform-after{-webkit-clip-path:inset(0 0 0 var(--reveal));clip-path:inset(0 0 0 var(--reveal));background:radial-gradient(circle at 75% 20%,#725264,#211d26 55%);color:#f6f0e9}.plain-site{width:70%;background:white;padding:48px;box-shadow:0 18px 50px #0002;font-family:Arial,sans-serif}.plain-site b{color:#346aa0}.plain-site h3{font-size:44px;margin:70px 0 18px}.plain-site p{color:#777}.plain-site button{margin-top:35px;background:#346aa0;color:#fff;border:0;padding:15px 24px}.premium-site{width:74%;position:relative}.premium-site small{font-size:9px;letter-spacing:.2em}.premium-site h3{font-size:clamp(68px,8vw,125px);line-height:.76;letter-spacing:-.07em;margin:75px 0 30px}.premium-site h3 em{font:italic 1em Georgia,serif;color:#d7a4ca}.premium-site p{font:17px Georgia,serif;color:#c8bdc5}.premium-site button{margin-top:35px;border:0;border-bottom:1px solid white;background:none;color:white;padding:15px 0;font-size:9px;font-weight:800}.transform-line{position:absolute;z-index:4;left:var(--reveal);top:0;bottom:0;width:2px;background:white;box-shadow:0 0 0 1px #0003}.transform-line:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:white;color:#111;display:grid;place-items:center;font-size:20px;box-shadow:0 5px 25px #0003}.transformation input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.transform-label{position:absolute;z-index:3;top:20px;padding:10px;background:#111;color:white;font-size:8px;font-weight:800}.before-label{left:20px}.after-label{right:20px;background:#f5f1e8;color:#111}.imagine-intro{padding:105px 6vw 85px;display:grid;grid-template-columns:1fr .65fr;grid-gap:4vw;gap:4vw;align-items:end}.imagine-intro>.studio-kicker{grid-column:1/-1}.imagine-intro h1{font-size:clamp(66px,8.6vw,145px);margin-top:55px}.imagine-intro p{font:18px/1.55 Georgia,serif;color:var(--sp-muted);max-width:520px}.imagine-builder{display:grid;grid-template-columns:310px 1fr;margin:0 3vw 100px;border:1px solid var(--sp-line);background:var(--sp-card)}.imagine-controls{padding:25px;border-right:1px solid var(--sp-line);display:flex;flex-direction:column;gap:35px}.imagine-controls>div{display:grid;grid-gap:7px;gap:7px}.imagine-controls span{font-size:8px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}.imagine-controls button{border:1px solid transparent;background:transparent;color:inherit;padding:11px;text-align:left;font-size:11px;display:flex;gap:8px;align-items:center;cursor:pointer}.imagine-controls button i{width:9px;height:9px;border-radius:50%}.imagine-controls button.active{border-color:var(--sp-ink);background:var(--sp-bg);font-weight:800}.direction-stage{background:var(--direction-surface);padding:35px;transition:background .45s;color:#111}.direction-meta{display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.11em;margin-bottom:25px}.direction-meta span{display:flex;gap:8px}.direction-meta span i{width:7px;height:7px;background:var(--direction-accent);border-radius:50%}.direction-browser{max-width:1050px;margin:auto;background:white;padding:13px;box-shadow:0 30px 70px #221a1833;transform:perspective(1200px) rotateX(1deg);transition:.4s}.direction-browser>header{height:35px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:8px;padding:0 10px}.direction-screen{height:560px;position:relative;overflow:hidden;color:white}.direction-screen>img{width:100%;height:100%;object-fit:cover;transition:opacity .35s}.direction-screen>div{position:absolute;inset:0;background:linear-gradient(90deg,#090909c9,transparent 78%),linear-gradient(0deg,#0006,transparent)}.direction-screen nav{position:absolute;left:5%;right:5%;top:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.direction-screen section{position:absolute;left:6%;bottom:9%;max-width:70%}.direction-screen small{font-size:8px;letter-spacing:.16em}.direction-screen h2{font-size:clamp(55px,6vw,92px);line-height:.8;letter-spacing:-.07em;margin:27px 0}.direction-screen h2 em{font:italic 1em Georgia,serif;color:var(--direction-accent)}.direction-screen button{display:flex;align-items:center;gap:14px;border:0;background:var(--direction-accent);padding:15px 17px;color:white;font-size:8px;font-weight:800;text-transform:uppercase}.direction-screen button svg{width:14px}.direction-screen button svg:last-child{margin-left:25px}.direction-summary{max-width:1050px;margin:34px auto 0;display:grid;grid-template-columns:.45fr 1fr auto;grid-gap:25px;gap:25px;align-items:center}.direction-summary>span{font-size:8px;font-weight:800;letter-spacing:.12em}.direction-summary p{font:15px/1.45 Georgia,serif;color:#514d48}.direction-summary a{display:flex;align-items:center;gap:25px;background:#111;color:white;padding:16px;font-size:8px;font-weight:800;text-transform:uppercase}.direction-summary svg{width:15px}.imagine-note{margin:0 6vw 110px;border-top:1px solid var(--sp-line);padding-top:28px;display:grid;grid-template-columns:.5fr 1fr;grid-gap:5vw;gap:5vw}.imagine-note span{font-size:8px;font-weight:800}.imagine-note p{font:21px/1.5 Georgia,serif;margin:0;max-width:800px;color:var(--sp-muted)}html[data-theme=dark] .transform-section{background:#202224}html[data-theme=dark] .direction-stage{filter:brightness(.82)}@media(max-width:900px){.imagine-intro,.work-hero{grid-template-columns:1fr}.imagine-intro p,.work-hero>div{margin-top:30px}.imagine-builder{grid-template-columns:1fr}.imagine-controls{border:0;border-bottom:1px solid var(--sp-line);display:grid;grid-template-columns:repeat(3,1fr)}.direction-summary{grid-template-columns:1fr}.direction-summary a{width:max-content}}@media(max-width:640px){.work-hero{padding:75px 18px 60px;min-height:auto}.imagine-intro h1,.work-hero h1{font-size:clamp(57px,17vw,78px);margin-top:45px}.work-gallery-section{padding:0 18px 78px}.work-filters{top:72px;overflow-x:auto}.work-filters button{white-space:nowrap}.work-grid{grid-template-columns:1fr;gap:50px}.work-project:nth-child(3n){grid-column:auto;width:100%}.work-image,.work-project:nth-child(3n) .work-image{height:118vw;max-height:560px}.work-image span{transform:none}.work-project-copy{grid-template-columns:1fr}.work-project-copy p{margin-top:4px}.transformation{height:520px}.plain-site{width:84%;padding:25px}.plain-site h3{font-size:30px;margin-top:55px}.premium-site{width:82%}.premium-site h3{font-size:56px;margin-top:55px}.premium-site p{font-size:14px}.transform-label{font-size:6px}.imagine-intro{padding:75px 18px 60px}.imagine-builder{margin:0 0 75px;border-inline:0}.imagine-controls{grid-template-columns:1fr;padding:22px 18px}.imagine-controls>div{grid-template-columns:1fr 1fr}.imagine-controls span{grid-column:1/-1}.direction-stage{padding:22px 12px 30px}.direction-meta b{display:none}.direction-browser{padding:7px}.direction-screen{height:520px}.direction-screen nav span{display:none}.direction-screen section{max-width:88%;left:6%;bottom:8%}.direction-screen h2{font-size:48px}.direction-summary{margin-top:25px}.direction-summary a{width:100%;justify-content:space-between}.imagine-note{margin:0 18px 75px;grid-template-columns:1fr}.imagine-note p{font-size:17px}}.transform-after,.transform-before{display:flex;align-items:center}.transform-before{justify-content:flex-start;padding-left:6%}.transform-after{justify-content:flex-end;padding-right:6%}.plain-site{width:40%;max-width:560px;padding:42px;overflow:hidden}.plain-site b{font-size:13px}.plain-site h3{font-size:clamp(30px,3vw,48px);line-height:1.02;margin:60px 0 18px}.plain-site p{line-height:1.5}.plain-site button{margin-top:30px}.premium-site{width:40%;max-width:610px}.premium-site h3{font-size:clamp(55px,5.3vw,92px);margin:55px 0 26px}.premium-site p{line-height:1.45}.premium-site button{margin-top:30px}@media(max-width:640px){.transformation{height:620px}.transform-before{align-items:flex-start;padding:65px 18px 0}.transform-after{align-items:flex-end;padding:0 18px 55px;-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0)}.plain-site,.premium-site{width:100%;max-width:none}.plain-site{padding:22px}.plain-site h3{font-size:27px;margin:28px 0 12px}.plain-site p{font-size:12px}.plain-site button{margin-top:12px;padding:10px 14px}.premium-site h3{font-size:50px;margin:28px 0 16px}.premium-site p{font-size:13px}.premium-site button{margin-top:14px}.transform-line{left:0;right:0;top:50%;bottom:auto;width:100%;height:2px}.transform-line:after{top:50%;left:50%}.transformation input{display:none}.after-label{top:calc(50% + 15px)}}.curtain-experience{border-top:1px solid #1113}.curtain-tabs{display:flex;justify-content:center;gap:5px;padding:18px 0;overflow-x:auto}.curtain-tabs button{border:1px solid #1113;background:#f5f1e8;color:#111;padding:11px 16px;display:flex;gap:8px;align-items:center;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.curtain-tabs button span{font:italic 10px Georgia,serif;color:#a14937}.curtain-tabs button.active{background:#111;color:white}.curtain-tabs button.active span{color:#e8b09f}.curtain-stage{height:min(62vw,760px);min-height:580px;position:relative;overflow:hidden;background:#0e0e0f;isolation:isolate}.revealed-site{position:absolute;inset:5%;display:grid;place-items:center;background:#1b1b1b}.reveal-browser{width:100%;height:100%;background:white;padding:10px;box-shadow:0 25px 70px #0008}.reveal-browser>header{height:32px;color:#777;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 9px;font-size:7px}.reveal-browser>header i{text-align:center;background:#eee;border-radius:12px;padding:5px;font-style:normal}.reveal-browser>header b{text-align:right}.reveal-page{height:calc(100% - 32px);position:relative;color:white;overflow:hidden}.reveal-page>img{width:100%;height:100%;object-fit:cover;animation:curtainImage 12s ease-out both}.reveal-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505d6,transparent 72%),linear-gradient(0deg,#0008,transparent 55%)}.reveal-page nav{position:absolute;top:0;left:0;right:0;height:72px;padding:0 5%;display:grid;grid-template-columns:1fr 2fr;align-items:center;border-bottom:1px solid #fff3}.reveal-page nav b{font:24px Georgia,serif;letter-spacing:.16em}.reveal-page nav span{text-align:right;font-size:8px;letter-spacing:.12em}.reveal-page section{position:absolute;left:6%;bottom:9%;max-width:72%}.reveal-page small{font-size:8px;letter-spacing:.19em}.reveal-page h3{font-size:clamp(54px,7vw,112px);line-height:.78;letter-spacing:-.07em;margin:25px 0 38px}.reveal-page h3 em{font:italic 1em Georgia,serif;color:#efaa8f}.reveal-page section a{width:max-content;display:flex;align-items:center;gap:45px;border-bottom:1px solid white;padding:14px 0;font-size:8px;font-weight:800;text-transform:uppercase}.reveal-page section svg{width:16px}.curtain{position:absolute;z-index:3;top:0;bottom:0;width:52%;background:linear-gradient(90deg,#241c27,#65495e 18%,#2c202e 38%,#74566c 56%,#271d2a 78%,#5a4054);box-shadow:inset 0 0 60px #0009,0 0 35px #0009;transition:transform .7s cubic-bezier(.65,0,.15,1);display:flex;overflow:hidden}.curtain:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#fff0 0 10%,#fff1 13%,#0003 18%);mix-blend-mode:overlay}.curtain i{height:100%;flex:1 1;border-right:1px solid #ffffff0c;box-shadow:inset -18px 0 22px #0004}.curtain span{position:absolute;top:50%;font:italic clamp(50px,7vw,110px) Georgia,serif;color:#eadfd733;letter-spacing:-.06em}.curtain-left{left:0;transform:translateX(calc(var(--curtain-open) * -.5))}.curtain-left span{right:10%;transform:translateY(-50%)}.curtain-right{right:0;transform:translateX(calc(var(--curtain-open) * .5))}.curtain-right span{left:10%;transform:translateY(-50%)}.curtain-pull{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;grid-gap:10px;gap:10px;pointer-events:none}.curtain-pull b{width:60px;height:60px;border-radius:50%;background:#f5f1e8;color:#111;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 35px #0008}.curtain-pull span{background:#111;color:white;padding:8px 10px;font-size:7px;font-weight:800;letter-spacing:.15em}.curtain-stage>input{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.curtain-caption{display:grid;grid-template-columns:.45fr 1fr auto;grid-gap:35px;gap:35px;align-items:center;padding:25px 0}.curtain-caption>span{font-size:8px;font-weight:800;letter-spacing:.14em}.curtain-caption p{font:15px/1.5 Georgia,serif;color:#625e58}.curtain-caption a{display:flex;gap:22px;align-items:center;background:#111;color:white;padding:15px 17px;font-size:8px;font-weight:800;text-transform:uppercase}.curtain-caption svg{width:15px}@keyframes curtainImage{0%{transform:scale(1.08)}to{transform:scale(1)}}html[data-theme=dark] .curtain-experience{border-color:#fff3}html[data-theme=dark] .curtain-caption p{color:#aaa}@media(max-width:900px){.curtain-caption{grid-template-columns:1fr}.curtain-caption a{width:max-content}}@media(max-width:640px){.curtain-tabs{justify-content:flex-start}.curtain-stage{height:650px;min-height:0}.revealed-site{inset:10px}.reveal-browser{padding:6px}.reveal-browser>header{height:27px}.reveal-page{height:calc(100% - 27px)}.reveal-page nav{height:58px}.reveal-page nav b{font-size:17px}.reveal-page nav span{display:none}.reveal-page section{left:7%;bottom:8%;max-width:86%}.reveal-page h3{font-size:clamp(51px,15vw,68px);margin-bottom:30px}.curtain{width:55%}.curtain span{font-size:42px}.curtain-pull b{width:52px;height:52px}.curtain-caption{gap:12px}.curtain-caption a{width:100%;justify-content:space-between}.curtain-caption p{font-size:14px}}.curtain-stage{height:min(50vw,720px);min-height:620px;padding:20px;background:#171216}.revealed-site{inset:20px}.reveal-browser{padding:8px;border:1px solid #fff3;box-shadow:0 30px 90px #0009}.curtain{width:51%;border-inline:1px solid #d5b5c033}.curtain-left{transform:translateX(calc(var(--curtain-open) * -.99))}.curtain-right{transform:translateX(calc(var(--curtain-open) * .99))}.curtain-left:after,.curtain-right:after{content:"";position:absolute;top:0;bottom:0;width:7px;background:linear-gradient(90deg,#e5cbd55c,#fff0);box-shadow:0 0 25px #0008}.curtain-left:after{right:0}.curtain-right:after{left:0;transform:scaleX(-1)}.curtain-pull{left:auto;right:34px;top:auto;bottom:31px;transform:none;grid-template-columns:auto auto;gap:0;transition:opacity .4s,transform .4s}.curtain-pull.is-open{opacity:.72;transform:translateY(0)}.curtain-pull b{width:42px;height:42px;font-size:15px;box-shadow:0 8px 25px #0005}.curtain-pull span{padding:11px 13px;background:#f5f1e8;color:#111}.reveal-page section{max-width:58%}.reveal-page h3{font-size:clamp(58px,6vw,100px);line-height:.82}@media(max-width:640px){.curtain-stage{height:590px;min-height:0;padding:8px}.revealed-site{inset:8px}.curtain{width:52%}.curtain-left{transform:translateX(calc(var(--curtain-open) * -.99))}.curtain-right{transform:translateX(calc(var(--curtain-open) * .99))}.curtain-pull{right:16px;bottom:17px}.curtain-pull b{width:36px;height:36px}.curtain-pull span{display:none}.reveal-page section{max-width:82%}.reveal-page h3{font-size:clamp(48px,14vw,64px)}}.real-project{grid-column:1/-1!important;width:100%!important;margin:0!important}.real-project .work-image{height:min(54vw,720px)!important;background:#102a43}.real-project .work-image img{object-fit:cover;object-position:top;filter:none}.real-project-badge{position:absolute;z-index:3;top:20px;left:20px;padding:12px 14px;background:#f0643d;color:white;font-size:8px;letter-spacing:.14em}.real-work-feature{margin:0 3vw 120px;display:grid;grid-template-columns:1.08fr .92fr;background:#102a43;color:white;min-height:700px}.real-work-image{position:relative;overflow:hidden;background:#eef4f8}.real-work-image img{width:100%;height:100%;object-fit:cover;object-position:top}.real-work-image>span{position:absolute;top:18px;left:18px;background:#f0643d;color:white;padding:12px 14px;font-size:8px;font-weight:800;letter-spacing:.13em}.real-work-copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}.concept-grid-intro>span,.real-work-copy>span{font-size:8px;font-weight:800;letter-spacing:.16em;color:#f28b6d}.real-work-copy h2{font-size:clamp(48px,5.4vw,92px);line-height:.84;letter-spacing:-.065em;margin:48px 0}.real-work-copy h2 em{font:italic 1em Georgia,serif;color:#f28b6d}.real-work-copy blockquote{margin:0;padding:27px 0;border-block:1px solid #ffffff38;font:19px/1.5 Georgia,serif;color:#dce6ed}.real-work-copy cite{display:block;margin-top:18px;font:8px Arial,sans-serif;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#91aabd}.real-work-copy>div{margin-top:38px}.real-work-copy a,.real-work-copy>div{display:flex;gap:30px;align-items:center}.real-work-copy a{border-bottom:1px solid;padding:14px 0;font-size:8px;font-weight:800;text-transform:uppercase}.real-work-copy a svg{width:15px}.concept-grid-intro{display:grid;grid-template-columns:.4fr 1fr;grid-gap:30px;gap:30px;border-top:1px solid var(--sp-line);padding:25px 0 30px}.concept-grid-intro p{font:17px/1.5 Georgia,serif;color:var(--sp-muted);max-width:650px;margin:0}@media(max-width:900px){.real-work-feature{grid-template-columns:1fr}.real-work-image{height:620px}.real-work-copy{padding:70px 6vw}}@media(max-width:640px){.real-work-feature{margin:0 0 80px;min-height:0}.real-work-image{height:500px}.real-work-copy{padding:60px 18px}.real-work-copy h2{font-size:52px;margin:38px 0}.real-work-copy blockquote{font-size:16px}.real-work-copy>div{align-items:flex-start;flex-direction:column;gap:5px}.concept-grid-intro{grid-template-columns:1fr}.concept-grid-intro p{font-size:15px}}.real-work-note{margin:0 6vw 120px;padding:80px 6vw;background:#102a43;color:white;display:grid;grid-template-columns:.35fr 1fr;grid-gap:25px 6vw;gap:25px 6vw}.real-work-note>span{font-size:8px;font-weight:800;letter-spacing:.16em;color:#f28b6d}.real-work-note h2{font-size:clamp(52px,6.4vw,104px);line-height:.82;letter-spacing:-.07em;margin:0}.real-work-note h2 em{font:italic 1em Georgia,serif;color:#f28b6d}.real-work-note blockquote{grid-column:2;margin:35px 0 0;padding:28px 0;border-block:1px solid #ffffff38;font:20px/1.5 Georgia,serif;color:#dce6ed;max-width:900px}.real-work-note cite{display:block;font:8px Arial,sans-serif;letter-spacing:.13em;color:#91aabd}.real-work-note cite,.real-work-note>a{margin-top:18px;font-weight:800;text-transform:uppercase}.real-work-note>a{grid-column:2;width:max-content;display:flex;gap:40px;align-items:center;border-bottom:1px solid;padding:14px 0;font-size:8px}.real-work-note>a svg{width:15px}@media(max-width:640px){.real-work-note{margin:0 0 80px;padding:60px 18px;grid-template-columns:1fr}.real-work-note h2{font-size:52px;margin-top:14px}.real-work-note blockquote,.real-work-note>a{grid-column:1}.real-work-note blockquote{font-size:16px;margin-top:20px}}