@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#102e42;--paper:#f7f5f0;--copper:#a65026;--line:#d7dcd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button,.button{border:1px solid var(--ink);background:transparent;border-radius:3px;padding:11px 18px;color:inherit}button:hover,.button:hover{background:#e5eceb}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;font-weight:700}.button:hover{background:#25536a;color:white}.notice{background:#112c3f;color:white;text-align:center;font-size:11px;padding:9px 20px;letter-spacing:.02em}.masthead{height:clamp(125px,12vw,240px);background-image:url('assets/logo.png');background-position:center 47%;background-size:cover}nav{padding:15px 6%;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:var(--paper)}nav a{text-decoration:none;font-size:14px;font-weight:700}nav b{background:var(--ink);color:white;border-radius:50%;padding:1px 6px}.hero{padding:70px 6%;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(45px,5.6vw,82px);margin:20px 0 25px;font-weight:800}h1 em{font-style:normal;color:var(--copper)}h2{font-size:clamp(36px,4vw,58px);margin:12px 0 24px}h3{letter-spacing:-.02em;font-size:24px}.lead{font-size:19px;max-width:500px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:30px 0}.micro{font-size:12px;line-height:1.6;color:#536773}.feature{position:relative;height:520px;border-radius:4px;overflow:hidden}.feature img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;padding:35px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,#071c2bed);color:white}.overlay h2{font-size:57px;margin:10px 0}.ticker{display:flex;justify-content:space-around;gap:20px;background:#dbe8e6;padding:20px;font-size:11px;font-weight:700;letter-spacing:.13em}.section{padding:88px 6%;border-bottom:1px solid var(--line)}.intro{max-width:720px}.intro>p:not(.eyebrow){max-width:600px;font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.steps article{border-top:2px solid var(--ink);padding-top:24px}.steps span{color:var(--copper);font-size:32px}.workspace{background:#e8eeeb}.bench{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;margin-top:40px}.bench form,.queue{background:var(--paper);padding:26px;border:1px solid #c3d0ce;border-radius:5px}label{display:block;font-weight:700;margin-bottom:6px;font-size:13px}input,select,textarea{display:block;width:100%;padding:13px;background:white;border:1px solid #a6b4ba;border-radius:3px;color:var(--ink);margin-bottom:20px}textarea{min-height:90px;resize:vertical}.queuehead{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.queuehead h3{font-size:20px}.queuehead button{font-size:12px}.qitem{padding:18px 0;border-bottom:1px solid var(--line)}.qitem b{display:block}.qitem p{font-size:13px}.qitem button{padding:6px 12px;font-size:12px}.filters{display:flex;gap:18px;align-items:center;margin-top:35px}.filters input{max-width:420px;margin:0}.filters span{font-size:13px;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.card{background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden}.card img{width:100%;height:220px;object-fit:cover;display:block}.card>div{padding:20px}.card h3{font-size:19px;line-height:1.35;overflow-wrap:anywhere}.tag{text-transform:uppercase;color:var(--copper);font-size:10px;letter-spacing:.12em;font-weight:700}.card button{font-size:12px;padding:8px 13px}.card details{margin-top:15px;font-size:11px;overflow-wrap:anywhere}summary{cursor:pointer}.meaning{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;background:#15394b;color:white}.meaning>.eyebrow{grid-column:1/-1}.meaning h2{font-size:60px}.meaning .button{border-color:#a7c7cd}.closing{text-align:center;padding:90px 20px}.closing h2{font-size:clamp(42px,5vw,68px)}.footerbody{background:#102c3d;color:white;padding:35px 6%;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}.footerbody button{border-color:#acc1c7}.fine{width:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #56707c;padding-top:22px;font-size:12px}.footerbody .micro{color:#cad7dd}.footerbody p{margin:7px 0}.skip{position:absolute;top:-100px}.skip:focus{top:4px;background:white;z-index:99;padding:12px}dialog{border:0;border-radius:6px;padding:42px;max-width:560px;width:calc(100% - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#061b2bbd}dialog h2{font-size:40px}#close{position:absolute;right:12px;top:10px;border:0;padding:0 10px;font-size:27px}:focus-visible{outline:3px solid #dc772d;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){.masthead{height:125px;background-size:auto 320px}nav{flex-wrap:wrap;gap:12px;padding:13px 5%}nav a{font-size:12px}nav button{font-size:12px;padding:8px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:30px}.hero h1{font-size:52px}.feature{height:380px}.ticker{font-size:8px;letter-spacing:.05em;gap:15px}.section{padding:55px 6%}.steps,.bench{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);gap:15px}.card>div{padding:13px}.card img{height:160px}.card h3{font-size:16px}.meaning{grid-template-columns:1fr}.meaning h2{font-size:47px}.filters{flex-wrap:wrap;gap:8px}.filters input{max-width:none}.fine{flex-direction:column;gap:7px}}@media(max-width:400px){.hero h1{font-size:44px}.gallery{grid-template-columns:1fr}.card img{height:210px}.queuehead{flex-wrap:wrap}.bench form,.queue{padding:18px}.overlay{padding:25px}.overlay h2{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.overlay h2{font-size:clamp(30px,4vw,54px);overflow-wrap:anywhere}@media(max-width:400px){.overlay h2{font-size:32px}}