.btn.light{color:#1b2230;background:#fff}.btn.ghost.on-photo{color:#fff;border-color:#ffffff8c}.on-photo{color:#ffffffdb!important}.photo-hero{color:#fff;align-items:flex-end;min-height:min(86vh,760px);margin-top:-1px;display:flex;position:relative;overflow:hidden}.photo-hero .ph-img{object-fit:cover;object-position:60% 50%}.photo-hero .ph-shade{background:linear-gradient(90deg,#0e1016d1 0%,#0e10168c 45%,#0e10160d 80%),linear-gradient(#0000 55%,#0e10168c);position:absolute;inset:0}.photo-hero .ph-inner{width:100%;padding-block:120px 64px;position:relative}.photo-hero h1{color:#fff;max-width:13ch;margin-top:14px;font-size:clamp(42px,6.4vw,76px);line-height:1.02}.photo-hero .lede{color:#ffffffe0;max-width:36ch;margin-top:20px;font-size:20px}@media (max-width:700px){.photo-hero{min-height:92svh}.photo-hero .ph-shade{background:linear-gradient(#0e101626 0%,#0e101699 45%,#0e1016e6 100%)}.photo-hero .ph-inner{padding-block:160px 40px}.photo-hero .lede{font-size:18px}}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;display:flex}.sec-head p{max-width:44ch;margin:0}.scenes{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}@media (max-width:900px){.scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.scenes{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.scenes::-webkit-scrollbar{display:none}.scene-card{scroll-snap-align:start;flex:0 0 74%}}.scene-card{color:var(--ink);align-content:start;gap:6px;text-decoration:none;display:grid}.scene-card h3{margin:0}.scene-card p{margin:0;font-size:15.5px}.sc-photo{aspect-ratio:4/5;border-radius:var(--radius);background:var(--rule);margin-bottom:10px;position:relative;overflow:hidden}.sc-photo img{object-fit:cover;transition:transform .5s}@media (prefers-reduced-motion:no-preference){.scene-card:hover .sc-photo img{transform:scale(1.04)}}.scene-card:hover h3{color:var(--stamp)}.scene-card:focus-visible{outline:2px solid var(--stamp);outline-offset:4px;border-radius:var(--radius)}.example-wide{background:var(--sheet);border-block:1px solid var(--rule);padding-block:clamp(40px,7vw,80px)}.ex-photo{aspect-ratio:4/3;border-radius:var(--radius);margin-top:12px;position:relative;overflow:hidden}.ex-photo img{object-fit:cover}.small-env{max-width:420px;box-shadow:0 18px 40px -24px #14182273}.letter-read.tilt{transform:rotate(-.6deg)}.example-wide .letter-read{box-shadow:0 14px 34px -26px #14182280}.steps-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps-line li{border-top:2px solid var(--ink);align-content:start;gap:6px;padding-top:16px;display:grid}.steps-line .n{font-family:var(--font-mono), monospace;color:var(--stamp);font-size:14px}.steps-line h3{margin:0;font-size:26px}.steps-line p{margin:0}@media (max-width:760px){.steps-line{grid-template-columns:minmax(0,1fr)}}.band-photo{color:#fff;background:#141822;position:relative;overflow:hidden}.band-photo .band-img{object-fit:cover;opacity:.32}.band-photo>:not(img){position:relative}.safe{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:44px;display:grid}.safe-photo{aspect-ratio:4/5;border-radius:var(--radius);position:sticky;top:24px;overflow:hidden}.safe-photo img{object-fit:cover}.safe-list{margin:0;display:grid}.safe-list>div{border-top:1px solid var(--rule);padding-block:16px}.safe-list dt{font-family:var(--font-display), Georgia, serif;font-size:21px}.safe-list dd{color:var(--ink-2);margin:6px 0 0}@media (max-width:800px){.safe{grid-template-columns:minmax(0,1fr);gap:20px}.safe-photo{aspect-ratio:16/10;position:relative;top:0}}.mail-mock{background:var(--sheet);border:1px solid var(--rule);border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -24px #14182273}.mm-head{border-bottom:1px solid var(--rule);gap:2px;padding:14px 18px;font-size:14.5px;display:grid}.mm-head .muted{min-width:3.2em;display:inline-block}.mm-subj{margin-top:4px;font-size:16.5px;font-weight:700}.mm-body{gap:10px;padding:18px;font-family:Georgia,serif;font-size:16px;display:grid}.mm-btn{color:#fff;font-family:var(--font-body), sans-serif;background:#2f3f8f;border-radius:999px;justify-self:start;padding:9px 18px;font-size:15px;font-weight:700}
