body[data-page="postcards"]{background:#f3efe4;background-image:radial-gradient(circle at 20% 10%,rgba(216,77,56,.045),transparent 22%),radial-gradient(circle at 82% 32%,rgba(31,95,70,.055),transparent 27%)}body[data-page="postcards"] .main-nav{gap:24px}body[data-page="postcards"] .main-nav a.active{color:var(--green);font-weight:800;position:relative}body[data-page="postcards"] .main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--orange)}.postcards-hero{min-height:680px;display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:center;padding-top:54px;padding-bottom:70px}.postcards-hero-copy h1{margin:0 0 25px;font-size:clamp(64px,8vw,112px);line-height:.82;letter-spacing:-.085em;color:var(--green)}.postcards-hero-copy h1 em,.postcards-intro h2 em{font-family:var(--serif);font-weight:400;color:#54745d}.postcards-hero-copy>p:not(.eyebrow){max-width:420px;margin:0 0 28px;color:#65736a;font-size:15px;line-height:1.7}.postcards-hero-meta{display:flex;flex-wrap:wrap;gap:15px;margin:0 0 30px;padding-top:17px;border-top:1px solid #d8d7ca;font:10px var(--mono);color:#7c847b}.postcards-hero-meta b{color:var(--green);margin-right:4px}.postcards-hero-art{position:relative;margin:0;padding:13px 13px 43px;background:#f7f0dc;border:1px solid rgba(70,75,56,.14);box-shadow:0 26px 80px rgba(35,52,39,.16),12px 13px 0 rgba(177,199,170,.28);transform:rotate(.55deg)}.postcards-hero-art:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#6c684d12 .65px,transparent .65px);background-size:5px 5px;mix-blend-mode:multiply}.postcards-hero-art img{position:relative;display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.postcards-hero-art figcaption{position:absolute;left:24px;right:24px;bottom:12px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#5f665b;font:9px var(--mono);letter-spacing:.05em;text-transform:uppercase}.postcards-hero-art figcaption strong{color:var(--green);font-size:10px}.postcards-intro{padding-top:70px;padding-bottom:36px;border-top:1px solid #d8d7ca;display:grid;grid-template-columns:1fr .86fr;gap:80px;align-items:end}.postcards-intro h2{font-size:clamp(42px,5vw,68px);line-height:.94;letter-spacing:-.075em;margin:0}.postcards-intro>p{max-width:500px;margin:0;color:#6b746d;line-height:1.75}.postcard-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;padding-top:32px;padding-bottom:96px;perspective:1600px}.postcard-card{--tilt:-.8deg;position:relative;display:flex;flex-direction:column;width:100%;padding:10px 10px 14px;background:#f8f2df;border:1px solid rgba(63,71,52,.16);color:var(--ink);text-align:left;box-shadow:0 13px 30px rgba(39,52,41,.10),5px 7px 0 rgba(196,207,184,.30);transform:rotate(var(--tilt)) translateY(0);transform-origin:center 75%;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease,border-color .32s ease;overflow:hidden}.postcard-card:nth-child(2){--tilt:1deg}.postcard-card:nth-child(3){--tilt:-1.35deg}.postcard-card:nth-child(4){--tilt:.55deg}.postcard-card:nth-child(5){--tilt:1.2deg}.postcard-card:nth-child(6){--tilt:-.65deg}.postcard-card:nth-child(7){--tilt:.8deg}.postcard-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#5e68480e .7px,transparent .7px);background-size:5px 5px;z-index:3}.postcard-card:hover,.postcard-card:focus-visible{transform:rotate(0) translateY(-12px) scale(1.018);box-shadow:0 25px 55px rgba(28,49,36,.19),8px 10px 0 rgba(196,207,184,.4);border-color:rgba(40,76,55,.34);outline:none;z-index:4}.postcard-image{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#e4e1d2}.postcard-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(24,60,46,.08);pointer-events:none}.postcard-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease;filter:saturate(.96) contrast(1.02)}.postcard-card:hover .postcard-image img,.postcard-card:focus-visible .postcard-image img{transform:scale(1.045);filter:saturate(1.04) contrast(1.03)}.postcard-meta{display:grid;gap:4px;padding:13px 5px 0}.postcard-meta small{font:9px var(--mono);letter-spacing:.08em;color:#7a806f}.postcard-meta strong{font-size:17px;line-height:1.15;letter-spacing:-.035em;color:var(--green)}.postcard-meta em{font:10px var(--mono);font-style:normal;color:#84897d}.postcard-open{position:absolute;top:18px;right:18px;padding:7px 9px;background:rgba(22,57,43,.92);color:#d9eead;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(-5px);transition:opacity .22s ease,transform .22s ease;z-index:4}.postcard-card:hover .postcard-open,.postcard-card:focus-visible .postcard-open{opacity:1;transform:none}.postcard-card-wide{grid-column:span 2;max-width:none}.postcard-card-wide .postcard-image{aspect-ratio:8/5}.postcard-card-wide .postcard-image img{object-position:center 44%}.postcards-callout{margin-bottom:90px;padding-top:50px;padding-bottom:50px;border-top:1px solid #d4d3c6;border-bottom:1px solid #d4d3c6;display:flex;justify-content:space-between;align-items:end;gap:42px}.postcards-callout h2{font-size:42px;letter-spacing:-.065em;line-height:1;margin:0 0 14px}.postcards-callout p:not(.eyebrow){max-width:560px;margin:0;color:#70786f}.postcards-callout-actions{display:flex;gap:10px;flex:0 0 auto}.postcard-lightbox{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}.postcard-lightbox.is-open{opacity:1;visibility:visible}.postcard-lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(10,26,20,.78);backdrop-filter:blur(8px);cursor:zoom-out}.postcard-lightbox-panel{position:relative;z-index:2;width:min(780px,calc(100vw - 40px));max-height:calc(100vh - 44px);display:grid;grid-template-columns:minmax(0,1fr) 280px;background:#f6f0df;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.34);transform:translateY(16px) scale(.985);transition:transform .28s cubic-bezier(.2,.7,.2,1);overflow:auto}.postcard-lightbox.is-open .postcard-lightbox-panel{transform:none}.postcard-lightbox-art{padding:16px;background:#e9e2cf;display:grid;place-items:center}.postcard-lightbox-art img{display:block;width:min(100%,360px);height:auto;max-height:72vh;object-fit:contain;box-shadow:0 16px 34px rgba(37,48,38,.18)}.postcard-lightbox-copy{padding:40px 28px 28px;align-self:end}.postcard-lightbox-copy h2{margin:0 0 12px;font-size:34px;letter-spacing:-.06em;line-height:1;color:var(--green)}.postcard-lightbox-copy>p:not(.eyebrow){color:#68736a;line-height:1.65}.postcard-lightbox-copy small{display:block;margin-top:26px;padding-top:14px;border-top:1px solid #d4d1c5;font:9px var(--mono);color:#7b8279}.postcard-lightbox-close{position:absolute;right:13px;top:13px;z-index:5;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(22,57,43,.18);border-radius:50%;background:rgba(248,242,223,.92);color:var(--green)}.postcard-lightbox-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.postcard-lightbox-close:hover,.postcard-lightbox-close:focus-visible{background:var(--green);color:#e1efbd;outline:none}body.postcard-modal-open{overflow:hidden}@media(max-width:1120px){body[data-page="postcards"] .main-nav{gap:17px;font-size:11px}.postcard-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.postcards-hero{grid-template-columns:.8fr 1.2fr;gap:34px}}@media(max-width:860px){.postcards-hero{min-height:0;grid-template-columns:1fr;padding-top:42px;gap:34px}.postcards-hero-copy h1{font-size:72px}.postcards-hero-art{transform:none}.postcards-intro{grid-template-columns:1fr;gap:24px}.postcard-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.postcard-card-wide{grid-column:span 2}.postcards-callout{align-items:flex-start;flex-direction:column}.postcard-lightbox-panel{grid-template-columns:1fr}.postcard-lightbox-copy{padding:24px}.postcard-lightbox-art img{width:min(100%,320px);max-height:55vh}}@media(max-width:560px){.postcards-hero,.postcards-intro,.postcard-wall,.postcards-callout{padding-left:18px;padding-right:18px}.postcards-hero-copy h1{font-size:62px}.postcards-hero-art{padding:7px 7px 39px;box-shadow:0 18px 48px rgba(35,52,39,.14),7px 8px 0 rgba(177,199,170,.24)}.postcards-hero-art figcaption{left:14px;right:14px}.postcards-hero-art figcaption strong{display:none}.postcards-intro{padding-top:50px}.postcard-wall{gap:18px 10px;padding-top:20px;padding-bottom:64px}.postcard-card{padding:7px 7px 11px}.postcard-meta{padding:10px 2px 0}.postcard-meta strong{font-size:14px}.postcard-meta em{display:none}.postcard-open{display:none}.postcards-callout h2{font-size:34px}.postcards-callout-actions{width:100%;flex-direction:column}.postcards-callout-actions .button{text-align:center}.postcard-lightbox{padding:10px}.postcard-lightbox-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}@media(prefers-reduced-motion:reduce){.postcard-card,.postcard-image img,.postcard-open,.postcard-lightbox,.postcard-lightbox-panel{transition:none}.postcard-card:hover,.postcard-card:focus-visible{transform:rotate(0)}}

/* Codebase visual hardening: postcards are standalone and do not load illustration.css. */
.postcards-hero>* ,.postcards-intro>* ,.postcard-wall>* ,.postcards-callout>* ,.postcard-lightbox-panel>*{min-width:0;max-width:100%}.postcards-hero-art figcaption{flex-wrap:wrap;overflow-wrap:anywhere}.postcards-hero-art figcaption>*{min-width:0;max-width:100%}.postcard-meta>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.postcards-callout{flex-wrap:wrap}.postcards-callout-actions{max-width:100%;flex-wrap:wrap}.postcards-callout-actions .button{white-space:normal}.postcard-lightbox{box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.postcard-lightbox-panel{width:min(780px,100%);max-height:calc(100dvh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.postcard-lightbox-art img{max-height:min(72dvh,720px)}.postcard-lightbox-close{width:44px;height:44px;cursor:pointer}
@media(max-width:1180px){body[data-page="postcards"] .site-header .main-nav{display:none!important}body[data-page="postcards"] .site-header .mobile-menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important}body[data-page="postcards"] #mobile-menu-drawer{display:block!important}}
@media(min-width:1181px){body[data-page="postcards"] .site-header .mobile-menu-btn,body[data-page="postcards"] #mobile-menu-drawer{display:none!important}}
@media(max-width:560px){.postcards-hero-copy h1{font-size:clamp(46px,16vw,62px)}.postcard-lightbox-panel{width:100%;max-height:calc(100dvh - 24px)}.postcard-lightbox-art img{max-height:48dvh}}
@media(max-width:420px){.postcard-wall{grid-template-columns:minmax(0,1fr)}.postcard-card-wide{grid-column:auto}.postcard-card-wide .postcard-image{aspect-ratio:4/5}.postcard-meta strong{font-size:16px}.postcards-hero-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}}
@media(hover:none){.postcard-card:hover{transform:rotate(var(--tilt));box-shadow:0 13px 30px rgba(39,52,41,.10),5px 7px 0 rgba(196,207,184,.30)}.postcard-card:hover .postcard-image img{transform:none;filter:saturate(.96) contrast(1.02)}}