/* Tarnell brand skin */
:root{--fb:'Geist',system-ui,sans-serif;--fd:'Geist',system-ui,sans-serif;--fdw:500;--fdl:-.045em;
  --bg:#ECEFED;--surface:#fff;--surface2:#E2E6E4;--ink:#121412;--mut:#5C615E;--line:#D7DCD9;--line2:#C9CDCB;
  --acc:#D6EE5E;--acc-ink:#121412;--acc-r:#9CC42C;--eyb:#5C615E;--r:18px;--ri:12px;--im-bg:#F4F6F5;--pc-fit:contain;--pc-ar:1/1;--pp-ar:1/1;--pp-fit:contain;
  --hdr:rgba(236,239,237,.86);--annc:#121412;--annc-ink:#D6EE5E;--nav-on:#fff;--nav-on-ink:#121412;--badge:#121412;--badge-ink:#D6EE5E;--star:#121412;
  --ft-bg:#0B0C0B;--ft-ink:#fff;--ft-mut:#8E9490;--ft-line:#232624;--ft-field:#1A1C1B}
.top{backdrop-filter:blur(14px)}
.logo{font-weight:600;letter-spacing:-.06em;font-size:21px}
.logo svg{height:24px}
.nav{background:rgba(255,255,255,.6);border-radius:999px;padding:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.nav a.on{box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
.foot .logo{color:#fff}.foot .b-acc{color:#121412}
.pc .im{border:1px solid rgba(0,0,0,.04)}
.pc .im img{padding:6%}
.t-card{background:linear-gradient(180deg,#fff,#F7F8F7);border-radius:18px;box-shadow:0 1px 0 #fff inset,0 18px 34px -24px rgba(20,24,22,.4),0 0 0 1px rgba(0,0,0,.03)}
.t-ey{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--mut)}
.t-ey i{width:8px;height:8px;border-radius:50%;background:var(--acc-r)}
.stars{color:var(--ink)}

/* hero */
.t-hero{padding:28px 0 40px;background:linear-gradient(180deg,#E3E7E5 0%,#F2F4F3 60%,#ECEFED 100%)}
.t-hg{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;min-height:min(78vh,720px)}
.t-new{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:4px 14px 4px 4px;font-size:13px;color:var(--mut);box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.t-new b{background:var(--acc);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px}
.t-hl h1{font-size:clamp(46px,6.4vw,92px);margin:22px 0 18px}
.t-hl h1 span{color:#8E9490}
.t-lead{font-size:17px;color:var(--mut);max-width:42ch}
.t-cta{display:flex;gap:10px;margin:28px 0 22px;flex-wrap:wrap}
.t-order{padding-right:6px;gap:12px}
.t-order i{width:34px;height:34px;border-radius:50%;background:var(--acc);color:var(--ink);display:grid;place-items:center}
.t-order i svg{width:15px;height:15px}
.t-proof{display:flex;align-items:center;gap:10px;font-size:13px}
.avs{display:flex}.avs img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px}.avs img:first-child{margin:0}
.t-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;max-width:470px}
.t-stats .t-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.t-stats small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.t-stats small svg{width:14px;height:14px}
.t-stats p{font-size:12.5px;color:var(--mut)}
.t-ring{display:flex;align-items:center;gap:14px}
.t-ring svg{width:64px;height:64px;transform:rotate(-90deg)}
.t-ring circle{fill:none;stroke:#E4E8E6;stroke-width:7}
.t-ring circle.p{stroke:var(--acc-r);stroke-dasharray:151;stroke-dashoffset:38;stroke-linecap:round;animation:t-ring 1.6s cubic-bezier(.2,.8,.2,1)}
@keyframes t-ring{from{stroke-dashoffset:151}}
.t-ring b,.t-range>b{font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1}
.t-ring b small,.t-range>b small{font-size:12px;color:var(--mut);margin-left:2px;letter-spacing:0;display:inline}
.t-ring b small{display:block;margin:4px 0 0}
.t-range{background:#121412!important;color:#fff}
.t-range small,.t-range p{color:#9AA09C!important}
.t-range>b{font-size:40px}
.segs{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.segs i{height:14px;border-radius:3px;background:#2A2D2B}
.segs i.on{background:var(--acc)}
.t-hr{position:relative;height:min(68vh,620px)}
.t-stage{position:absolute;inset:0 70px 0 0;display:grid;place-items:center;border-radius:28px;overflow:hidden;transition:background .4s}
.t-stage img{max-height:86%;max-width:92%;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:2;transition:opacity .25s,transform .6s cubic-bezier(.2,.8,.2,1)}
.t-stage img.cut{mix-blend-mode:normal;max-height:78%;transform:translateY(-6%)}
.t-ped{position:absolute;left:18%;right:18%;bottom:8%;height:16%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#4A4F4C,#151716 70%);box-shadow:0 30px 40px -20px rgba(0,0,0,.6),inset 0 6px 12px rgba(255,255,255,.08);z-index:1;transition:opacity .3s}
.t-stage:not(.photo) img:not(.cut)~.t-ped{opacity:.0}
.t-stage.photo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transform:none}
.t-stage.photo .t-ped{opacity:0}
.t-float{position:absolute;top:4%;right:84px;padding:14px 16px;display:grid;gap:6px;z-index:3;min-width:190px}
.t-float b{font-size:14px;font-weight:600}
.t-float small{font-size:11.5px}
.t-pr{font-size:24px;font-weight:500;letter-spacing:-.03em}
.t-st{display:flex;align-items:center;gap:6px;color:var(--mut)}
.t-st i{width:6px;height:6px;border-radius:50%;background:var(--acc-r)}
.t-float .sw{width:22px;height:22px;cursor:pointer}
.t-ths{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;gap:10px}
.t-ths button{width:58px;height:58px;border-radius:14px;overflow:hidden;background:#fff;border:2px solid transparent;box-shadow:0 8px 18px -12px rgba(0,0,0,.4);transition:border-color .2s}
.t-ths button.on{border-color:var(--ink)}
.t-ths img{width:100%;height:100%;object-fit:cover}
.t-hint{position:absolute;bottom:2%;left:calc(50% - 35px);transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;color:var(--mut);z-index:3;white-space:nowrap;box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
.t-hint svg{width:14px;height:14px}

/* specs */
.t-sh{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;flex-wrap:wrap}
.t-sh h2,.t-ctr h2,.t-faq h2{font-size:clamp(34px,4.4vw,56px);margin-top:10px}
.t-sh p{max-width:36ch}
.t-sg{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:repeat(3,1fr);gap:16px}
.t-photo{position:relative;border-radius:22px;overflow:hidden;background:#d9dddb}
.t-photo img{width:100%;height:100%;object-fit:cover}
.t-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;display:grid;gap:4px}
.t-photo figcaption b{font-size:15px;font-weight:500}
.t-sg .t-photo{grid-row:1/4;min-height:520px}
.t-stat{padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}
.t-stat b{font-size:clamp(40px,4.4vw,60px);font-weight:400;letter-spacing:-.05em;line-height:1}
.t-stat b small{font-size:16px;color:var(--mut);margin-left:4px;letter-spacing:0}
.t-stat p{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.t-stat p i{width:6px;height:6px;border-radius:50%;background:var(--acc-r)}

/* colours */
.t-ctr{text-align:center;max-width:720px;margin:0 auto 36px}
.t-ctr p{margin-top:10px}
.t-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.t-opt{padding:18px;text-align:left;display:grid;gap:10px;position:relative;border:2px solid transparent;transition:border-color .25s,transform .25s}
.t-opt:hover{transform:translateY(-3px)}
.t-opt.on{border-color:var(--acc-r)}
.t-opt img{aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply;width:100%}
.t-opt .nm{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}
.t-opt .nm i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.t-opt .nm b{margin-left:auto;font-weight:500}
.t-opt small{color:var(--acc-r);font-size:12.5px}
.t-opt .ck{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--acc);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:all .25s}
.t-opt.on .ck{opacity:1;transform:none}
.t-opt .ck svg{width:16px;height:16px;stroke-width:2.6}
.t-bar{margin-top:16px;padding:14px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.t-bar>img{width:76px;height:56px;object-fit:contain;mix-blend-mode:multiply}
.t-bar .nm{flex:1;min-width:220px;display:grid;gap:8px}
.t-bar .adds{display:flex;gap:6px;flex-wrap:wrap}
.t-bar .chip{height:30px;font-size:12px;padding:0 12px}
.t-bar .chip.on{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.t-bar .chip svg{width:13px;height:13px}
.t-bar .tt{display:grid;text-align:right}
.t-bar .tt b{font-size:24px;font-weight:500;letter-spacing:-.03em}
.t-bar .b-pri{height:50px}
.t-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.t-perks .t-card{padding:16px 18px;display:grid;gap:2px;font-size:14px}
.t-perks small{font-size:12.5px}

/* reviews */
.t-rg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.t-rg>.t-photo{min-height:560px}
.t-score{display:flex!important;align-items:center;gap:14px;right:auto!important}
.t-score>b{font-size:46px;font-weight:400;letter-spacing:-.04em}
.t-score>span{display:grid}
.t-rc{display:grid;gap:16px}
.t-sum{padding:24px}
.t-sum h3{font-size:clamp(24px,2.6vw,32px)}
.t-sum .bars b{background:var(--acc-r)}
.t-rev{padding:22px;display:grid;gap:12px}
.t-rev p{font-size:15.5px}
.t-rev .who{display:flex;gap:10px;align-items:center}
.t-rev .who img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.t-rev .who small{display:block;font-size:12px}

/* faq */
.t-fg{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:stretch}
.t-acc{margin-top:26px;border:0;display:grid;gap:10px}
.t-acc details{background:#fff;border:0;border-radius:16px;padding:0 20px;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.t-acc summary:after{content:"+";width:26px;height:26px;border-radius:50%;background:#F1F2F1;display:grid;place-items:center;font-size:17px}
.t-acc details[open] summary:after{background:var(--acc);content:"−";transform:none}
.t-fold{min-height:480px}
.t-fold figcaption{right:auto}

/* inner pages */
.t-spec{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:28px}
.t-spec img{mix-blend-mode:multiply}
.t-spec th{width:34%;font-size:13px}
.t-calc{padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:24px;align-items:end}
.t-calc .fld b{float:right}
.t-calc input[type=range]{height:auto;border:0;padding:0;background:none;accent-color:var(--acc-r)}
.t-out{display:grid}
.t-out b{font-size:52px;line-height:1}
.t-book{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.t-book h1+p{max-width:52ch}
.t-form{padding:24px;display:grid;gap:16px;margin-top:26px}
.t-book>.t-photo{position:sticky;top:96px;aspect-ratio:4/5}
body[data-page="shop"] .shop-h,body[data-page="p"] .pp{background:transparent}

@media (max-width:1080px){.t-sg{grid-template-columns:1fr 1fr;grid-template-rows:auto}.t-sg .t-photo{grid-row:auto;grid-column:1/-1;min-height:360px}.t-calc{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .t-hg{grid-template-columns:1fr;min-height:0}.t-hr{height:440px}.t-stage{right:0}.t-ths{top:auto;bottom:-64px;transform:none;right:auto;left:0;grid-auto-flow:column}.t-hero{padding-bottom:90px}.t-float{right:10px}.t-hint{display:none}
  .t-pick{grid-template-columns:1fr;gap:10px}.t-opt{grid-template-columns:120px 1fr;align-items:center}.t-opt .nm{padding-right:36px}.t-opt img{grid-row:1/3}
  .t-perks{grid-template-columns:1fr 1fr}.t-rg,.t-fg,.t-spec,.t-book{grid-template-columns:1fr}.t-rg>.t-photo{min-height:380px}.t-fold{min-height:360px}
  .t-bar .tt{text-align:left}.t-book>.t-photo{display:none}
}
@media (max-width:560px){.t-stats{grid-template-columns:1fr 1fr;gap:10px}.t-stats .t-card{padding:12px}.t-ring svg{width:48px;height:48px}.t-ring{gap:8px}.t-sg{grid-template-columns:1fr 1fr;gap:10px}.t-stat{min-height:130px;padding:16px}.t-float{min-width:0;padding:10px 12px;top:0}.t-pr{font-size:19px}.t-calc{grid-template-columns:1fr}.t-bar .b-pri{width:100%}}