/* A compact first step, two larger projects, then the studio's immersive work. */
.website-offers-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start;margin-bottom:40px}
.website-offers-intro>p{max-width:48ch;font-size:14px;line-height:1.85;padding-top:5px}
.website-offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,84px);align-items:start}
.website-offer-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,84px);padding:32px clamp(22px,3vw,40px);margin:0 0 48px;background:#10110f;border:1px solid var(--content-line);scroll-margin-top:120px}
.website-offer-compact-intro,.website-offer-compact-action{min-width:0}
.website-offer-compact .website-offer-price{margin-top:0}
.website-offer-compact .website-offer-features{margin:20px 0 0}
.website-offer-compact .website-offer-details{margin-top:12px;border-bottom:0}
.website-offer-compact .website-offer-details>div{padding-bottom:0}
.website-offer{min-width:0;border-top:1px solid var(--content-gold);padding-top:28px;scroll-margin-top:120px}
.website-offer-intro{min-height:152px}
.website-offer h3,.website-offer-cinematic h3,.website-offer-compact h3{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(32px,3vw,43px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}
.website-offers .website-offer-promise{font-size:14px;line-height:1.6;color:var(--content-paper);margin-bottom:10px}
.website-offers .website-offer-description{font-size:13px;line-height:1.85;max-width:48ch}
.website-offer-price{margin:25px 0 23px;display:flex;flex-direction:column;gap:6px}
.website-offer-price>span{font-size:12px;color:var(--content-muted);line-height:1.5}
.website-offer-price>p:not(.website-offer-note){display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;line-height:1.15}
.website-offer-price strong{font-size:clamp(36px,3.5vw,46px);line-height:1.2;font-weight:450;letter-spacing:-.055em;color:var(--content-paper);font-variant-numeric:tabular-nums}
.website-offer-price-quote strong{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(27px,2.6vw,36px);font-weight:400;letter-spacing:-.03em;line-height:1.2}
.website-offer-price small{font-size:12px;font-weight:400;white-space:nowrap;color:var(--content-muted)}
.website-offers .website-offer-note{font-size:12px;line-height:1.75;color:var(--content-muted);margin-top:3px;max-width:48ch}
.website-offer .website-offer-note{min-height:42px}
.website-offer-features{list-style:none;padding:0;margin:0 0 25px}
.website-offer-features>li{position:relative;padding:7px 0 7px 18px;font-size:13px;line-height:1.6;color:var(--content-paper)}
.website-offer-features>li::before{content:'';position:absolute;left:0;top:16px;width:4px;height:4px;border-radius:50%;background:var(--content-gold)}
.website-offer-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 18px;background:var(--content-paper);color:#141410;font-size:14px;font-weight:550;line-height:1.5;transition:background .2s}
.website-offer-action>span{font-size:23px;font-weight:300;line-height:1}
.website-offer-action:hover{background:var(--content-gold)}
.website-offer-action:focus-visible,.website-offer-details>summary:focus-visible,.website-offers-help>a:focus-visible{outline:2px solid var(--content-gold);outline-offset:5px}
.website-offer-details{border-bottom:1px solid var(--content-line)}
.website-offer>.website-offer-details{margin-top:12px}
.website-offer-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:54px;padding:12px 0;cursor:pointer;font-size:13px;line-height:1.6}
.website-offer-details>summary::-webkit-details-marker{display:none}
.website-offer-details>summary>span{font-size:24px;font-weight:300;line-height:1;color:var(--content-gold);transition:transform .2s}
.website-offer-details[open]>summary>span{transform:rotate(45deg)}
.website-offer-details>summary:hover{color:var(--content-gold)}
.website-offer-details>div{padding:3px 0 23px;max-width:68ch}
.website-offer-details p{font-size:13px;line-height:1.85}
.website-offer-details p+p{margin-top:12px}
.website-offer-details h4{font-size:13px;font-weight:550;line-height:1.7;margin:20px 0 6px;color:var(--content-paper)}
.website-offers p.website-offers-common{max-width:84ch;font-size:12px;line-height:1.85;padding:25px 0 0}
.website-offer-cinematic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px clamp(28px,5vw,65px);margin-top:55px;padding-top:38px;border-top:1px solid var(--content-line);scroll-margin-top:120px}
.website-offer-scene{min-width:0;align-self:start;position:sticky;top:125px}
.website-offer-scene>img{width:100%;aspect-ratio:1.15;object-fit:cover;object-position:50% 45%}
.website-offer-scene>figcaption{font-size:11px;color:var(--content-muted);line-height:1.7;margin-top:12px}
.website-offer-cinematic-copy{min-width:0;align-self:center}
.website-offer-cinematic-copy h3{max-width:15ch}
.website-offer-cinematic .website-offer-price{margin-top:23px}
.website-offer-cinematic .website-offer-note{max-width:46ch}
.website-offer-cinematic-scope{grid-column:2;min-width:0;margin-top:-8px}
.website-offer-cinematic-scope .website-offer-features{margin-bottom:8px}
.website-offers-costs{padding:38px 0 33px;margin-top:42px;border-top:1px solid var(--content-line)}
.website-offers-costs h3{font-family:'Bodoni Moda',Georgia,serif;font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.025em}
.website-offers-costs dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,52px);margin:26px 0 0}
.website-offers-costs dt{color:var(--content-paper);font-size:14px;font-weight:500;line-height:1.6;margin-bottom:9px}
.website-offers-costs dd{margin:0;max-width:44ch;color:var(--content-muted);font-size:13px;line-height:1.85}
.website-offers-help{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:22px 0;border-block:1px solid var(--content-line)}
.website-offers-help>p{font-size:14px;color:var(--content-paper)}
.website-offers-help>a{display:inline-flex;align-items:center;gap:25px;min-height:44px;font-size:14px;color:var(--content-gold)}
.website-offers-help>a>span{font-size:23px;font-weight:300}
.website-offers-help>a:hover{text-decoration:underline;text-underline-offset:5px}
.website-method{scroll-margin-top:110px}
.website-method-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px clamp(40px,6vw,88px);padding-top:34px;border-top:1px solid var(--content-gold);align-items:start}
.website-method .website-method-label{margin-bottom:20px;font-size:13px;color:var(--content-gold)}
.website-method-intro h2>span{display:block}
.website-method-story{max-width:60ch;padding-top:3px}
.website-method-story p+p{margin-top:22px}
.website-method-value{margin-top:clamp(44px,5vw,70px)}
.website-method-value>h3,.website-method-process>h3{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(27px,2.8vw,36px);font-weight:400;line-height:1.2;letter-spacing:-.025em;max-width:23ch}
.website-method-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px clamp(35px,7vw,95px);margin-top:26px}
.website-method-benefits article{min-width:0;padding-top:20px;border-top:1px solid var(--content-line)}
.website-method h4{font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 10px;letter-spacing:-.01em}
.website-method-benefits p{max-width:60ch}
.website-method-process{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px clamp(40px,6vw,88px);margin-top:clamp(44px,5vw,70px)}
.website-method-process>h3{padding-top:20px}
.website-method-process ol{list-style:none;margin:0;padding:0}
.website-method-process li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--content-line)}
.website-method-step{color:var(--content-gold);font-size:13px;line-height:24px;font-variant-numeric:tabular-nums}
.website-method-process h4{margin-bottom:5px}
.website-method-process p{max-width:57ch}
.website-method-steps{min-width:0}
.website-method .website-method-action{margin-top:22px}
@media(max-width:1000px){
  .website-method-intro,.website-method-process{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:32px}
  .website-method-benefits{column-gap:40px}
}
.content-hero-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.content-hero-links>a:last-child{font-size:12px;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;color:var(--content-muted);margin-top:16px}
.content-hero-links>a:last-child:hover{color:var(--content-gold)}
@media(min-width:701px) and (max-width:1050px){
  .website-offer-intro{min-height:176px}
  .website-offer-features{min-height:138px}
  .website-offer-cinematic{gap:25px 32px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
  .website-offer-scene>img{aspect-ratio:.8}
  .website-offer-cinematic-scope .website-offer-features{min-height:0}
  .website-offer-compact{gap:28px;padding:28px}
  .website-offer-compact .website-offer-features{min-height:0}
}
@media(max-width:700px){
  .website-offers-intro{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
  .website-offers-intro>p{padding:0;font-size:14px}
  .website-offers-grid{grid-template-columns:1fr;gap:36px}
  .website-offer-compact{grid-template-columns:minmax(0,1fr);gap:25px;padding:25px 20px;margin-bottom:36px}
  .website-offer{padding-top:25px}
  .website-offer-intro{min-height:0}
  .website-offer h3,.website-offer-cinematic h3,.website-offer-compact h3{font-size:32px;margin-bottom:13px}
  .website-offers .website-offer-description{font-size:14px}
  .website-offer-price{margin:22px 0 17px}
  .website-offer-price strong{font-size:38px}
  .website-offer-price-quote strong{font-size:29px}
  .website-offer .website-offer-note{min-height:0}
  .website-offer-features{margin-bottom:22px}
  .website-offer-cinematic{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px;padding-top:28px}
  .website-offer-scene{position:static}
  .website-offer-scene>img{aspect-ratio:1.35}
  .website-offer-scene>figcaption{font-size:11px}
  .website-offer-cinematic-copy h3{max-width:none}
  .website-offer-cinematic-scope{grid-column:auto;margin-top:-10px}
  .website-offers-costs{margin-top:28px;padding:28px 0}
  .website-offers-costs h3{font-size:27px}
  .website-offers-costs dl{grid-template-columns:minmax(0,1fr);gap:21px;margin-top:23px}
  .website-offers-costs dt{margin-bottom:6px}
  .website-offers-costs dd{max-width:52ch}
  .website-offers-help{display:block;padding-block:20px}
  .website-offers-help>a{margin-top:5px}
  .website-method{scroll-margin-top:134px}
  .website-method-intro,.website-method-process{grid-template-columns:minmax(0,1fr);gap:24px}
  .website-method-intro{padding-top:25px}
  .website-method .website-method-label{margin-bottom:16px}
  .website-method-story{padding:0}
  .website-method-story p+p{margin-top:18px}
  .website-method-benefits{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:22px}
  .website-method-process>h3{padding:0}
  .website-method-process li{gap:14px}
  .content-hero-links{gap:4px 22px}
  .content-hero-links>a:last-child{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.website-offer-action,.website-offer-details>summary>span{transition:none}}