:root{--ink:#1f2a3d;--paper:#f6f1e7;--paper-2:#efe7d8;--card:#fbf8f2;--rule:#e2d9c8;--rule-2:#d9cfbd;--body:#4a5262;--kicker:#5b6475;--link:#2e5a86;--logo-blue:#7f9dc0;--pale-blue:#dce5ef;--on-navy:#d5dce6;--on-navy-2:#a9bfdb;--beta-card:#253250;--beta-rule:#3a4a64;--placeholder:#f0dfaf;--placeholder-navy:#34445e;--track:#ede5d5;--track-rule:#e0d6c3;--track-2:#e3d9c6;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 5vw, 72px);--band:clamp(64px, 8vw, 120px);--stack:clamp(32px, 4vw, 56px);--shadow:0 1px 2px #1f2a3d0f, 0 18px 40px -24px #1f2a3d66;--shadow-up:0 1px 2px #1f2a3d14, 0 26px 50px -26px #1f2a3d80}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-text-size-adjust:100%;margin:0}body.lb-open{overflow:hidden}a{color:var(--link)}a:hover{color:var(--ink)}img{max-width:100%}h1,h2,h3,p,figure,ul,ol{margin:0}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cp{background:var(--placeholder);box-shadow:0 0 0 3px var(--placeholder);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.navy .cp{background:var(--placeholder-navy);box-shadow:0 0 0 3px var(--placeholder-navy)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--link);outline-offset:3px}.navy a:focus-visible,.navy button:focus-visible,.lb button:focus-visible{outline-color:var(--paper)}.wrap{max-width:1240px;margin:0 auto}.band{padding:var(--band) var(--gutter);border-top:1px solid var(--rule)}.band.alt{background:var(--paper-2)}.stack{gap:var(--stack);flex-direction:column;display:flex}.intro{flex-direction:column;gap:18px;max-width:720px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:clamp(32px,5vw,72px);display:flex}.row .text{flex-direction:column;flex:300px;gap:18px;display:flex}.row .media{flex:2 520px;min-width:0}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:clamp(24px,3vw,40px);display:grid}.grid.narrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}figure{flex-direction:column;gap:12px;display:flex}.kicker{font:600 13px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--kicker);align-items:center;gap:10px;display:inline-flex}h1{letter-spacing:-.01em;text-wrap:balance;max-width:18ch;font-size:clamp(38px,6.2vw,78px);font-weight:400;line-height:1.08}h2{text-wrap:balance;font-size:clamp(30px,3.8vw,48px);font-weight:400;line-height:1.12}h3{text-wrap:balance;font-size:clamp(22px,2.6vw,32px);font-weight:400;line-height:1.25}.body{color:var(--body);font-size:19px;line-height:1.65}figcaption,.caption{color:var(--body);font-size:16px;line-height:1.55}.btn{font:600 15px/1 var(--sans);border-radius:999px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);min-height:54px;color:var(--paper);padding:0 30px;font-size:17px;box-shadow:0 10px 24px -14px #1f2a3db3}.btn-primary:hover{color:var(--paper)}.btn-outline{min-height:44px;color:var(--ink);border:1.5px solid var(--ink);padding:0 20px}.text-link{min-height:44px;font:600 16px/1 var(--sans);text-underline-offset:4px;align-items:center;display:inline-flex}.seg{background:var(--track-2);border:1px solid var(--rule-2);border-radius:28px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:44px;color:var(--ink);font:600 15px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 18px;display:inline-flex}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 6px 14px -8px #1f2a3db3}.seg.looks{background:var(--track);border-color:var(--track-rule);justify-content:center;gap:6px;padding:6px}.seg.looks button{padding:0 18px 0 12px}.swatch{border:1px solid #1f2a3d59;border-radius:50%;width:18px;height:18px}.shot{border:1px solid var(--rule-2);background:var(--card);cursor:zoom-in;width:100%;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:0;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot:hover{box-shadow:var(--shadow-up);transform:translateY(-2px)}.shot.strip{border-radius:8px}.stacked{display:grid}.stacked>img{grid-area:1/1}.xf{transition:opacity .45s}.xf[aria-hidden=true]{opacity:0}.zoom{background:#1f2a3ddb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:10px;right:10px}.fold{pointer-events:none;background:linear-gradient(90deg,#1f2a3d00 0%,#1f2a3d1a 38%,#1f2a3d3d 49%,#ffffff1a 51%,#1f2a3d1a 62%,#1f2a3d00 100%);width:9%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.site-header{z-index:20;-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);padding:12px var(--gutter);background:#f6f1e7f0;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{border-radius:10px;align-items:center;min-height:44px;display:inline-flex}.logo img{width:auto;height:44px;display:block}.hero{padding:clamp(48px, 7vw, 104px) var(--gutter) clamp(40px, 5vw, 72px)}.hero>.wrap{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.hero .lede{max-width:40ch;color:var(--body);font-size:clamp(18px,1.8vw,21px);line-height:1.6}.hero .actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:6px;display:flex}.hero .looks-block{flex-direction:column;align-items:center;gap:18px;width:100%;margin-top:clamp(28px,4vw,52px);display:flex}.hero figure{gap:14px;width:100%;max-width:1180px}.look-name{color:var(--ink);font-style:italic;font-weight:400}.band.looks{padding-top:clamp(48px,6vw,96px)}.band.looks .row{flex-wrap:wrap-reverse}.safe-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(28px,4vw,56px);display:flex}.safe-top .text{flex-direction:column;flex:360px;gap:18px;max-width:760px;display:flex}.safe-top figure{flex:0 560px;gap:10px;min-width:0}.safe-top figcaption{font-size:15px;line-height:1.5}.toggle-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-label{font:600 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--kicker)}.compare-row{flex-wrap:wrap;align-items:flex-start;gap:clamp(24px,3vw,40px);display:flex}.compare-row>figure{flex:3 560px;min-width:0}.compare-row>.side{flex-direction:column;flex:280px;gap:24px;min-width:0;display:flex}.trust{background:var(--card);border:1px solid var(--rule-2);border-radius:12px;align-items:flex-start;gap:16px;padding:22px;display:flex}.trust p{color:var(--body);font-size:16px;line-height:1.6}.tile{background:var(--pale-blue);border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.trust .tile{width:44px;height:44px}.map-pair{background:var(--paper-2);border:1px solid var(--rule);border-radius:16px;flex-direction:column;gap:22px;padding:clamp(20px,3vw,40px);display:flex}.map-pair .head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.map-pair h3{flex:320px;max-width:640px}.states{display:grid}.state{flex-direction:column;grid-area:1/1;gap:14px;display:flex}.state[aria-hidden=true]{visibility:hidden}.state .crops{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.state .panel{flex:2.35 420px;min-width:0}.state .card{flex:220px;min-width:0}.print-note{max-width:760px}.band.record .wrap{text-align:center;align-items:center;gap:clamp(32px,4vw,52px)}.band.record .intro{align-items:center}.record-fig{text-align:left;gap:10px;width:100%;container-type:inline-size}.scrollhint{font:600 14px/1.3 var(--sans);color:var(--kicker);align-items:center;gap:8px;display:flex}@container (width>=780px){.scrollhint{display:none}}.scroller{border-radius:10px;overflow-x:auto}.scroller>.shot{min-width:780px}.more{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:32px 36px;padding:0;list-style:none;display:grid}.more li{align-items:flex-start;gap:16px;display:flex}.more li.plain{align-items:center}.more .what{flex-direction:column;gap:4px;display:flex}.more .name{font:600 16px/1.35 var(--sans)}.more .line{color:var(--body);font-size:16px;line-height:1.5}.navy{padding:clamp(72px, 9vw, 132px) var(--gutter);background:var(--ink);color:var(--paper)}.navy>.wrap{text-align:center;flex-direction:column;align-items:center;gap:clamp(32px,4vw,52px);max-width:1080px;display:flex}.navy .intro{align-items:center}.navy .kicker{color:var(--on-navy-2)}.navy h2{max-width:20ch;font-size:clamp(32px,4.4vw,56px);line-height:1.1}.steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;width:100%;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--beta-rule);background:var(--beta-card);border-radius:12px;flex-direction:column;gap:10px;padding:26px;display:flex}.steps .num{color:var(--on-navy-2);font-size:34px;line-height:1}.steps .name{font:600 17px/1.4 var(--sans)}.steps .line,.navy .after{color:var(--on-navy);font-size:16px;line-height:1.55}.btn-light{background:var(--paper);min-height:56px;color:var(--ink);padding:0 34px;font-size:18px}.btn-light:hover{color:var(--ink)}.site-footer{padding:36px var(--gutter);border-top:1px solid var(--rule)}.site-footer .wrap{font:15px/1.5 var(--sans);color:var(--body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;display:flex}.site-footer nav{flex-wrap:wrap;align-items:center;gap:4px 28px;display:flex}.site-footer nav a{align-items:center;min-height:44px;display:inline-flex}.site-footer .quiet{color:var(--body);font-size:14px}.made-by{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.lb{background:#0f1520ed;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:16px}.lb[open]{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.lb::backdrop{background:0 0}.lb .bar{justify-content:flex-end;width:min(1440px,100%);display:flex}.lb .close{min-height:44px;color:var(--paper);font:600 15px/1 var(--sans);cursor:pointer;background:0 0;border:1px solid #f6f1e799;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.lb img{background:var(--card);border-radius:8px;width:auto;max-width:min(1440px,100%);height:auto;max-height:84vh;display:block}@media (prefers-reduced-motion:reduce){.shot,.xf{transition:none}.shot:hover{transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.rv{animation:linear both rv;animation-timeline:view();animation-range:entry entry 35%}}}@keyframes rv{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.credits{border-top:0}.credits h1{font-size:clamp(34px,4.4vw,56px)}.credits section{flex-direction:column;gap:18px;display:flex}.texts{padding-left:1.2em}.credit-table{border-collapse:collapse;width:100%;font:15px/1.5 var(--sans);color:var(--body);background:var(--card);border:1px solid var(--rule-2);border-radius:10px;overflow:hidden}.credit-table th,.credit-table td{text-align:left;vertical-align:top;border-top:1px solid var(--rule);padding:12px 16px}.credit-table thead th{background:var(--paper-2);letter-spacing:.08em;text-transform:uppercase;color:var(--kicker);border-top:0;font-size:13px;font-weight:600}.credit-table tbody th{color:var(--ink);font-weight:600}.credit-table a{overflow-wrap:anywhere}@media (width<=760px){.credit-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.credit-table,.credit-table tbody,.credit-table tr,.credit-table th,.credit-table td{display:block}.credit-table tr{border-top:1px solid var(--rule);padding:8px 0}.credit-table tr:first-child{border-top:0}.credit-table tbody th,.credit-table td{border-top:0;padding:4px 16px}.credit-table td:before{content:attr(data-label) ": ";color:var(--kicker);font-weight:600}}
