/* What you get: seven parts, seven treatments, one limit each */
.wg-k{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.wg-k img{width:clamp(64px,6.4vw,96px);height:auto}
.wg-h{font-size:var(--d2);line-height:1.02;letter-spacing:-.02em;margin-bottom:.22em}
.wg-h3{font-size:var(--d4);line-height:1.06;letter-spacing:-.012em;margin-bottom:.3em}
.wg-lim{margin-top:clamp(20px,2.4vw,34px);padding-top:10px;border-top:2px solid currentColor;max-width:34em;font-size:var(--t-body);font-weight:500;line-height:1.4}
.wg-lim .nv-label{display:block;margin-bottom:3px;font-weight:400}
.wg-lim .nv-text-link{font-weight:500}

/* hero */
.wg-hero{position:relative;min-height:calc(var(--vh)*100);display:flex;flex-direction:column;justify-content:space-between;background:var(--padpa);overflow:hidden;isolation:isolate}
.wg-hero__plate{z-index:-1}
.wg-hero__plate img{object-position:100% 100%}
.wg-hero__t{padding:calc(var(--nav-h) + 6px) var(--gut) 0;max-width:62%}
.wg-hero__h{font-size:min(13.6vw,calc(var(--vh)*27));line-height:1.02;letter-spacing:-.024em;margin-left:-.02em}
.wg-hero__l{max-width:27em;margin-top:clamp(16px,calc(var(--vh)*3.4),34px)}
.wg-index{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 var(--gut) 14px;gap:0 2px}
.wg-index a{display:block;height:100%;padding:8px 10px 2px 0;border-top:2px solid var(--ink);font-size:var(--t-small);font-weight:500;line-height:1.2;transition:border-color .2s}
.wg-index a span{display:block;font-family:var(--serif);font-weight:400;font-size:var(--d5);line-height:1.04}
.wg-index a:hover{border-top-color:var(--ruby);color:var(--ruby-deep)}
.wg-index a:active{transform:translateY(1px)}
.wg-index a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* 1 website */
.wg-site{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,84px);padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:linear-gradient(var(--saffron),var(--marigold))}
.wg-trades{margin-top:clamp(18px,2vw,28px)}
.wg-trades div{padding:9px 0 10px;border-top:1px solid var(--rule-ink);font-size:var(--t-body);line-height:1.36}
.wg-trades dt{display:inline;margin-right:.26em;font-family:var(--serif);font-size:1.34em;letter-spacing:-.008em}
.wg-trades dd{display:inline}
.wg-site__v{position:relative;align-self:start;position:sticky;top:calc(var(--nav-h) + 12px)}
.wg-site__f{aspect-ratio:16/11.5}
.wg-site__p{position:absolute;right:-8px;top:calc(100% * .66)}
.wg-site__go{margin-top:20px}

/* 2 buttons */
.wg-tap{padding:clamp(44px,calc(var(--vh)*7),84px) var(--gut) clamp(48px,calc(var(--vh)*8),96px);background:var(--ruby);color:var(--bone)}
.wg-k--row{margin-bottom:2px}
.wg-tap__h{font-size:min(16.2vw,calc(var(--vh)*40));line-height:1.04;letter-spacing:-.026em;white-space:nowrap;margin-left:-.02em}
.wg-tap__c{font-weight:700;letter-spacing:-.036em}
.wg-tap__b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(20px,4vw,64px);align-items:start;margin-top:clamp(14px,2vw,28px);padding-top:14px;border-top:1px solid var(--rule-bone)}
.wg-tap__l{font-family:var(--serif);font-size:var(--d3);line-height:1.04;letter-spacing:-.016em}
.wg-tap .wg-lim{margin-top:0;padding-top:0;border-top:0}

/* 3 seo */
.wg-seo{padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:var(--bone)}
.wg-seo__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(20px,4vw,64px);align-items:end}
.wg-seo__top .wg-k{grid-column:1/-1}
.wg-seo__top .nv-lede{padding-bottom:.9em}
.wg-spec{margin-top:clamp(26px,3.6vw,52px);font-family:var(--serif);font-size:clamp(46px,7.4vw,128px);line-height:1.04;letter-spacing:-.018em}
.wg-spec__w{display:inline;padding-bottom:.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:linear-gradient(var(--ruby),var(--ruby)) 0 100%/100% 3px no-repeat}
.wg-spec__w::after{content:" " attr(data-k);font-family:var(--mono);font-size:12px;letter-spacing:.01em;color:var(--ruby);vertical-align:super;white-space:nowrap}
.wg-spec__c{margin-top:14px;color:var(--ink-2)}
.wg-seo__b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,64px);margin-top:clamp(28px,3.6vw,52px)}
.wg-seo__b p{font-size:var(--t-body);line-height:1.46;max-width:32em}
.wg-seo__b .wg-lim{margin-top:0}

