:root{--ink:#18383b;--paper:#f6f0e5;--gold:#b38b50;--muted:#63716b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b38b50;outline-offset:5px}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d5c9}.brand{font-family:Georgia,serif;font-size:26px;line-height:1.15}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:9px}nav{display:flex;gap:30px;font-size:13px;align-items:center}.nav-watch{border-bottom:1px solid var(--gold);padding-bottom:4px}.hero{max-width:1450px;margin:auto;padding:65px 6% 65px;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#7b6b4e;margin:0 0 22px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:clamp(60px,6.8vw,104px);letter-spacing:-4px}em{font-weight:400;color:#8a704b}h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1.4px}h3{font-size:28px}.intro{color:#5c6b64;font-size:17px;margin:27px 0 30px;max-width:450px}.button{display:inline-flex;gap:35px;align-items:center;padding:15px 25px;background:var(--ink);color:#fff8e9;font-size:13px;border:1px solid var(--ink);border-radius:3px;transition:background .2s}.button:hover{background:#315457}.small{font-size:12px;color:var(--muted)}.launch{margin-top:17px}.hero-art{text-align:center}.hero-art img{width:100%;display:block}.art-note{font:italic 17px Georgia,serif;color:#8a704b}.invitation{text-align:center;padding:25px 20px 80px}.star{font-size:35px;color:var(--gold)}.invitation p{font:24px/1.6 Georgia,serif;margin:12px 0}.collection{padding:80px 6%;background:#eaece3}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{color:var(--muted);font-size:15px}.filters{display:flex;gap:9px;margin-top:40px;flex-wrap:wrap}.filters button{border:1px solid #b6c1b4;border-radius:50px;padding:9px 23px;background:transparent;color:var(--ink);font-size:13px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-note{font-size:12px;color:#59685f;margin:20px 0 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 25px}.card{border:0;padding:0;background:transparent;text-align:left;color:var(--ink);width:100%}.card-art{position:relative;overflow:hidden;aspect-ratio:1.5;background:#132f35}.card-art svg{width:100%;height:100%;display:block;transition:transform .6s}.card:hover svg{transform:scale(1.025)}.badge{position:absolute;bottom:13px;left:13px;padding:4px 10px;background:#f6f0e5ed;border-radius:2px;font-size:9px;letter-spacing:1.3px}.card-label{font-size:9px;letter-spacing:1.7px;margin:18px 0 8px;color:#716b57}.card h3{font-size:27px}.card p{font-size:13px;color:#5e6e62;max-width:350px}.card-link{font-size:12px;border-bottom:1px solid #a1aa98;padding-bottom:3px}.collection-footer{margin-top:48px;padding-top:25px;border-top:1px solid #c4cdbf;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.text-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:5px;display:inline-block}.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:100px 6%;align-items:center}.philosophy-art svg{display:block;width:100%;aspect-ratio:.95;object-fit:cover}.philosophy-art span{display:block;font:italic 14px Georgia,serif;color:#7c7563;margin-top:15px}.philosophy-copy p:not(.eyebrow){color:#5f6b63;font-size:15px}.philosophy-copy h2{margin-bottom:28px}.craft{padding:20px 6% 100px;text-align:center}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left;margin-top:50px}.principles article{border-top:1px solid #c8c8b9;padding-top:22px}.principles span{font-size:10px;letter-spacing:2px;color:#8a704b}.principles h3{margin-top:20px}.principles p{font-size:14px;color:#657166}.creator{background:#e6ded0;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:85px 10%}.creator .large{font:24px/1.5 Georgia,serif;margin-top:0}.creator p:not(.eyebrow):not(.large):not(.signature){font-size:15px;color:#5b675f}.signature{font:italic 33px Georgia,serif;margin:35px 0 0}.creator-title>span{font-size:11px;letter-spacing:1px}.future{padding:85px 8%;text-align:center}.future>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:30px 0}.future>div p{font-size:14px;color:#637066}.future strong{display:block;color:var(--ink);font-family:Georgia,serif;font-size:22px;font-weight:400}.closing{background:#132f35;color:#f7eedc;padding:65px 20px 75px;text-align:center}.closing h2{font-size:60px;margin-bottom:30px}.closing .eyebrow{color:#d0b585;margin-top:15px}.closing .small{color:#aabbb4}.light{background:#e8d4ad;color:#18383b;border:0}.light:hover{background:#f6e7c9}footer{padding:40px 6%;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p,footer>a:last-child{font-size:11px;color:#697269}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-width:800px;width:90%;max-height:90vh;border-radius:4px}dialog::backdrop{background:#071b20cf}dialog svg{display:block;width:100%;max-height:340px}dialog .close{position:absolute;right:14px;top:14px;border:0;border-radius:50%;background:var(--paper);width:38px;height:38px;font-size:25px;color:var(--ink)}.dialog-copy{padding:30px 40px 40px}.premise{font:italic 21px/1.6 Georgia,serif}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(max-width:850px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:18px;padding:20px 0}nav{gap:18px;font-size:11px}.hero{padding-top:45px;min-height:0;gap:0}h1{font-size:65px}.hero-art img{width:110%;margin-left:-5%}.cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.principles{gap:22px}.creator{padding:65px 6%;gap:30px}.philosophy{gap:30px}}@media(max-width:600px){html{scroll-padding-top:15px}header{margin:0 6%}.brand{font-size:24px}nav{width:100%;justify-content:space-between;gap:8px}.hero{grid-template-columns:1fr;padding:45px 7% 30px}.hero-copy{text-align:center}h1{font-size:65px;letter-spacing:-3px}.intro{font-size:15px}.hero-art{margin:18px auto 0;max-width:360px}.hero-art img{width:100%;margin:0}.invitation{padding-bottom:45px}.invitation p{font-size:21px}.collection{padding:50px 6%}.section-head{display:block}.section-head>p br{display:none}.filters{gap:6px;margin-top:24px}.filters button{padding:8px 13px;font-size:12px}.cards{grid-template-columns:1fr;gap:32px}.card h3{font-size:29px}.collection-footer{display:block}.philosophy{grid-template-columns:1fr;padding:55px 6%;gap:30px}.philosophy-art svg{aspect-ratio:1.3}.principles{grid-template-columns:1fr;gap:25px;margin-top:30px}.craft{padding:0 6% 55px}.creator{grid-template-columns:1fr;gap:30px;padding:50px 7%}.future{padding:50px 7%}.future>div{grid-template-columns:1fr;gap:5px}.closing h2{font-size:48px}footer{align-items:start;flex-direction:column}.dialog-copy{padding:25px}.dialog-copy h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Shared page grid and tactile paper surface. */
:root{--page-gutter:max(6vw,calc((100vw - 1240px)/2));--paper-image:url('assets/paper.png')}
body{background-image:linear-gradient(#f6f0e54d,#f6f0e54d),var(--paper-image);background-size:auto,1000px auto}
header{margin-inline:var(--page-gutter)}
.hero{max-width:none;margin:0;padding-inline:var(--page-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.hero-copy,.hero-art{min-width:0}.hero-art{width:100%;max-width:560px;justify-self:center}.hero-art img{width:100%;margin:0}
h1{font-size:clamp(56px,6.4vw,92px)}
.collection,.philosophy,.craft,.creator,.future,footer{padding-inline:var(--page-gutter)}
.collection{background-image:linear-gradient(#e4e9e0b8,#e4e9e0b8),var(--paper-image);background-size:auto,1000px auto}
.creator{background-image:linear-gradient(#e3dacbb0,#e3dacbb0),var(--paper-image);background-size:auto,1000px auto;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.closing{background-image:linear-gradient(#132f35f5,#132f35f5),var(--paper-image);background-size:auto,1000px auto}
dialog{background-image:linear-gradient(#f6f0e550,#f6f0e550),var(--paper-image);background-size:auto,1000px auto}
.section-head{align-items:start}.section-head>p{margin:35px 0 0;max-width:330px}
.card{display:flex;flex-direction:column;align-items:stretch;height:100%}.card-art{flex-shrink:0}.card h3{min-height:2.2em;display:flex;align-items:start}.card p{margin-top:12px;margin-bottom:18px;flex:1}.card-link{align-self:start;margin-top:auto}
.creator-title .eyebrow{line-height:1.6}.creator .large{margin-top:0}footer{align-items:center}.collection-footer p{margin:0}
@media(max-width:850px){.hero{gap:22px}h1{font-size:clamp(50px,7.2vw,65px);letter-spacing:-2px}.hero-art{max-width:440px}.section-head>p{margin-top:32px}}
@media(max-width:600px){:root{--page-gutter:6vw}.hero{grid-template-columns:1fr;gap:20px}.hero-art{max-width:360px;margin:0 auto}.hero-copy .intro{margin-inline:auto}.hero-copy h1{font-size:clamp(46px,11.5vw,65px);letter-spacing:-2px}.creator{grid-template-columns:1fr}.section-head>p{margin-top:22px}.card h3{min-height:0}.collection-footer p{margin-bottom:18px}footer{align-items:start}}
/* Soft pigment blooms sit behind the shared grid. */
:root{--paper-image:url('assets/watercolour.png')}
body{background-image:linear-gradient(#f6f0e52b,#f6f0e52b),var(--paper-image);background-size:auto,1600px auto;background-attachment:scroll,fixed}
.collection{background-image:linear-gradient(#e4e9e078,#e4e9e078),var(--paper-image);background-size:auto,1600px auto;background-position:center}
.creator{background-image:linear-gradient(#f0e6d86b,#f0e6d86b),var(--paper-image);background-size:auto,1500px auto;background-position:bottom right}
dialog{background-image:linear-gradient(#f6f0e5a6,#f6f0e5a6),var(--paper-image);background-size:auto,1100px auto}
@media(max-width:600px){body{background-attachment:scroll;background-size:auto,1100px auto}}
:root{--paper-image:url('assets/watercolour-dabs.png')}
body{background-image:var(--paper-image);background-size:1200px auto;background-attachment:scroll}
.collection{background-image:linear-gradient(#e4e9e066,#e4e9e066),var(--paper-image);background-size:auto,1200px auto}
.creator{background-image:linear-gradient(#f0e6d84d,#f0e6d84d),var(--paper-image);background-size:auto,1200px auto}
/* Carry the same delicate pigment dabs through the sage sections. */
.collection{background-color:#dce6d9;background-image:var(--paper-image);background-blend-mode:multiply;background-size:1200px auto;background-position:center top}
.closing{background-color:#183c3f;background-image:var(--paper-image);background-blend-mode:multiply;background-size:1200px auto;background-position:center bottom}
/* Intentional ink rules articulate changes of paper colour. */
.collection,.creator{border-top:2px solid #738578;border-bottom:2px solid #738578}
.closing{border-top:3px solid #b39460;border-bottom:3px solid #b39460}
header{border-bottom:1px solid #8e9b89}.collection-footer{border-top:1px solid #81917e}.principles article{border-top:1px solid #9b9c85}
/* Reuse the approved lettering artwork rather than approximating its typeface. */
.wordmark{display:inline-block;width:7.4em;height:1.28em;vertical-align:-.25em;overflow:hidden}
.brand>.wordmark{display:block;width:215px;height:38px;vertical-align:baseline}.brand>span{margin-top:4px;text-align:center}
.hero-logo{display:block;width:100%;height:auto;overflow:visible}.hero-art{max-width:650px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:35px}.art-note{display:block;margin-top:18px}
.creator{background-color:#dfd0bb;background-image:var(--paper-image);background-blend-mode:multiply;background-size:1200px auto;border-color:#93816b}
footer{border-top:2px solid #b39460}
@media(max-width:850px){.hero{gap:20px}.brand>.wordmark{width:190px;height:33px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-art{max-width:420px;width:100%}.brand>.wordmark{width:190px;height:33px}.hero-logo{width:100%}}
/* Quiet magical selection, with labels optically centred. */
.filters{align-items:center;gap:12px}
.filters button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:116px;padding:12px 24px;line-height:20px;text-align:center;white-space:nowrap;border:1px solid #81917e;transition:background-color .25s,color .25s,border-color .25s,box-shadow .35s;overflow:visible}
.filters button:hover{border-color:#947441;background-color:#f7efdc88}
.filters button.active{color:#fff4d9;background:#18383b;border-color:#c4a16b;box-shadow:0 0 0 2px #e9d3a52b,0 0 18px #d6b57738,inset 0 0 12px #e8c88512;animation:selection-bloom .9s ease-out both}
.filters button.active::before{content:'';position:absolute;pointer-events:none;inset:-4px;border:1px solid #d4b275;border-radius:inherit;opacity:0;animation:selection-ring 1s ease-out}
.filters button.active::after{content:'✦';position:absolute;pointer-events:none;right:7px;top:-11px;color:#c8a261;font:18px/1 Georgia,serif;text-shadow:0 0 8px #fff4cc,0 0 16px #e9cd91;opacity:0;animation:selection-star 1.2s ease-out}
@keyframes selection-bloom{0%{box-shadow:0 0 0 1px #e9d3a588,0 0 3px #d6b57722}45%{box-shadow:0 0 0 3px #e9d3a550,0 0 25px #d6b57777}100%{box-shadow:0 0 0 2px #e9d3a52b,0 0 18px #d6b57738,inset 0 0 12px #e8c88512}}
@keyframes selection-ring{0%{transform:scale(.97);opacity:.65}100%{transform:scale(1.12,1.3);opacity:0}}
@keyframes selection-star{0%{transform:translateY(5px) scale(.3) rotate(-20deg);opacity:0}35%{opacity:.95;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-8px) scale(.5) rotate(15deg)}}
.button{align-items:center;justify-content:center;text-align:center;line-height:1.4;min-height:46px}
@media(max-width:600px){.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filters button{width:100%;min-width:0;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.filters button.active,.filters button.active::before,.filters button.active::after{animation:none!important}.filters button.active::before,.filters button.active::after{display:none}}
.filters button.active::after{content:'';width:14px;height:18px;background:#d2b175;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);filter:drop-shadow(0 0 4px #fff0b8)}
/* Keep the opening compact: space follows the content, not a fixed hero height. */
.hero{min-height:0;padding-top:30px;padding-bottom:24px}
.invitation{padding:10px 20px 34px}
.invitation .star{display:block;font-size:30px;line-height:1;margin:0 0 12px}
.invitation p{margin:0;font-size:23px;line-height:1.5}
@media(max-width:850px){.hero{padding-top:26px;padding-bottom:20px}.invitation{padding-top:8px;padding-bottom:28px}}
@media(max-width:600px){.hero{padding-top:26px;padding-bottom:20px;gap:16px}.invitation{padding:8px 6% 28px}.invitation p{font-size:20px;line-height:1.5}}
/* A single, restrained flourish of lantern light and fine stardust. */
.filters button.active{background:linear-gradient(120deg,#153438,#244b4b 50%,#153438);border-color:#d2b276;animation:enchanted-glow 2s ease-out both}
.filters button.active::before{inset:0;border:0;border-radius:inherit;background:linear-gradient(112deg,transparent 25%,#e5c88a08 37%,#fff8dc80 49%,#f5d99230 55%,transparent 68%);background-size:300% 100%;transform:none;opacity:0;animation:silk-shimmer 1.65s cubic-bezier(.18,.65,.35,1) both}
.filters button.active::after{content:'';inset:-15px -12px;width:auto;height:auto;clip-path:none;border-radius:0;background:radial-gradient(circle at 9% 62%,#fff6d1 0 1px,transparent 2px),radial-gradient(circle at 18% 20%,#d9b46b 0 1px,transparent 2px),radial-gradient(circle at 29% 8%,#fff4ce 0 1.2px,transparent 2px),radial-gradient(circle at 46% 16%,#e9c77f 0 .7px,transparent 1.6px),radial-gradient(circle at 71% 9%,#fff2c6 0 1px,transparent 2px),radial-gradient(circle at 89% 31%,#fff8df 0 1.4px,transparent 2.4px),radial-gradient(circle at 96% 60%,#d2a760 0 .8px,transparent 1.8px),radial-gradient(circle at 77% 89%,#fff1bf 0 1px,transparent 2px),radial-gradient(circle at 38% 93%,#d6b06a 0 1px,transparent 2px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 76'%3E%3Cg fill='%23f8e2ac'%3E%3Cpath d='M25 7l1.5 6L32 15l-5.5 2-1.5 6-1.5-6-5.5-2 5.5-2z'/%3E%3Cpath d='M132 36l1 4 4 1-4 1-1 4-1-4-4-1 4-1z'/%3E%3Cpath d='M105 60l1 3 3 1-3 1-1 3-1-3-3-1 3-1z'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,auto,auto,auto,auto,auto,auto,auto,100% 100%;filter:drop-shadow(0 0 3px #e6c87d);opacity:0;animation:stardust 1.9s ease-out both}
@keyframes silk-shimmer{0%{background-position:100% 0;opacity:0}18%{opacity:.8}70%{opacity:.7}100%{background-position:0% 0;opacity:0}}
@keyframes stardust{0%{opacity:0;transform:scale(.85) translateY(3px)}22%{opacity:.95}40%{opacity:.45}55%{opacity:.9}75%{opacity:.4}100%{opacity:0;transform:scale(1.12) translateY(-5px)}}
@keyframes enchanted-glow{0%{box-shadow:0 0 0 1px #e2c48d30,0 0 6px #cfad6340}28%{box-shadow:0 0 0 2px #e2c48d50,0 0 22px #cfad6370,inset 0 0 16px #f7d99a24}100%{box-shadow:0 0 0 1px #e2c48d30,0 0 10px #cfad6330,inset 0 0 10px #f7d99a0f}}
@media(prefers-reduced-motion:reduce){.filters button.active,.filters button.active::before,.filters button.active::after{animation:none!important}.filters button.active::before,.filters button.active::after{display:none}}
/* Airy ivory restores clarity to the creator section. */
.creator{background-color:#f2f5ef;background-image:linear-gradient(#f4f7f0a8,#f4f7f0a8),var(--paper-image);background-blend-mode:normal;background-size:auto,1200px auto;border-color:#84968b}
.creator p:not(.eyebrow):not(.large):not(.signature){color:#3c514b}.creator .eyebrow{color:#65705d}
/* One recurring sage treatment for both collection and creator. */
.collection,.creator{background-color:#dce6d9;background-image:var(--paper-image);background-blend-mode:multiply;background-size:1200px auto;background-position:center top;border-top:2px solid #738578;border-bottom:2px solid #738578}
/* The closing page shares the same small painted dabs in a nocturnal palette. */
.closing{background-color:#214642;background-image:url('assets/dark-watercolour-dabs.png');background-blend-mode:normal;background-size:1200px auto;background-position:center;color:#fff3dd}
.closing .small{color:#d5e0d5}.closing .eyebrow{color:#e6c58d}

/* Portrait shares the emblem’s painterly teal and antique gold. */
.creator-portrait{display:block;width:min(100%,300px);height:auto;margin:24px 0 10px;object-fit:contain}.creator-title .signature{margin-top:12px}@media(max-width:700px){.creator-portrait{width:min(75vw,280px);margin:22px 0 10px}}

/* Scene-led surface system: lantern ivory, forest mist and observatory teal. */
:root{--paper:#f7f1e6;--ink:#193d3d;--muted:#4f635b;--gold:#a97d3e;--sage:#dce6d9;--night:#193d3d;--paper-image:url('assets/scene-paper.png')}
body{background-color:var(--paper);background-image:linear-gradient(#f7f1e670,#f7f1e670),var(--paper-image);background-size:auto,1536px auto;background-position:center top;background-attachment:scroll;color:var(--ink)}
/* Collection and creator repeat precisely the same soft forest colour. */
.collection,.creator{background-color:var(--sage);background-image:linear-gradient(#dce6d9b3,#dce6d9b3),var(--paper-image);background-blend-mode:normal;background-size:auto,1536px auto;background-position:center top;border-color:#7e9384}
/* A quieter ivory surface holds the longer reading passages. */
.philosophy,.craft{background-color:var(--paper);background-image:linear-gradient(#f7f1e6c4,#f7f1e6c4),var(--paper-image);background-blend-mode:normal;background-size:auto,1536px auto;background-position:center center}
.future{background-color:var(--paper);background-image:linear-gradient(#f7f1e68c,#f7f1e68c),var(--paper-image);background-size:auto,1536px auto;background-position:center bottom}
footer{background-color:var(--paper);background-image:linear-gradient(#f7f1e6b3,#f7f1e6b3),var(--paper-image);background-size:auto,1536px auto;background-position:center bottom;border-top:0}
/* Observatory dusk repeats the wordmark's deep teal; no new green hue. */
.closing{background-color:var(--night);background-image:linear-gradient(#193d3d55,#193d3d55),url('assets/dark-watercolour-dabs.png');background-blend-mode:normal;background-size:auto,1536px auto;background-position:center;color:#fff3df;border-top:2px solid #b59863;border-bottom:2px solid #b59863}
.closing .eyebrow{color:#e5c38c}.closing .small{color:#d8e3d9}.closing .star{color:#dfb775}.closing .light{background:#efdbb4;color:#193d3d}.closing .light:hover{background:#fff0d4}
header{border-color:#8b9c8e}.collection-footer{border-color:#8b9c8e}.principles article{border-color:#a59b80}
.eyebrow,.card-label,.principles span{color:#716047}.creator .eyebrow{color:#52694f}.intro,.small,.card p,.section-head>p,.filter-note,.philosophy-copy p:not(.eyebrow),.principles p,.future>div p,footer p,footer>a:last-child{color:var(--muted)}
.art-note,em,.philosophy-art span{color:#80633e}.text-link,.nav-watch{border-color:#a97d3e}
dialog{background-color:var(--paper);background-image:linear-gradient(#f7f1e6c4,#f7f1e6c4),var(--paper-image);background-size:auto,1100px auto}
@media(max-width:600px){body,.collection,.creator,.philosophy,.craft,.future,footer{background-size:auto,1000px auto}.closing{background-size:auto,1100px auto}}


/* Enlarge the complete hero emblem and lettering by eight percent. */
.hero-art .hero-logo{width:108%;max-width:none;height:auto;margin-inline:-4%}

/* Treat the name as a brand title within the philosophy introduction. */
.philosophy-brand-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.philosophy-brand-title .wordmark{width:170px;height:30px;vertical-align:baseline;flex-shrink:0}

.philosophy-art .observatory-loop{display:block;width:100%;height:auto;aspect-ratio:.95;object-fit:cover}@media(max-width:600px){.philosophy-art .observatory-loop{aspect-ratio:1.3}}

/* Pearlescent light travels slowly across the closing title. */
.closing h2{color:#fff5e3;text-shadow:0 0 2px #ffffff40,0 0 16px #e9f6ff28,0 0 36px #d8edee16}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.closing h2{background-image:linear-gradient(110deg,#f8edd7 0%,#fff3df 38%,#fff9ee 45%,#ffffff 49%,#ffffff 51%,#eafaff 54%,#fff5e5 60%,#f8edd7 100%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:pearl-reflection 9s ease-in-out infinite}
}
@keyframes pearl-reflection{0%,14%{background-position:100% 0;text-shadow:0 0 2px #ffffff40,0 0 16px #e9f6ff28,0 0 36px #d8edee16}48%{text-shadow:0 0 3px #ffffff60,0 0 20px #eefaff45,0 0 40px #d8edee24}76%,100%{background-position:0% 0;text-shadow:0 0 2px #ffffff40,0 0 16px #e9f6ff28,0 0 36px #d8edee16}}
@media(prefers-reduced-motion:reduce){.closing h2{animation:none;background-image:none;color:#fff5e3;-webkit-text-fill-color:#fff5e3;text-shadow:0 0 12px #e9f6ff24}}
