/* September 2026: a digital studio, clear offer and service routes. */
:root{--gold:#edbf75;--muted:#c6c3ba}
.hero{grid-template-columns:1fr 1.08fr;gap:48px;min-height:690px;padding-block:65px 85px}.hero h1{font-size:clamp(46px,4.8vw,72px)}.hero .hero-note{font-size:14px;max-width:450px}.eyebrow{font-size:13px}.hero .intro{max-width:510px}.web-studio{min-width:0;perspective:1300px}.studio-top,.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#aaa79d}.studio-top>span{letter-spacing:.14em;color:var(--gold)}.motion-switch{border:0;background:none;color:#c6c3ba;font-size:12px;cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:5px}.studio-stage{height:410px;position:relative;perspective:1000px;isolation:isolate}.studio-browser{position:absolute;top:52px;left:0;width:94%;border:1px solid #b3925b80;border-radius:9px;overflow:hidden;box-shadow:0 35px 60px #0008;transform:rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);animation:studio-float 8s ease-in-out infinite}.studio-chrome{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#2b2b26;color:#c3b8a3;font:11px Inter}.studio-chrome>span:first-child{font-size:8px;letter-spacing:3px;color:#b79661}.studio-page{background:#ece7dd;color:#25291f}.studio-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font:18px Fraunces;letter-spacing:.05em;border-bottom:1px solid #363b2725}.studio-nav>span{font:9px Inter;letter-spacing:0}.studio-layout{display:grid;grid-template-columns:1fr 46%;min-height:225px}.studio-layout>div{padding:26px 20px}.studio-layout h2{font-size:38px;color:#25291f;margin:12px 0}.studio-layout p{font-size:10px;line-height:1.6;color:#5d6258}.studio-kicker{font-size:8px;letter-spacing:.12em}.studio-layout img{width:100%;height:100%;object-fit:cover}.studio-cta{display:inline-block;background:#333e2b;color:#f7f0e3;font-size:9px;padding:9px 14px;margin-top:18px}.studio-page-footer{padding:12px 22px;display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #363b2725}.studio-phone{position:absolute;right:-9px;bottom:7px;width:142px;border:5px solid #37372f;box-shadow:0 20px 45px #0009;border-radius:22px;overflow:hidden;background:#ece7dd;color:#25291f;transform:rotateZ(7deg);animation:phone-float 8s ease-in-out infinite}.phone-bar{padding:19px 12px 12px;font:13px Fraunces;display:flex;justify-content:space-between}.phone-bar span{font-size:10px}.studio-phone img{height:100px;object-fit:cover;width:100%}.phone-body{padding:14px 12px 20px}.phone-body strong{font:26px/1.05 Fraunces;display:block}.phone-body>span{font-size:8px;background:#333e2b;color:#fff;display:block;padding:8px;margin-top:15px}.studio-token{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#24241eee;border:1px solid #96794d80;border-radius:5px;color:#f0c98e;font:21px Fraunces;box-shadow:0 10px 25px #0003}.studio-token span{font:11px Inter;color:#e5dece}.token-design{right:24px;top:26px;animation:token-float 7s ease-in-out infinite}.token-code{left:18px;bottom:1px;animation:token-float 7s ease-in-out -3s infinite}.studio-bottom{margin-top:24px}.studio-bottom>span:first-child{font-size:14px;color:#ded8c9}.studio-bottom>span:last-child{font-size:11px}.motion-paused *{animation-play-state:paused!important}
@keyframes studio-float{50%{transform:translateY(-9px) rotateY(-3deg) rotateX(2deg) rotateZ(-1deg)}}@keyframes phone-float{50%{transform:translateY(-15px) rotateZ(3deg)}}@keyframes token-float{50%{transform:translateY(-7px)}}
.gift.wrap{display:grid;grid-template-columns:.62fr 1.38fr;gap:55px;max-width:1120px;padding:45px 38px;margin-block:35px 75px;border-block:1px solid #bea47545;background:linear-gradient(110deg,#302b203d,transparent 75%);align-items:center}.gift-visual{background:none;padding:0;max-width:260px;margin:auto}.gift-visual img{width:100%;max-height:265px;object-fit:contain;animation:none;filter:drop-shadow(0 14px 20px #0005)}.gift-copy .gift-value,.gift-copy .gift-value.gift-visible{background:none;border:0;border-radius:0;padding:0;margin:0 0 18px;box-shadow:none;gap:3px;animation:none;transform:none}.gift-copy .gift-free{font:500 clamp(26px,3vw,40px)/1.2 Inter;letter-spacing:.12em;background:linear-gradient(110deg,#e7b975 25%,#fff9e6 45%,#e7b975 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:none;animation:gold-word 5s ease-in-out infinite}.gift-copy .gift-value strong{font-size:14px;color:#c6c3ba}.gift-copy h2{font-size:clamp(27px,2.8vw,39px);line-height:1.15;margin:0 0 18px}.gift-copy .gift-intro{font-size:16px;line-height:1.65;margin:0}.gift-benefit{font-size:15px;margin:10px 0 18px}.gift-copy .gift-worth{font-size:13px;color:#e2bc83;margin:0}.gift-copy{perspective:none}.gift-visual:before,.gift-visual:after{display:none}
@keyframes gold-word{0%,15%{background-position:100% 0}70%,100%{background-position:0 0}}
.offer{background:#201f1a;padding-block:90px}.offer .wrap>h2{max-width:950px}.offer .purchase-row{gap:80px;align-items:center;margin-top:70px;border-top:1px solid #bfa47845;padding-top:65px}.purchase-row>div:first-child>h3{font-size:clamp(36px,4vw,54px)}.offer .purchase-row>div:first-child>p{color:#c6c3ba}.offer .purchase-row>div:first-child>p.eyebrow{color:var(--gold)}.offer .purchase-row>div:first-child>h3 em{color:var(--gold)}.offer-highlights{list-style:none;padding:0;margin:28px 0 0}.offer-highlights li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #ffffff18}.offer-highlights li>span{color:var(--gold);font-size:12px;padding-top:3px}.offer-highlights strong{font-weight:400;font-size:17px;color:#eee8dc}.offer-highlights p{font-size:14px;color:#b8b6ae;margin-top:5px}.offer .premium-price{isolation:isolate;background:linear-gradient(140deg,#f7e8c6,#eac58a 58%,#c99450);color:#211b12;padding:40px!important;border:1px solid #fcebc8!important;border-radius:3px;box-shadow:0 20px 60px #0005}.offer .premium-price:before{content:'';position:absolute;inset:8px;border:1px solid #7c5b3333;pointer-events:none}.offer .premium-price .promotion-label{background:none;border-radius:0;padding:0 35px 19px 0;color:#58401f!important;font-size:12px!important;letter-spacing:.1em!important;margin:0 0 18px;border-bottom:1px solid #89633455;display:block}.price-spark{position:absolute;right:32px;top:26px;font-size:38px;line-height:1;color:#876032;animation:spark-turn 16s linear infinite}.offer .premium-price .price{font-size:clamp(100px,11vw,156px);color:#241c12;letter-spacing:-.07em;margin:5px 0}.offer .premium-price .price>span{font-size:.5em;padding-left:4px}.offer .premium-price .saving{border:0;border-radius:0;padding:4px 0;color:#493518;font-size:14px;background:linear-gradient(100deg,#493518 25%,#89601f 50%,#493518 75%);background-size:250% 100%;animation:gold-word 5s ease-in-out infinite}.offer .premium-price .list-price{font-size:26px}.offer .premium-price .starting-price{margin-top:17px;font-size:15px}.offer .premium-price .price-note{font-size:17px}.offer .premium-price .renewal{margin-top:22px;padding:20px 0;border-color:#89633455}.offer .premium-price .renewal>span{font-size:14px;max-width:190px}.offer .premium-price .request-note{font-size:13px;line-height:1.6}.offer .premium-price .button{border-radius:2px;background:#26261f;color:#fff4df;padding:18px 20px}.offer .premium-price .button:hover{background:#3b3b2d}.offer .premium-price .button span{transition:transform .3s}.offer .premium-price .button:hover span{transform:translate(3px,-3px)}@keyframes spark-turn{to{transform:rotate(360deg)}}
.extras-grid{gap:0;border-top:1px solid #b9a47840;border-left:1px solid #b9a47840}.service-card{position:relative;isolation:isolate;overflow:hidden;min-height:234px;padding:27px 28px 24px;border-right:1px solid #b9a47840;border-bottom:1px solid #b9a47840;background:#1b1b18;transition:background .4s,color .4s;display:flex;flex-direction:column}.service-card>span:not(.service-orbit){font-size:13px;color:var(--gold)}.service-card h3{font:20px/1.3 Inter;margin:19px 0 10px;max-width:270px}.service-card p{font-size:15px;line-height:1.55;max-width:290px}.service-card .service-open{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:10px;color:#ddd3bf;font-size:13px}.service-open>span{font-size:20px;transition:transform .4s}.service-orbit{position:absolute;z-index:-1;width:230px;height:230px;right:-90px;top:-90px;border:1px solid #dab77770;border-radius:50%;background:radial-gradient(circle at 40% 45%,#d6a34d26,transparent 67%);opacity:.12;transform:scale(.65) rotate(-40deg);transition:opacity .7s,transform 1s}.service-orbit:before,.service-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #dab77780;border-radius:50%;transform:rotate(30deg) scaleX(.5)}.service-orbit:after{inset:45px -10px;transform:rotate(-35deg) scaleY(.6)}.service-card:hover,.service-card:focus-visible,.service-card.touch-active{background:#302a1d;color:#fff1d5}.service-card:hover .service-orbit,.service-card:focus-visible .service-orbit,.service-card.touch-active .service-orbit{opacity:1;transform:scale(1.15) rotate(35deg)}.service-card:hover .service-open>span,.service-card:focus-visible .service-open>span{transform:translate(3px,-3px)}.service-card:focus-visible{outline-offset:-4px;z-index:1}
.service-page .brand{background:none;padding:0;width:205px}.service-page .brand img{filter:none}.service-page .service-hero{padding-block:42px 70px}.breadcrumbs{display:flex;gap:15px;font-size:14px;margin-bottom:48px}.breadcrumbs a{text-decoration:underline;text-underline-offset:5px}.service-hero h1{max-width:1000px;font-size:clamp(42px,6vw,80px)}.service-lead{font:clamp(25px,3vw,38px)/1.25 Fraunces;color:var(--gold);margin-top:24px;max-width:900px}.service-intro{font-size:18px;max-width:770px;margin:24px 0 28px}.service-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:50px 65px;border-block:1px solid #b9a47840}.service-detail h2,.service-question h2{font-size:30px;margin-bottom:20px}.service-detail h2:not(:first-child){margin-top:30px}.service-detail p{font-size:17px}.service-detail li{padding:8px 0;color:#d8d3c8}.service-detail ul{padding-left:20px}.service-detail aside{background:#22221c;padding:28px 32px;align-self:start}.service-detail aside .eyebrow{margin-bottom:15px}.service-detail .service-scope{font-size:14px;border-top:1px solid #b9a47840;padding-top:20px;margin-top:24px}.service-question{padding-block:60px;max-width:1000px}.service-question p{max-width:800px;font-size:18px}.service-contact{padding-block:65px;background:linear-gradient(110deg,#3b30213d,transparent);border-block:1px solid #b9a47840}.service-contact h2{font-size:clamp(34px,4vw,54px)}.service-contact>p:not(.eyebrow){margin-top:24px;max-width:650px}.related-services{display:flex;justify-content:space-between;gap:25px;padding-block:40px}.related-services a{max-width:45%;color:var(--gold)}
@media(min-width:901px) and (max-width:1150px){.hero{gap:30px}.studio-stage{height:365px}.studio-layout h2{font-size:30px}.studio-layout>div{padding:22px 14px}.studio-phone{width:118px;right:-5px}.phone-body strong{font-size:22px}.studio-phone img{height:78px}.studio-layout{min-height:207px}.token-code{bottom:-5px}.offer .purchase-row{gap:40px}.gift.wrap{gap:30px;padding-inline:25px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:45px 65px;gap:45px;min-height:0}.hero h1{font-size:clamp(44px,7vw,65px)}.hero .intro{max-width:650px}.web-studio{width:min(570px,100%);margin:auto}.studio-stage{height:415px}.hero .hero-note{margin-top:24px}.gift.wrap{grid-template-columns:170px 1fr;gap:26px;padding:30px 20px;margin-block:20px 50px}.gift-copy h2{font-size:29px}.gift-visual{width:100%}.offer .purchase-row{grid-template-columns:1fr;gap:35px;margin-top:40px;padding-top:40px}.offer-highlights{margin-top:20px}.offer .premium-price{max-width:610px;width:100%;margin:auto}.service-detail{grid-template-columns:1fr;gap:30px}.service-detail aside{padding:25px}.service-hero .eyebrow{font-size:12px}.service-page header{padding-inline:22px}.service-page .brand{width:155px}.service-page .nav-contact{font-size:14px;padding:8px 12px}.service-detail{padding-block:30px}.service-card{padding:23px;min-height:235px}.extras-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.hero{gap:32px}.hero h1{font-size:44px}.hero .intro{font-size:17px}.hero .actions{gap:18px}.studio-top>span{font-size:10px;letter-spacing:.1em}.motion-switch{font-size:11px;min-height:44px}.studio-stage{height:310px}.studio-browser{top:42px;width:92%}.studio-nav{padding:12px 14px;font-size:15px}.studio-nav>span{font-size:8px}.studio-layout{min-height:170px;grid-template-columns:54% 46%}.studio-layout>div{padding:18px 12px}.studio-layout h2{font-size:28px}.studio-layout p{font-size:8px}.studio-kicker{font-size:6px}.studio-cta{font-size:7px;padding:7px 9px;margin-top:12px}.studio-page-footer{font-size:7px;padding:10px 12px}.studio-chrome{font-size:9px;padding:8px 10px}.studio-phone{width:104px;right:0;bottom:0;border-width:4px;border-radius:16px}.phone-bar{font-size:10px;padding:12px 8px 8px}.studio-phone img{height:69px}.phone-body{padding:10px 8px 13px}.phone-body strong{font-size:20px}.phone-body>span{font-size:6px;padding:6px;margin-top:10px}.studio-token{font-size:17px;padding:6px 9px;gap:7px}.studio-token span{font-size:9px}.token-design{top:20px;right:13px}.token-code{bottom:-8px;left:5px}.studio-bottom{margin-top:26px;gap:8px}.studio-bottom>span:first-child{font-size:12px}.studio-bottom>span:last-child{font-size:10px}.gift.wrap{display:grid;grid-template-columns:1fr;padding:28px 20px;gap:16px}.gift-visual{max-width:135px;grid-row:2;margin:0 auto}.gift-copy h2{font-size:30px}.gift-copy .gift-free{font-size:30px}.gift-copy .gift-intro{font-size:15px}.gift-benefit{font-size:15px}.gift-copy .gift-worth{font-size:12px}.offer{padding-block:60px}.offer .premium-price{padding:28px!important}.offer .premium-price .price{font-size:118px}.offer .premium-price .promotion-label{font-size:10px!important;padding-right:25px}.price-spark{font-size:31px;right:24px;top:20px}.offer .premium-price .renewal{align-items:flex-start}.offer .premium-price .renewal>span{font-size:12px;max-width:145px}.extras-grid{grid-template-columns:1fr}.service-card{min-height:218px}.service-page .service-hero{padding-bottom:45px}.breadcrumbs{margin-bottom:28px}.service-intro{font-size:17px}.service-detail h2,.service-question h2{font-size:28px}.service-contact .button{gap:12px;font-size:14px;padding:14px}.related-services{font-size:14px}.service-page .nav-contact{min-height:44px;display:flex;align-items:center}}
.studio-layout{height:225px;min-height:0}.studio-layout>div{min-height:0;padding-block:18px}.studio-layout img{min-height:0}.studio-layout h2{margin-block:9px}.studio-cta{margin-top:10px}.offer .premium-price .saving{background-clip:text;-webkit-background-clip:text;color:transparent}.purchase-row>div:first-child>h3+p{margin-top:22px}.studio-bottom{position:relative;z-index:2}
.service-page .breadcrumbs,.service-page .related-services{position:static;inset:auto;background:none;border:0;display:flex;flex-direction:row;align-items:center;transform:none}.service-page .breadcrumbs{padding:0;gap:15px}.service-page .related-services{padding-block:40px;gap:25px;justify-content:space-between}.service-page .breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}.service-page .related-services a{min-height:44px}
@media(min-width:901px) and (max-width:1150px){.studio-layout{height:207px}}
@media(max-width:550px){.studio-layout{height:170px}}
@media(prefers-reduced-motion:reduce){.studio-browser,.studio-phone,.studio-token,.gift-copy .gift-free,.price-spark,.offer .premium-price .saving{animation:none!important}.gift-copy .gift-free{background:none;color:var(--gold)}.service-card,.service-orbit,.service-open>span{transition:none}.studio-browser{transform:rotateZ(-2deg)}.studio-phone{transform:rotateZ(3deg)}}