/* 4 maps */
.wg-map{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--sapphire);color:var(--bone)}
.wg-map__t{padding:clamp(48px,calc(var(--vh)*8),96px) clamp(24px,5vw,84px) clamp(48px,calc(var(--vh)*8),96px) var(--gut)}
.wg-map .wg-h{font-size:clamp(52px,7vw,120px)}
.wg-map__p{position:relative;display:block;min-height:320px}
.wg-map__p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.wg-list{margin-top:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--rule-bone)}
.wg-list div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:baseline;padding:8px 0 10px;border-top:1px solid var(--rule-bone)}
.wg-list dt{font-family:var(--serif);font-size:var(--d5);line-height:1.12}
.wg-list dd{font-size:var(--t-body);line-height:1.4;color:var(--bone-2)}

/* 5 care */
.wg-care{padding:clamp(48px,calc(var(--vh)*7),84px) var(--gut) clamp(48px,calc(var(--vh)*8),96px);background:var(--padpa);overflow:hidden}
.wg-care__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(20px,4vw,64px);align-items:end}
.wg-care__top .nv-lede{max-width:29em}
.wg-thirty{display:flex;align-items:flex-end;justify-content:flex-end;gap:.2em}
.wg-thirty__n{font-family:var(--serif);font-size:clamp(170px,27vw,440px);line-height:.8;letter-spacing:-.03em}
.wg-thirty__t{font-family:var(--serif);font-size:var(--d4);line-height:1.08;max-width:6.2em;padding-bottom:.1em}
.wg-ruler{position:relative;height:30px;margin-top:clamp(18px,2.4vw,32px);background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px calc(100%/30))}
.wg-ruler i{position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--ruby);transform:scaleX(var(--k,1));transform-origin:0 50%}
.wg-edits{display:flex;flex-wrap:wrap;gap:0 .7em;margin-top:clamp(16px,2vw,26px);font-family:var(--serif);font-size:var(--d3);line-height:1.1;letter-spacing:-.014em}
.wg-care .wg-lim{margin-top:clamp(22px,2.6vw,36px)}

/* 6 updates and reviews */
.wg-post{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,4vw,64px) clamp(24px,5vw,84px);padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:var(--plum);color:var(--bone)}
.wg-post__h{display:flex;align-items:center;gap:.14em}
.wg-post__two{flex:none;font-size:clamp(190px,27vw,430px);line-height:.86;letter-spacing:-.02em}
.wg-post__s{font-size:var(--d3);line-height:1.04;letter-spacing:-.016em;max-width:7.8em}
.wg-post__a .nv-lede{margin-top:clamp(12px,1.6vw,22px);max-width:30em}
.wg-posts{grid-row:span 2;align-self:start}
.wg-posts li{padding:13px 16px 15px;background:var(--wall);color:var(--wall-fg);font-family:var(--serif);font-size:var(--d5);line-height:1.16;letter-spacing:-.006em}
.wg-posts li:nth-child(even){margin-left:clamp(14px,3vw,48px)}
.wg-posts li:nth-child(odd){margin-right:clamp(14px,3vw,48px)}
.wg-posts .wg-posts__c{margin:8px 0 0;padding:0;background:none;color:var(--bone-2)}
.wg-rev{border-top:1px solid var(--rule-bone);padding-top:14px}
.wg-rev__h{font-size:var(--d3);line-height:1.04;letter-spacing:-.016em;margin-bottom:.3em}
.wg-rev>p:not(.wg-lim){font-size:var(--t-lede);line-height:1.42;max-width:32em}

/* 7 report */
.wg-rep{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,84px);align-items:start;padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:linear-gradient(var(--saffron),var(--marigold))}
.wg-rep .nv-note{margin-top:clamp(18px,2vw,28px)}
.rep{background:var(--bone);color:var(--ink);padding:clamp(20px,3vw,46px) clamp(18px,3.2vw,52px) clamp(18px,2.4vw,34px);box-shadow:-16px 12px 0 rgba(21,16,10,.2);max-width:860px}
.rep__top{display:flex;justify-content:space-between;align-items:baseline;gap:6px 18px;flex-wrap:wrap;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:clamp(16px,2.2vw,30px)}
.rep__s,.rep__c{font-family:var(--mono);font-size:12px;line-height:1.35}
.rep__s{color:var(--ruby)}
.rep__h{font-size:var(--d2);line-height:1;letter-spacing:-.02em}
.rep__m{font-family:var(--serif);font-style:italic;font-size:var(--d5);line-height:1.2;margin-top:4px}
.rep__n{width:100%;border-collapse:collapse;margin-top:clamp(14px,2vw,26px);font-variant-numeric:tabular-nums}
.rep__n thead th{font-family:var(--mono);font-size:12px;font-weight:400;text-align:right;padding:0 0 6px 14px}
.rep__n tbody th{font-family:var(--serif);font-weight:400;font-size:var(--d4);line-height:1.1;text-align:left;padding:7px 0 9px;border-top:1px solid var(--rule-ink)}
.rep__n td{text-align:right;padding:7px 0 9px 14px;border-top:1px solid var(--rule-ink);font-family:var(--serif);font-size:var(--d4);line-height:1.1;color:var(--ink-2);white-space:nowrap}
.rep__n td:nth-child(2){font-size:var(--d3);line-height:1;color:var(--ink)}
.rep__cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(18px,3vw,40px);margin-top:clamp(14px,2vw,24px);padding-top:12px;border-top:2px solid var(--ink);font-size:15px;line-height:1.4}
.rep__cols h4{font-weight:600;font-size:15px;margin-bottom:3px}
.rep__cols p+h4{margin-top:12px}
.rep__cols li{padding-left:14px;text-indent:-14px}
.rep__cols li::before{content:"\2013";display:inline-block;width:14px;text-indent:0}
.rep__e{font-family:var(--serif);font-size:var(--d5);line-height:1.1}
.rep__f{margin-top:clamp(14px,2vw,24px);font-family:var(--mono);font-size:12px;color:var(--ruby)}

