@font-face{font-family:Montreal;src:url('https://cdn.shopify.com/b/shopify-brochure2-assets/96a3645cf773f260424f4718b638f9fe.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Sohne;src:url('https://cdn.shopify.com/b/shopify-brochure2-assets/2fee679438c5fa43e04747f352b6a83b.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--navy:#0c1c32;--blue:#1348aa;--ink:#182638;--muted:#576575;--line:#d3dbe3;--paper:#fff;--steel:#eff3f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montreal,Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{font-size:25px;letter-spacing:-1px;color:var(--navy)}.brand span{display:block;font:10px Sohne,monospace;letter-spacing:.12em;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:27px;font-size:13px}.pill{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:15px 20px;font-size:13px;line-height:1.3;gap:15px;transition:background .2s}.pill:hover{background:var(--navy);border-color:var(--navy)}#menu{display:none;background:none;color:var(--navy);border:0;font-size:25px}#mobile-nav{position:fixed;inset:68px 0 auto;background:#fff;padding:20px 16px;z-index:30;border-bottom:1px solid var(--line)}#mobile-nav a{display:block;padding:13px 0}.eyebrow,.chapter-label,.source{font:10px Sohne,monospace;letter-spacing:.08em;color:var(--muted)}h2{font-size:clamp(34px,4.6vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:500;margin:22px 0 30px}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:18px 0 12px}p{font-size:17px;line-height:1.55;max-width:660px}.text-link{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}.surface-white{background:#fff}.surface-muted{background:var(--steel)}.surface-dark{background:var(--navy);color:#fff}.surface-dark .eyebrow{color:#acbcd0}footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:30px 32px;border-top:1px solid var(--line);font-size:12px}.skip-link{position:fixed;top:-100px;left:16px;padding:16px;background:var(--navy);color:white;z-index:100}.skip-link:focus{top:12px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 25px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:16px 18px;font-size:13px}.tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--blue)}#tab-copy{font-size:20px;line-height:1.5;min-height:105px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.photo-button{padding:0;background:#fff;border:1px solid var(--line);color:var(--ink);text-align:left;overflow:hidden}.photo-button img{width:100%;height:360px;object-fit:cover;display:block}.photo-button span{display:flex;justify-content:space-between;font:10px Sohne,monospace;line-height:1.5;padding:20px 14px}.photo-button:hover{border-color:var(--blue)}dialog{border:1px solid var(--line);background:#fff;color:var(--ink);padding:18px;max-width:94vw;max-height:94vh}dialog::backdrop{background:#0c1c32df}dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}dialog button{display:block;margin:0 0 14px auto;color:var(--ink);background:none;border:0}
@media(max-width:900px){nav{gap:16px;font-size:12px}}@media(max-width:700px){header{padding:0 16px;height:68px}nav{display:none}#menu{display:block}.brand{font-size:23px}.gallery{grid-template-columns:1fr}.photo-button img{height:400px}footer{padding:26px 16px;gap:24px}h2{font-size:36px}.tabs button{padding:15px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}