.review-bar{display:flex;justify-content:space-between;gap:16px;padding:10px 40px;background:#e8e9df;color:#53614f;font-size:10px;font-weight:650;letter-spacing:.12em}.review-bar span:last-child{letter-spacing:.035em}.nav{border-bottom:1px solid #26332b18}.brand .sun{border-radius:0;width:28px;height:25px;background:var(--accent);clip-path:polygon(0 100%,43% 5%,63% 46%,76% 22%,100% 100%,66% 100%,44% 49%,22% 100%)}.offer{padding-block:72px 84px}.offer-title{font-size:clamp(46px,5vw,72px)}.offer-preview>a{transform:rotate(-2deg);border-radius:8px;box-shadow:0 24px 50px #26332b18}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650;color:#8c4930;margin-bottom:13px}.work-hint{max-width:24ch;font-size:14px;color:#5b6358}.showcase{padding-bottom:70px}.showcase-heading{align-items:flex-end;margin-bottom:30px}.portfolio-cylinder{background:#e9ece3;border:1px solid #cfd5c7;border-radius:14px;padding:26px 30px 0;overflow:hidden}.cylinder-top{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.16em;color:#60705b}.cylinder-count{font-variant-numeric:tabular-nums}.cylinder-stage{position:relative;height:470px;perspective:1350px;perspective-origin:50% 48%;touch-action:pan-y;user-select:none;cursor:grab;isolation:isolate}.cylinder-stage:active{cursor:grabbing}.cylinder-stage:focus-visible{outline-offset:-5px;border-radius:10px}.cylinder-card{position:absolute;left:50%;top:48%;width:min(420px,40%);aspect-ratio:1.5;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:none}.card-edge{position:absolute;inset:0;border-radius:10px;background:#aab6a1;border:1px solid #eff5e8}.card-front,.card-back{position:absolute;inset:0;border-radius:10px;overflow:hidden;backface-visibility:hidden;background:#f5f3ed;box-shadow:0 12px 32px #18341826;border:1px solid #f5f3ed}.card-front{transform:translateZ(1.7px);display:flex;flex-direction:column}.card-back{transform:rotateY(180deg) translateZ(1.7px)}.card-front>img,.card-back>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top;display:block}.browser-chrome{height:22px;flex:0 0 22px;background:#f5f3ed;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:7px;color:#737b6d;letter-spacing:.01em}.browser-chrome span:first-child{font-size:5px;letter-spacing:2px;color:#a6aa9f}.glass-highlight{position:absolute;inset:0;background:linear-gradient(125deg,#fff0 30%,#fff2 65%,#fff0 90%);pointer-events:none}.stage-shadow{position:absolute;width:54%;height:24px;background:#283d2825;filter:blur(22px);border-radius:50%;bottom:9%;left:23%;z-index:-1}.cylinder-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 8px 24px}.current-work>span{display:block;font-size:11px;letter-spacing:.07em;color:#5b6954;margin-bottom:8px}.current-work h3{font-size:28px;line-height:1.1;font-weight:550;letter-spacing:-.04em}.current-work>a{display:inline-flex;align-items:center;gap:25px;font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.carousel-controls{display:flex;gap:9px}.carousel-controls button{border:1px solid #26332b55;border-radius:50%;background:transparent;color:#26332b;width:46px;height:46px;cursor:pointer;font-size:20px}.carousel-controls button:hover{background:#dce2d4}.carousel-controls button:disabled{opacity:.4;cursor:default}.carousel-progress{height:2px;background:#ced6c7;margin:0 8px;overflow:hidden}.carousel-progress i{display:block;width:100%;height:100%;background:#b45432;transform-origin:left;transform:scaleX(0)}.website-index{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:20px 0 13px}.website-index button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;border:0;background:transparent;color:#707b68;cursor:pointer;padding:10px 8px;font-size:11px;min-height:62px;line-height:1.4}.website-index button>span:first-child{font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.12em}.website-index button[aria-pressed=true]{color:#26332b;background:#dce3d5;border-radius:4px}.gesture-help{font-size:10px;text-align:center;color:#63705b;letter-spacing:.03em;padding:0 0 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-form-note{max-width:570px;margin:0 auto 25px!important;text-align:center;font-size:13px;color:#d4dacb}.simple-service{background:none}.portfolio-note{font-size:13px;color:#636a5f;margin-top:20px}
@media(max-width:900px){.cylinder-stage{height:370px}.cylinder-card{width:40%}.work-hint{display:none}.website-index{grid-template-columns:repeat(3,1fr)}.offer{padding-block:48px 66px}.review-bar{padding-inline:24px}}
@media(max-width:680px){.review-bar{padding:9px 20px;font-size:8px;letter-spacing:.08em}.nav .brand{font-size:20px}.nav nav{font-size:12px}.offer{padding-block:32px 54px}.offer-title{font-size:clamp(43px,11.2vw,62px)}.offer-preview>a{transform:rotate(-1deg)}.showcase-heading h2{font-size:35px}.eyebrow{font-size:9px}.portfolio-cylinder{margin-inline:-8px;padding:18px 10px 0;border-radius:10px}.cylinder-top{font-size:8px;padding-inline:6px}.cylinder-stage{height:clamp(240px,66vw,370px);margin-inline:-10px}.cylinder-card{width:56%}.browser-chrome{height:15px;flex-basis:15px;font-size:5px;padding-inline:6px}.browser-chrome span:first-child{font-size:4px;letter-spacing:1px}.cylinder-bottom{align-items:flex-start;padding:8px 7px 20px;gap:9px}.current-work h3{font-size:23px}.current-work>span{font-size:9px;letter-spacing:.02em}.current-work>a{font-size:12px;gap:14px}.carousel-controls{gap:5px;flex-shrink:0}.carousel-controls button{width:38px;height:44px;font-size:19px;border-radius:22px}.website-index{gap:3px;padding-block:13px}.website-index button{font-size:10px;padding:9px 7px;min-height:64px}.gesture-help{font-size:9px;padding-bottom:16px}.showcase{padding-bottom:46px}.preview-form-note{font-size:12px}.stage-shadow{height:15px;filter:blur(15px)}}
@media(max-width:360px){.nav .brand{font-size:18px}.brand .sun{width:22px;height:22px}.cylinder-bottom{flex-wrap:wrap}.carousel-controls{margin-left:auto}.current-work h3{font-size:22px}.review-bar span:last-child{max-width:45%;text-align:right}}
@media(prefers-reduced-motion:reduce){.cylinder-card{will-change:auto}.offer-preview>a{transform:none}}
/* v2: the interactive portfolio is the hero, including on phones. */
.offer{grid-template-columns:.88fr 1.12fr;gap:42px;padding-block:46px 64px;align-items:center}.hero-portfolio{min-width:0;width:100%;scroll-margin-top:20px}.hero-portfolio>.eyebrow{font-size:9px;margin-bottom:12px}.hero-portfolio .portfolio-cylinder{padding:20px 16px 0}.hero-portfolio .cylinder-stage{height:320px;margin-inline:-16px}.hero-portfolio .cylinder-card{width:56%}.hero-portfolio .cylinder-top{font-size:8px}.hero-portfolio .current-work h3{font-size:25px}.hero-portfolio .website-index{grid-template-columns:repeat(3,1fr);padding-top:12px}.hero-portfolio .website-index button{min-height:55px;font-size:10px}.hero-portfolio .cylinder-bottom{padding:4px 4px 18px}.hero-portfolio .carousel-controls{gap:5px}.hero-portfolio .carousel-controls button{width:38px;height:44px}.hero-portfolio .gesture-help{padding-bottom:15px}.hero-portfolio .stage-shadow{bottom:8%}
@media(min-width:681px) and (max-width:1000px){.offer{gap:24px;grid-template-columns:.85fr 1.15fr}.offer-title{font-size:48px}.hero-portfolio .cylinder-stage{height:265px}.hero-portfolio .cylinder-bottom{flex-wrap:wrap}.hero-portfolio .carousel-controls{margin-left:auto}}
@media(max-width:680px){.offer{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:24px 44px}.offer-copy{display:contents}.offer-title{order:0;font-size:clamp(39px,10.6vw,46px);line-height:1.01;max-width:16ch;margin:0}.hero-portfolio{order:1;width:100%}.offer-copy p{order:2;max-width:34ch;font-size:17px;margin:2px 0 0}.offer-copy>.button{order:3;align-self:flex-start;margin:0}.hero-portfolio>.eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:10px}.hero-portfolio .portfolio-cylinder{margin-inline:-8px;padding:15px 10px 0}.hero-portfolio .cylinder-stage{height:clamp(232px,64vw,276px);margin-inline:-10px}.hero-portfolio .cylinder-card{width:56%}.hero-portfolio .cylinder-bottom{padding:2px 5px 14px}.hero-portfolio .current-work h3{font-size:22px}.hero-portfolio .website-index{padding-block:10px}.hero-portfolio .website-index button{min-height:54px}.hero-portfolio .cylinder-top{font-size:7px}.hero-portfolio .carousel-controls button{width:36px;height:44px}.hero-portfolio .gesture-help{padding-bottom:13px}.review-bar span:last-child{font-variant-numeric:tabular-nums}}

/* Keep reading and focus order aligned with the phone layout. */
.offer{grid-template-rows:1fr 1fr}.offer-title{grid-column:1;grid-row:1;align-self:end;font-weight:500;line-height:1.02;letter-spacing:-.052em;max-width:12ch;margin:0}.offer>.offer-copy{grid-column:1;grid-row:2;align-self:start}.offer>.hero-portfolio{grid-column:2;grid-row:1 / span 2}.offer-copy p{margin-top:0}
@media(max-width:680px){.offer{grid-template-rows:none}.offer-title{align-self:auto;max-width:16ch}.offer>.offer-copy{display:contents}.offer>.hero-portfolio{align-self:stretch}.offer-copy p{margin-top:2px}}