/* yours */
.wg-yours{padding:clamp(44px,calc(var(--vh)*7),84px) var(--gut) clamp(44px,calc(var(--vh)*7),84px);background:var(--ruby-deep);color:var(--bone)}
.wg-yours__k{margin-bottom:12px;font-weight:400}
.wg-yours__l li{font-family:var(--serif);font-size:clamp(50px,8.6vw,150px);line-height:1.08;letter-spacing:-.02em;border-top:1px solid var(--rule-bone)}
.wg-yours__o{font-family:var(--serif);font-size:clamp(34px,4.6vw,76px);line-height:1.08;padding-top:.26em;border-top:2px solid var(--bone)}
.wg-yours__d{margin-top:12px;max-width:34em}

/* extra */
.wg-extra{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,5vw,84px);padding:clamp(48px,calc(var(--vh)*8),96px) var(--gut);background:var(--bone)}
.wg-extra__h{font-size:var(--d2);line-height:1.02;letter-spacing:-.02em}
.wg-extra__l div{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:6px 20px;align-items:baseline;padding:11px 0 13px;border-top:1px solid var(--rule-ink)}
.wg-extra__l div:last-child{border-bottom:1px solid var(--rule-ink)}
.wg-extra__l dt{font-family:var(--serif);font-size:var(--d5);line-height:1.14}
.wg-extra__l dd{font-size:var(--t-body);line-height:1.4}
.wg-extra__l .nv-ph{white-space:normal}

@media (max-width:1100px){
  .wg-index{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}
  .wg-tap__b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wg-tap__l{grid-column:1/-1}
  .wg-seo__b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wg-seo__b .wg-lim{grid-column:1/-1}
}
@media (max-width:820px){
  .wg-hero{display:block;min-height:0;background:var(--peach)}
  .wg-hero__t{max-width:none;order:-1}
  .wg-hero__h{font-size:min(23vw,calc(var(--vh)*13))}
  .wg-hero__plate{position:relative;inset:auto;display:block;width:100%;aspect-ratio:1000/860;z-index:0;margin-top:10px}
  .wg-hero__plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .wg-index{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0 var(--gut) 18px;background:var(--padpa)}
  .wg-index li:last-child{grid-column:1/-1}
  .wg-hero{display:flex;flex-direction:column}
  .wg-site,.wg-map,.wg-post,.wg-rep,.wg-extra,.wg-care__top,.wg-seo__top{grid-template-columns:minmax(0,1fr)}
  .wg-site__v{position:relative;top:auto}
  .wg-site__f{aspect-ratio:4/5;margin-left:16px}
  .wg-site__p{right:0;top:auto;bottom:62px}
  .wg-tap__h{font-size:15.6vw}
  .wg-tap__b,.wg-seo__b{grid-template-columns:minmax(0,1fr)}
  .wg-tap .wg-lim{padding-top:10px;border-top:2px solid currentColor}
  .wg-spec__w::after{font-size:10px}
  .wg-map__p{order:-1;min-height:0;height:190px}
  .wg-map__p img{object-position:50% 34%}
  .wg-thirty{justify-content:flex-start}
  .wg-thirty__n{font-size:48vw}
  .wg-ruler{background:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px calc(100%/30))}
  .wg-edits{display:block}
  .wg-edits li{padding:3px 0 5px;border-top:1px solid var(--rule-ink)}
  .wg-post__two{font-size:44vw}
  .wg-posts{grid-row:auto}
  .wg-rev{order:3}
  .wg-rep__t{order:0}
  .rep{box-shadow:-8px 7px 0 rgba(21,16,10,.2);margin-left:8px}
  .rep__cols{grid-template-columns:minmax(0,1fr)}
  .wg-extra__l div{grid-template-columns:minmax(0,1fr)}
  .wg-yours__l li{font-size:clamp(40px,12.4vw,90px)}
  .nv-strip{padding-bottom:calc(var(--dock-h) + 20px)}
}
.wg-nb{white-space:nowrap}
