@font-face{font-family:Cinzel;src:url("./assets/cinzel.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Libre Baskerville";src:url("./assets/libre-baskerville.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#172b29;--paper:#f5ebd7;--muted:#53615a;--brass:#967343;--rule:#c9b791}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);font-family:"Libre Baskerville",Georgia,serif;background:radial-gradient(ellipse at 15% 20%,#fff9eb 0,transparent 58%),linear-gradient(125deg,#f5ebd7,#e9dec4);min-height:100svh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 160 160%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.8%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 opacity=%27.6%27 filter=%27url(%23n)%27/%3E%3C/svg%3E")}
.page{max-width:1440px;margin:auto;padding:0 64px;min-height:100svh;display:flex;flex-direction:column}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px;border-bottom:1px solid var(--rule);position:relative;z-index:2}
.wordmark{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:25px;letter-spacing:.6px;text-decoration:none;color:var(--ink);display:inline-flex;align-items:baseline;gap:7px;min-height:48px;padding:10px 0}
.wordmark i{font-style:normal;color:var(--brass);font-size:35px;margin-left:-5px}
.wordmark:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:2px}
.edition{font-size:13px;letter-spacing:1px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;flex:1;padding:64px 0 52px}
.story{padding:20px 0;position:relative;z-index:1}
.eyebrow{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;line-height:1.6;color:#715535}
.eyebrow>span{height:1px;width:30px;background:var(--brass);flex-shrink:0}
h1{font-family:Cinzel,Georgia,serif;font-size:clamp(68px,7.8vw,112px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:28px 0 24px}
h1 em{font-style:normal;color:#8e6738}
.divider{display:flex;align-items:center;gap:12px;width:158px;margin:30px 0}
.divider span{height:1px;flex:1;background:var(--rule)}
.divider svg{width:24px;height:24px;fill:none;stroke:var(--brass);stroke-width:1.5;stroke-linecap:round}
.lead{font-size:22px;line-height:1.6;margin:0 0 18px}
.description{font-size:16px;line-height:1.85;max-width:370px;color:var(--muted);margin:0}
.case-tag{display:inline-flex;gap:12px;align-items:center;border:1px solid #c6b48f;padding:15px 18px;border-radius:3px;font-size:12px;line-height:1.6;letter-spacing:.3px;margin-top:35px;background:#fff9e740}
.status-dot{width:7px;height:7px;background:#54745c;border-radius:50%;box-shadow:0 0 0 4px #54745c12;flex-shrink:0}
.portrait{margin:0;position:relative;isolation:isolate;aspect-ratio:4/5;max-height:660px;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:32px 20px 90px}
.portrait-frame{position:absolute;inset:0;border-radius:180px 180px 8px 8px;background:radial-gradient(ellipse at 48% 30%,#3c5147,#172b29 78%);overflow:hidden;box-shadow:0 22px 50px #172b291a;z-index:-2;border:1px solid #253e33}
.frame-line{position:absolute;inset:13px;border:1px solid #c2a67570;border-radius:170px 170px 3px 3px}
.orbit{position:absolute;border:1px solid #bd9b6130;border-radius:50%;width:390px;height:390px;left:50%;top:23%;transform:translateX(-50%)}
.orbit-two{width:440px;height:440px;top:19%}
.corner{position:absolute;width:26px;height:26px;border-color:#ccb18399;border-style:solid}
.corner-tl{top:32%;left:26px;border-width:1px 0 0 1px}.corner-tr{top:32%;right:26px;border-width:1px 1px 0 0}
.corner-bl{bottom:26px;left:26px;border-width:0 0 1px 1px}.corner-br{bottom:26px;right:26px;border-width:0 1px 1px 0}
.spark{position:absolute;width:16px;stroke:#d5bd85;stroke-width:1;opacity:.7}
.spark-one{top:25%;left:16%}.spark-two{top:44%;right:12%;width:10px}
.bruce{display:block;width:100%;height:100%;max-height:480px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 12px #07140e38)}
figcaption{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;display:flex;flex-direction:column;gap:7px;color:#f8e8c5}
figcaption>span:not(.caption-rule){font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#d1bd94}
figcaption strong{font-family:Cinzel,Georgia,serif;font-size:24px;font-weight:500;letter-spacing:1px}
.caption-rule{width:34px;height:1px;background:#b79b63;margin:0 auto 4px}
.stamp{position:absolute;right:-24px;top:22px;width:112px;height:112px;border-radius:50%;border:1px solid var(--brass);outline:1px solid var(--brass);outline-offset:-6px;background:#f0e5cf;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;transform:rotate(13deg);color:#715535;box-shadow:0 5px 15px #172b2910}
.stamp span{font-size:10px;letter-spacing:1.7px}.stamp b{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:600;letter-spacing:.5px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 28px;border-top:1px solid var(--rule);font-size:11px;letter-spacing:.7px;color:var(--muted);position:relative}
@media(min-width:1100px){.portrait{max-width:500px;justify-self:end}.hero{min-height:740px}}
@media(max-width:900px){.page{padding:0 32px}.hero{gap:34px}.edition{font-size:11px}.lead{font-size:18px}.description{font-size:15px}.stamp{width:90px;height:90px;right:-10px;top:10px}.portrait{padding-bottom:88px}.case-tag{padding:12px;font-size:11px}}
@media(max-width:640px){.page{padding:0 24px}.masthead{min-height:85px}.wordmark{font-size:20px;gap:5px}.edition{display:none}.hero{grid-template-columns:1fr;gap:36px;padding:35px 0 40px}.story{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:10px;letter-spacing:1.1px}h1{font-size:68px;letter-spacing:-2px;line-height:1.02;margin:20px 0}h1 br{display:none}h1 em{display:block}.divider{margin:22px auto;width:126px}.lead{font-size:18px;line-height:1.5}.description{font-size:18px;line-height:1.6;margin:0 auto;max-width:360px}.case-tag{margin-top:24px;font-size:11px;padding:12px 14px}.portrait{max-width:380px;justify-self:center;aspect-ratio:4/5;padding:25px 15px 82px}.portrait-frame{border-radius:150px 150px 6px 6px}.frame-line{border-radius:140px 140px 2px 2px}.bruce{max-height:365px}figcaption{bottom:23px}figcaption strong{font-size:23px}.stamp{width:83px;height:83px;right:-6px;top:8px}.stamp b{font-size:12px}.stamp span{font-size:9px}.footer{flex-direction:column;gap:12px;text-align:center;font-size:10px;padding:22px 0}.orbit{width:300px;height:300px}.orbit-two{width:340px;height:340px}}
@media(prefers-reduced-motion:no-preference){.story,.portrait{animation:appear .65s ease-out both}.portrait{animation-delay:.12s}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.studio-link{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:10px 6px;text-align:center;line-height:1.5}
.studio-link strong{font-weight:600}.studio-link:hover{text-decoration:underline;text-underline-offset:4px}.studio-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
@media(max-width:900px) and (min-width:641px){.footer{flex-wrap:wrap}.studio-link{order:3;width:100%}}