:root{--ink:#171717;--red:#bf1232;--red-dark:#9e0d29;--paper:#fff;--soft:#f3f3f3;--line:#dedede;--muted:#5b5b5b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
p{margin:0 0 1rem}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.04;margin:0 0 1rem;letter-spacing:-.045em}
h1{font-size:clamp(3.3rem,6vw,6rem)}
h2{font-size:clamp(2rem,3.7vw,3.6rem)}
h3{font-size:1.08rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.skip-link{position:absolute;top:-100px;left:1rem;background:#fff;padding:.8rem;z-index:100}
.skip-link:focus{top:1rem}
.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800;color:var(--red);margin-bottom:1rem}
.eyebrow.light{color:#fff}
.announcement{min-height:38px;background:#111;color:white;padding:.48rem 1rem;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.07em;display:flex;justify-content:center;align-items:center;gap:1.5rem}
.announcement a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 var(--line)}
.header-inner{max-width:1600px;margin:auto;min-height:81px;padding:.7rem 2.2rem;display:flex;align-items:center;gap:2.2rem}
.logo{font-family:Arial,Helvetica,sans-serif;font-size:2.15rem;font-weight:900;font-style:italic;letter-spacing:-.09em;line-height:1;white-space:nowrap}
.logo sup{font-size:.42em;vertical-align:top;letter-spacing:0;margin-left:.2rem}
.site-search{display:flex;align-items:center;flex:1;max-width:690px;margin:0 auto;border:2px solid var(--ink);border-radius:4px;height:44px;overflow:hidden}
.site-search input{width:100%;border:0;padding:.6rem 1rem;outline:0;font-size:.85rem}
.site-search button{height:100%;width:50px;flex:none;border:0;background:white;font-size:1.7rem;line-height:1}
.header-help{font-size:.82rem;font-weight:700}
.brand-form button,.solid-link{display:inline-block;background:var(--ink);border:1px solid var(--ink);color:white;padding:.8rem 1.15rem;text-transform:uppercase;font-size:.77rem;font-weight:800;letter-spacing:.025em;white-space:nowrap}
.brand-form button:hover,.solid-link:hover{background:var(--red);border-color:var(--red)}
.main-nav{min-height:43px;display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:.5rem 1rem;border-top:1px solid var(--line)}
.main-nav a{font-size:.79rem;font-weight:700;white-space:nowrap}
.main-nav a:hover,.header-help:hover{color:var(--red)}
.menu-toggle{display:none}
.section{max-width:1510px;margin:auto;padding:5rem 2.2rem}
.section-intro{padding-top:2.5rem;padding-bottom:1.35rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}
.section-intro .eyebrow{margin-bottom:.35rem}
.section-intro h2{font-size:clamp(1.45rem,2.2vw,2.25rem);margin:0}
.section-intro>a,.section-heading>a{font-size:.79rem;font-weight:800;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.category-grid{max-width:1510px;margin:auto;padding:0 2.2rem 2.3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.category-tile{min-width:0;text-align:center}
.category-img{display:block;background:var(--soft);aspect-ratio:1.38;overflow:hidden}
.category-img img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.category-tile:hover img{transform:scale(1.04)}
.category-name{display:block;padding:.7rem .2rem 0;text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.025em;line-height:1.25}
.category-name b{font-size:.76rem}
.hero{position:relative;min-height:610px;background:#111;overflow:hidden;isolation:isolate}
.hero-images{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}
.hero-images a{min-width:0;overflow:hidden;background:#ddd}
.hero-images img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.hero-images a:nth-child(2) img,.hero-images a:nth-child(3) img,.hero-images a:nth-child(4) img{object-fit:cover;background:#d9e0e8}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.47) 55%,rgba(0,0,0,.2))}
.hero-copy{position:relative;z-index:2;color:#fff;min-height:610px;max-width:1500px;margin:auto;padding:5rem 3rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none}
.hero-copy>*{pointer-events:auto}
.hero-copy h1{font-size:clamp(5rem,9.5vw,10rem);line-height:.9;max-width:1050px;letter-spacing:-.07em;margin-bottom:1.45rem}
.hero-copy p:not(.eyebrow){max-width:600px;font-size:1.12rem;line-height:1.6}
.light-button{display:inline-block;background:var(--red);color:#fff;padding:1rem 1.6rem;font-size:.86rem;font-weight:800;letter-spacing:.04em;margin-top:.7rem}
.light-button:hover{background:var(--red-dark)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem}
.section-heading .eyebrow{margin-bottom:.4rem}
.section-heading h2{margin:0}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05rem}
.product-card{min-width:0}
.product-card[hidden]{display:none}
.card-photo{display:block;position:relative;aspect-ratio:1/1.14;overflow:hidden;background:var(--soft)}
.card-photo img{width:100%;height:100%;object-fit:contain}
.card-photo span{position:absolute;right:.7rem;bottom:.7rem;background:#fff;border:1px solid #ddd;padding:.3rem .55rem;text-transform:uppercase;font-size:.62rem;font-weight:800}
.card-info{padding:.8rem .2rem 0}
.card-info .eyebrow{display:none}
.card-info h3{font-size:1rem;line-height:1.35;letter-spacing:-.01em;min-height:2.7rem;margin:0 0 .25rem}
.card-info h3 a:hover{text-decoration:underline}
.card-info>p:not(.eyebrow){font-size:.79rem;min-height:1.3rem;color:var(--muted);margin-bottom:.65rem}
.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:.5rem}
.card-bottom strong{display:block;font-size:.96rem}
.card-bottom small,.pdp-price small{display:block;color:var(--muted);font-size:.7rem}
.card-buy button{border:1px solid var(--ink);background:white;color:var(--ink);padding:.4rem .62rem;font-size:.72rem;font-weight:800;white-space:nowrap;text-transform:uppercase}
.card-buy button:hover{background:var(--ink);color:#fff}
.story-band{background:#161616;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:590px}
.story-copy{padding:clamp(3rem,7vw,7rem) max(2.2rem,calc((100vw - 1440px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.story-band h2{font-size:clamp(3rem,4.8vw,5.2rem);line-height:.96}
.story-band p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:560px;color:#e0e0e0}
.story-band a{border-bottom:2px solid var(--red);padding-bottom:.3rem;font-size:.8rem;font-weight:800;margin-top:.65rem}
.story-photo{min-width:0;overflow:hidden}
.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.field-guide{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;padding-top:6rem;padding-bottom:6rem}
.field-guide>div{max-width:520px}
.field-guide h2{font-size:clamp(2.6rem,4.2vw,4.8rem)}
.field-guide p:not(.eyebrow){font-size:1rem;line-height:1.7}
.field-guide .solid-link{margin-top:1.1rem}
.field-guide>img{width:100%;max-height:550px;object-fit:cover}
.closer-look{padding-top:2rem}
.detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.detail-strip img{width:100%;aspect-ratio:4/3.3;object-fit:cover;background:var(--soft)}
.site-footer{background:#111;color:#fff;margin-top:4rem}
.footer-main{max-width:1510px;margin:auto;padding:4.5rem 2.2rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}
.footer-main p{max-width:320px;margin-top:1.5rem;color:#c5c5c5;font-size:.9rem}
.footer-main h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 1.3rem}
.footer-main a:not(.logo){display:block;font-size:.82rem;color:#d6d6d6;margin-bottom:.75rem}
.footer-main a:hover{color:#fff;text-decoration:underline}
.footer-bottom{border-top:1px solid #3d3d3d;max-width:1510px;margin:auto;padding:1.3rem 2.2rem;display:flex;justify-content:space-between;gap:2rem;color:#c5c5c5;font-size:.72rem}
.crumb{max-width:1510px;margin:0 auto;padding:1.35rem 2.2rem;color:var(--muted);font-size:.76rem;display:flex;gap:.65rem;flex-wrap:wrap}
.crumb a{text-decoration:underline;text-underline-offset:2px}
.collection-head{max-width:1510px;margin:auto;padding:1.8rem 2.2rem 1.2rem}
.collection-head .eyebrow{margin-bottom:.4rem}
.collection-head h1{font-size:clamp(2.6rem,4.3vw,4.6rem);text-transform:uppercase;line-height:1;margin-bottom:.8rem}
.collection-head>p:last-child{max-width:720px;font-size:1rem}
.collection-tabs{max-width:1510px;margin:auto;padding:.4rem 2.2rem 1rem;display:flex;gap:.55rem;overflow-x:auto}
.collection-tabs a{border:1px solid #ccc;padding:.48rem .8rem;white-space:nowrap;font-size:.77rem;font-weight:700}
.collection-tabs a[aria-current]{background:#111;color:#fff;border-color:#111}
.collection-layout{max-width:1510px;margin:auto;padding:1.3rem 2.2rem 5rem}
.filter-aside{display:none}
.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;border-top:1px solid var(--line);padding:1.25rem 0;margin-bottom:1rem;font-size:.77rem;font-weight:700}
.toolbar>span{margin-right:auto}
.toolbar label{display:flex;align-items:center;gap:.5rem}
.toolbar input,.toolbar select{border:1px solid #bbb;background:#fff;padding:.55rem .7rem;font-size:.8rem;min-width:0}
.toolbar input{width:240px}
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:2rem}
.empty{padding:2rem;background:var(--soft)}
.empty[hidden]{display:none}
.pdp{max-width:1510px;margin:auto;padding:1.2rem 2.2rem 3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:5%;align-items:start}
.gallery-main{position:relative;background:var(--soft);min-height:560px}
.gallery-main img{width:100%;height:min(720px,63vw);object-fit:contain}
.zoom-button{position:absolute;right:1rem;bottom:1rem;background:#fff;border:1px solid var(--line);padding:.6rem .85rem;font-size:.76rem;font-weight:800;text-transform:uppercase}
.thumbs{display:flex;gap:.6rem;overflow-x:auto;margin-top:.7rem;padding-bottom:.5rem}
.thumbs button{flex:0 0 80px;height:95px;padding:0;border:2px solid transparent;background:var(--soft)}
.thumbs button[aria-current]{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.purchase-panel{position:sticky;top:160px}
.purchase-panel .eyebrow{margin-bottom:.7rem}
.purchase-panel h1{font-size:clamp(2.5rem,3.7vw,4.3rem);text-transform:uppercase}
.pdp-lead{font-size:1rem;line-height:1.6;color:var(--muted)}
.option-line{font-size:.85rem;background:var(--soft);padding:.75rem 1rem;margin-top:1.3rem}
.pdp-price{border-top:1px solid var(--line);padding-top:1.15rem;margin-top:1.35rem}
.pdp-price strong{font-size:1.75rem}
.purchase-panel form button{background:var(--red);color:white;border:0;width:100%;padding:1rem;margin-top:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.purchase-panel form button:hover{background:var(--red-dark)}
.purchase-note{font-size:.77rem;color:var(--muted);margin-top:.7rem}
.key-facts{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}
.key-facts h2{font-size:.83rem;text-transform:uppercase;letter-spacing:.08em}
.key-facts p{font-size:.9rem}
.purchase-panel details,.text-page details{border-top:1px solid var(--line);padding:1rem 0}
.purchase-panel details:last-child,.text-page details:last-child{border-bottom:1px solid var(--line)}
summary{font-weight:800;cursor:pointer}
.purchase-panel details p{font-size:.87rem;margin-top:.8rem;color:var(--muted)}
.image-dialog{border:0;max-width:90vw;max-height:90vh;padding:1rem;background:white}
.image-dialog::backdrop{background:#000d}
.image-dialog img{max-height:80vh;width:auto;margin:auto}
.image-dialog button{display:block;margin-left:auto;background:white;border:1px solid #aaa;padding:.4rem .7rem}
.product-story{max-width:850px;margin-left:auto;margin-right:auto;padding-top:1rem}
.product-story p:not(.eyebrow){font-size:1.03rem}
.text-page{max-width:880px;margin:0 auto;min-height:50vh;padding:1rem 2rem 6rem}
.text-page .crumb{padding:0 0 3rem}
.text-page h1{font-size:clamp(2.9rem,5vw,5.1rem);text-transform:uppercase}
.text-page h2{font-size:2.15rem;margin-top:3rem}
.text-page p{font-size:1.04rem;line-height:1.8}
.text-page details p{font-size:.94rem}
.text-page .solid-link{margin-top:1.5rem}
@media(max-width:1120px){
  .header-inner{gap:1.2rem;padding:.7rem 1.2rem}
  .logo{font-size:1.8rem}
  .main-nav{gap:1.3rem}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pdp{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}
  .footer-main{gap:1.6rem}
}
@media(max-width:900px){
  .header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem 1rem;padding:.7rem 1rem}
  .menu-toggle{display:flex;align-items:center;gap:.25rem;grid-column:1;border:0;background:none;padding:0;font-size:1.2rem;font-weight:700}
  .menu-toggle span{font-size:.7rem}
  .logo{grid-column:2;text-align:center;font-size:1.7rem}
  .site-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:40px;margin:0}
  .header-help{display:none}
  .brand-form{grid-column:3;grid-row:1}
  .brand-form button{padding:.5rem .7rem;font-size:.65rem}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 90px);overflow:auto;background:#fff;padding:1rem;border-top:1px solid var(--line);box-shadow:0 12px 18px #0002}
  .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .main-nav a{padding:.8rem .4rem;border-bottom:1px solid var(--line);font-size:.9rem}
  .category-grid{gap:.6rem;padding:0 1.2rem 1.7rem}
  .section{padding:4rem 1.2rem}
  .section-intro{padding:2rem 1.2rem 1rem}
  .hero,.hero-copy{min-height:560px}
  .hero-copy{padding:4rem 2rem}
  .hero-copy h1{font-size:clamp(4.8rem,11vw,7rem)}
  .story-band{min-height:0}
  .story-copy{padding:3rem 2rem}
  .field-guide{gap:3%}
  .footer-main{padding:3rem 1.2rem;grid-template-columns:repeat(3,1fr)}
  .footer-main>div:first-child{grid-column:1/-1}
  .footer-bottom{padding:1.2rem}
  .crumb,.collection-head,.collection-tabs{padding-left:1.2rem;padding-right:1.2rem}
  .collection-layout{padding-left:1.2rem;padding-right:1.2rem}
  .pdp{padding:1rem 1.2rem 3rem;display:block}
  .gallery-main{min-height:0}
  .gallery-main img{height:560px}
  .purchase-panel{position:static;padding-top:2rem}
  .text-page{padding:1rem 1.2rem 4rem}
}
@media(max-width:600px){
  .announcement{font-size:.59rem;gap:.5rem;min-height:34px}
  .announcement span{display:none}
  .header-inner{grid-template-columns:auto 1fr auto;padding:.65rem .8rem}
  .logo{font-size:1.65rem}
  .section-intro{align-items:center}
  .section-intro h2{font-size:1.35rem}
  .section-intro>a{font-size:.64rem}
  .category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.5rem;padding:0 .8rem 1.4rem}
  .category-tile{flex:0 0 32%;scroll-snap-align:start}
  .category-img{aspect-ratio:1}
  .category-name{font-size:.62rem}
  .hero,.hero-copy{min-height:570px}
  .hero-images{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}
  .hero-images a:nth-child(1) img{object-position:center 25%}
  .hero::after{background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.5) 55%,rgba(0,0,0,.28))}
  .hero-copy{justify-content:end;align-items:start;padding:2.5rem 1.2rem}
  .hero-copy h1{font-size:clamp(4.1rem,17vw,6rem)}
  .hero-copy p:not(.eyebrow){font-size:.9rem;max-width:350px}
  .light-button{padding:.8rem 1.1rem;font-size:.75rem}
  .section{padding:3.5rem .8rem}
  .section-intro{padding:1.65rem .8rem .8rem}
  .section-heading h2{font-size:1.65rem}
  .section-heading>a{font-size:.67rem}
  .product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .5rem}
  .card-photo{aspect-ratio:1/1.16}
  .card-photo span{font-size:.52rem;right:.35rem;bottom:.35rem;padding:.23rem .38rem}
  .card-info h3{font-size:.85rem;min-height:2.35rem}
  .card-info>p:not(.eyebrow){font-size:.72rem}
  .card-bottom{align-items:start;flex-direction:column}
  .card-buy button{font-size:.68rem}
  .story-band{display:block}
  .story-copy{padding:3.4rem 1.2rem}
  .story-band h2{font-size:2.8rem}
  .story-photo{height:420px}
  .field-guide{display:flex;flex-direction:column;align-items:stretch;gap:2rem}
  .field-guide h2{font-size:2.45rem}
  .detail-strip{gap:.4rem}
  .detail-strip img{aspect-ratio:3/4}
  .footer-main{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}
  .footer-main>div:first-child{grid-column:1/-1}
  .footer-main h2{font-size:.72rem}
  .footer-main a:not(.logo){font-size:.79rem}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-bottom:.6rem}
  .crumb{padding:1rem .8rem}
  .collection-head{padding:1rem .8rem .8rem}
  .collection-head h1{font-size:2.7rem}
  .collection-head>p:last-child{font-size:.9rem}
  .collection-tabs{padding:.25rem .8rem .8rem}
  .collection-tabs a{font-size:.68rem}
  .collection-layout{padding:1rem .8rem 4rem}
  .toolbar{flex-wrap:wrap;gap:.8rem}
  .toolbar>span{width:100%}
  .toolbar label{flex:1 1 45%;display:block;font-size:.72rem}
  .toolbar input,.toolbar select{width:100%;margin-top:.3rem}
  .pdp{padding:0 .8rem 2rem}
  .gallery-main img{height:470px}
  .purchase-panel h1{font-size:2.5rem}
  .related-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .text-page{padding:1rem .8rem 4rem}
  .text-page h1{font-size:2.85rem}
  .text-page h2{font-size:1.9rem}
}
@media(max-width:370px){
  .brand-form{display:none}
  .logo{grid-column:2/4}
  .category-tile{flex-basis:40%}
  .hero-copy h1{font-size:3.9rem}
  .toolbar label{flex-basis:100%}
}

/* Homepage brand and choice stories */
.motif-notes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;border-top:1px solid var(--line)}
.motif-intro h2{font-size:clamp(3.1rem,5vw,5.7rem);line-height:.94}
.motif-intro>p:last-child{max-width:470px;color:var(--muted);font-size:1.02rem;line-height:1.7}
.motif-list article{border-top:1px solid #bbb;padding:1.4rem 0 1.7rem}
.motif-list article:last-child{border-bottom:1px solid #bbb}
.motif-number{display:block;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.1em;margin-bottom:.45rem}
.motif-list h3{font-size:clamp(1.4rem,2vw,2rem);margin-bottom:.55rem}
.motif-list p{max-width:550px;color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:.65rem}
.motif-list a,.choice-steps a{font-size:.78rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.motif-list a+a{margin-left:1.2rem}
.motif-list a:hover,.choice-steps a:hover{color:var(--red)}
.skyline-choices{background:#f1f0ed;padding:1rem 2.2rem 5rem}
.skyline-heading{display:flex;justify-content:space-between;align-items:end;gap:4rem;padding:4rem 0 2rem}
.skyline-heading h2{font-size:clamp(2.9rem,4.8vw,5rem);margin:0}
.skyline-heading>p{max-width:390px;line-height:1.7;margin:0}
.skyline-options{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.skyline-options>a{display:block;min-width:0;background:#fff;padding:1rem 1rem 1.3rem}
.skyline-options>a:hover img{transform:scale(1.035)}
.skyline-options>a>span{display:block;aspect-ratio:1/1.02;overflow:hidden;background:var(--soft);margin-bottom:1rem}
.skyline-options img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.skyline-options strong,.skyline-options small,.skyline-options b{display:block}
.skyline-options strong{font-size:1.05rem;line-height:1.2}
.skyline-options small{font-size:.82rem;color:var(--muted);margin:.35rem 0 1.2rem}
.skyline-options b{font-size:.73rem;text-decoration:underline;text-underline-offset:4px}
.outside-game{display:grid;grid-template-columns:1fr 1fr;background:#990d2b;color:#fff}
.outside-copy{padding:clamp(3rem,7vw,7rem) max(2.2rem,calc((100vw - 1440px)/2));align-self:center}
.outside-copy h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.94}
.outside-copy>p:not(.eyebrow){max-width:570px;font-size:1.03rem;line-height:1.7}
.outside-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.6rem}
.outside-links a{font-size:.78rem;font-weight:800;border-bottom:2px solid #fff;padding-bottom:.25rem}
.outside-game a:focus-visible{outline-color:#fff}
.outside-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.5rem;background:#111}
.outside-pair a{position:relative;min-width:0;background:var(--soft)}
.outside-pair img{width:100%;height:100%;object-fit:contain;aspect-ratio:2/3}
.outside-pair span{position:absolute;bottom:1rem;left:1rem;background:#fff;color:#111;padding:.45rem .6rem;font-size:.68rem;font-weight:800}
.choice-check{border-top:1px solid var(--line);padding-top:4rem}
.choice-heading{max-width:800px;margin-bottom:3rem}
.choice-heading h2{font-size:clamp(2.6rem,4vw,4.3rem)}
.choice-heading>p:last-child{max-width:650px;color:var(--muted);line-height:1.7}
.choice-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.choice-steps article{border-top:2px solid var(--ink);padding-top:1.15rem}
.choice-steps article>span{display:block;color:var(--red);font-size:1.35rem;font-weight:900;margin-bottom:1.5rem}
.choice-steps h3{font-size:1.45rem}
.choice-steps p{font-size:.95rem;line-height:1.65;color:var(--muted)}
@media(max-width:900px){
  .motif-notes{gap:4%}
  .skyline-choices{padding:1rem 1.2rem 4rem}
  .skyline-heading{padding:3rem 0 2rem}
  .outside-copy{padding:3rem 2rem}
}
@media(max-width:700px){
  .motif-notes{display:block}
  .motif-intro{margin-bottom:2.5rem}
  .motif-intro h2{font-size:3.3rem}
  .skyline-heading{display:block;padding:2.5rem 0 1.6rem}
  .skyline-heading h2{font-size:3.2rem;margin-bottom:1.1rem}
  .skyline-options{display:block}
  .skyline-options>a{display:grid;grid-template-columns:36% 1fr;grid-template-rows:repeat(3,min-content);column-gap:1rem;align-content:center;margin-bottom:.65rem;padding:.65rem}
  .skyline-options>a>span{grid-row:1/4;aspect-ratio:1/1.15;margin:0}
  .skyline-options strong{font-size:.9rem;align-self:end}
  .skyline-options small{margin:.35rem 0 .7rem}
  .skyline-options b{align-self:start}
  .outside-game{display:block}
  .outside-copy{padding:3.3rem 1.2rem}
  .outside-copy h2{font-size:3.2rem}
  .outside-pair img{aspect-ratio:3/4}
  .outside-pair span{left:.4rem;bottom:.4rem;font-size:.58rem}
  .choice-steps{display:block}
  .choice-steps article{padding:1rem 0 1.5rem}
  .choice-steps article>span{margin-bottom:.65rem}
}
@media(max-width:370px){
  .skyline-options>a{grid-template-columns:40% 1fr;column-gap:.65rem}
  .skyline-options strong{font-size:.82rem}
  .outside-links{gap:1rem}
}