:root{--burgundy:#5B1A2A;--gold:#C9A84C;--oxblood:#2A0E18;--ivory:#F2E6D4;--parchment:#E8C8A0;--bronze:#A67B5B;--seal:#8B2F42;--midnight:#1A0A10;--scroll-offset:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--midnight)}body{margin:0;background:var(--midnight);color:var(--ivory);font-family:"Source Serif 4",Georgia,serif;overflow-x:hidden}.opening{position:fixed;inset:0;background:var(--midnight);z-index:20;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.opening.done{opacity:0;visibility:hidden}.opening-wordmark{font-family:"Playfair Display SC",serif;font-weight:900;font-size:10vw;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 26px rgba(201,168,76,.35)}.opening-wordmark span{display:inline-block;opacity:0;transform:scale(1.3) translateY(20px);animation:letterIn .55s cubic-bezier(.34,1.56,.64,1) forwards;white-space:pre}.embassy{position:relative}.chamber{min-height:100vh;position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:2.5vw;padding:12vh 8vw;isolation:isolate;overflow:hidden}.chamber.dark{background:radial-gradient(circle at 75% 18%,rgba(139,47,66,.45),transparent 34%),linear-gradient(135deg,var(--midnight),var(--burgundy) 58%,var(--oxblood))}.chamber.light{background:radial-gradient(circle at 20% 78%,rgba(201,168,76,.28),transparent 30%),linear-gradient(135deg,var(--ivory),var(--parchment) 55%,#d6ad7a);color:var(--oxblood)}.pattern-layer,.grid-dots{position:absolute;inset:-10%;z-index:-3;transform:translateY(calc(var(--scroll-offset)*.2));opacity:.9}.pattern-layer{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='84' viewBox='0 0 96 84'%3E%3Cg fill='none' stroke='%23C9A84C' stroke-width='2' opacity='.42'%3E%3Cpath d='M24 2 48 16v28L24 58 0 44V16Z'/%3E%3Cpath d='M72 2 96 16v28L72 58 48 44V16Z'/%3E%3Cpath d='M48 44 72 58v28L48 100 24 86V58Z'/%3E%3C/g%3E%3C/svg%3E");background-size:132px 116px;animation:patternShimmer 20s infinite alternate linear;opacity:.12}.light .pattern-layer{filter:invert(1);opacity:.1}.grid-dots{background-image:radial-gradient(circle,var(--gold) 1.4px,transparent 1.6px);background-size:20px 20px;opacity:.08}.ornamental-frame{position:absolute;inset:5vw;pointer-events:none;z-index:2}.ornamental-frame:before,.ornamental-frame:after{content:"";position:absolute;inset:0;border:1px solid var(--gold);box-shadow:0 0 12px rgba(201,168,76,.3);transform:scaleX(0);transform-origin:center;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1)}.ornamental-frame:after{inset:10px;border:2px solid var(--burgundy);box-shadow:none;transition-delay:.12s}.dark .ornamental-frame:after{border-color:var(--gold);opacity:.45}.chamber.in-view .ornamental-frame:before,.chamber.in-view .ornamental-frame:after{transform:scaleX(1)}.wordmark-small{position:absolute;top:7vh;left:50%;transform:translateX(-50%) scale(.8);font-family:"Playfair Display SC",serif;font-size:4vw;letter-spacing:.18em;color:var(--gold);opacity:0;transition:opacity .8s 2s,transform .8s 2s cubic-bezier(.34,1.56,.64,1)}.chamber-one.in-view .wordmark-small{opacity:1;transform:translateX(-50%) scale(1)}.content-panel{grid-column:1/span 4;align-self:center;position:relative;z-index:4;padding:4vw;background:linear-gradient(135deg,rgba(91,26,42,.82),rgba(42,14,24,.62));border:1px solid rgba(201,168,76,.42);box-shadow:0 34px 90px rgba(26,10,16,.45),inset 0 0 0 1px rgba(232,200,160,.1);backdrop-filter:blur(3px);opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s .3s,transform .9s .3s cubic-bezier(.34,1.56,.64,1)}.light .content-panel{background:linear-gradient(135deg,rgba(242,230,212,.86),rgba(232,200,160,.62));border-color:rgba(91,26,42,.42);box-shadow:0 34px 90px rgba(91,26,42,.22),inset 0 0 0 1px rgba(255,255,255,.24)}.chamber.in-view .content-panel{opacity:1;transform:translateY(0) scale(1)}.offset-right{grid-column:3/span 4}.split-left{grid-column:1/span 3}.span-five{grid-column:2/span 4}.centered-panel{grid-column:2/span 4;text-align:center}.meta{font-family:"Space Grotesk",sans-serif;font-size:.75rem;letter-spacing:.06em;color:var(--bronze);margin:0 0 1.2rem;text-transform:uppercase}.dark .meta{color:var(--bronze)}h1{font-family:"Playfair Display SC",serif;font-weight:900;font-size:clamp(3.5rem,8vw,7rem);line-height:.88;letter-spacing:.18em;margin:0 0 1.2rem;text-transform:uppercase;color:var(--gold);text-shadow:0 0 18px rgba(201,168,76,.2)}.light h1{color:var(--burgundy);text-shadow:none}h2{font-family:"Rubik Mono One",Inter,sans-serif;font-weight:400;font-size:clamp(1.2rem,3vw,2.4rem);line-height:1.18;letter-spacing:.25em;text-transform:uppercase;color:var(--parchment);margin:0 0 1.4rem}.light h2{color:var(--seal)}p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.72;max-width:58ch;text-align:justify;hyphens:auto;margin:0}.centered-panel p{margin-inline:auto}blockquote{font-family:"Playfair Display SC",serif;color:var(--gold);font-size:clamp(1.5rem,2.4vw,2.8rem);letter-spacing:.08em;line-height:1.24;margin:2rem -7vw 0 3vw;padding-left:2vw;border-left:3px solid var(--gold)}.foreground-layer{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateY(calc(var(--scroll-offset)*-.4))}.wax-seal{position:absolute;width:clamp(120px,13vw,200px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#b04b5e,var(--seal) 42%,#5B1A2A 78%);filter:drop-shadow(4px 4px 8px rgba(26,10,16,.6));opacity:0;transform:scale(0) rotate(-18deg);transition:opacity .65s .55s,transform .7s .55s cubic-bezier(.34,1.56,.64,1)}.chamber.in-view .wax-seal{opacity:1;transform:scale(1) rotate(0)}.wax-seal:before{content:"";position:absolute;inset:12%;border:3px double var(--parchment);border-radius:50%;opacity:.72}.wax-seal i{position:absolute;inset:30%;display:block}.seal-hex{right:8vw;top:18vh}.seal-compass{left:10vw;bottom:14vh}.seal-hand{right:13vw;bottom:16vh}.seal-star{left:9vw;top:15vh}.seal-orbit{right:10vw;top:13vh}.seal-hex i{background:conic-gradient(from 30deg,transparent 0 12%,var(--parchment) 12% 18%,transparent 18% 29%,var(--parchment) 29% 35%,transparent 35%)}.seal-compass i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:var(--parchment)}.seal-hand i{background:linear-gradient(90deg,transparent 0 18%,var(--parchment) 18% 44%,transparent 44% 56%,var(--parchment) 56% 82%,transparent 82%);transform:rotate(35deg)}.seal-star i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 35%);background:var(--parchment)}.seal-orbit i{border:3px solid var(--parchment);border-radius:50%;transform:skewY(-24deg)}.credential{position:absolute;width:min(25vw,320px);min-width:220px;padding:1.1rem;background:linear-gradient(135deg,rgba(242,230,212,.9),rgba(232,200,160,.85));color:var(--oxblood);clip-path:polygon(0 8%,93% 0,100% 88%,8% 100%);box-shadow:0 18px 45px rgba(26,10,16,.35);opacity:0;transform:translateX(-60px) rotate(-8deg);transition:opacity .7s .75s,transform .7s .75s cubic-bezier(.34,1.56,.64,1)}.chamber.in-view .credential{opacity:1;transform:translateX(0) rotate(var(--rot,-8deg))}.credential b{font-family:"Rubik Mono One";font-size:.72rem;letter-spacing:.16em;color:var(--seal)}.credential em{display:block;height:8px;margin-top:13px;background:var(--burgundy);opacity:.28}.credential em:nth-child(3){width:72%}.credential em:nth-child(4){width:48%}.credential strong{display:block;width:44px;height:44px;border-radius:50%;margin-top:14px;background:var(--seal)}.credential-a{left:9vw;bottom:14vh;--rot:-10deg}.credential-b{right:9vw;top:17vh;--rot:8deg}.credential-c{left:48vw;top:14vh;--rot:13deg}.credential-d{right:12vw;bottom:15vh;--rot:-12deg}.credential-e{left:11vw;bottom:14vh;--rot:7deg}.chrome{position:absolute;fill:none;stroke:url(#none);stroke:var(--gold);stroke-width:2;filter:drop-shadow(0 0 10px rgba(201,168,76,.28));stroke-dasharray:900;stroke-dashoffset:900;opacity:.8}.chamber.in-view .chrome{animation:drawChrome 1.5s linear forwards}.chrome-a{right:13vw;bottom:14vh;width:260px}.chrome-b{left:12vw;top:18vh;width:320px}.chrome-c{right:8vw;top:12vh;width:300px}.chrome-d{left:14vw;bottom:12vh;width:260px}.chrome-e{right:13vw;bottom:14vh;width:340px;animation:orbit 60s linear infinite}.threshold{height:15vh;position:relative;background:var(--burgundy);overflow:hidden}.threshold div{position:absolute;inset:-20%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='70'%3E%3Cpath d='M20 2 40 14v24L20 50 0 38V14Zm40 0 20 12v24L60 50 40 38V14Z' fill='none' stroke='%23C9A84C' stroke-width='2'/%3E%3C/svg%3E");opacity:.52;transform:translateY(calc(var(--scroll-offset)*.3));animation:patternShimmer 20s infinite alternate linear}.compass-nav{position:fixed;right:28px;bottom:26px;width:48px;height:48px;z-index:15}.compass-core{position:absolute;inset:0;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,var(--gold),var(--seal));box-shadow:0 0 24px rgba(201,168,76,.45);cursor:pointer}.compass-core span{position:absolute;inset:9px;background:var(--midnight);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.compass-nav a{position:absolute;right:0;bottom:0;width:max-content;min-width:120px;padding:.55rem .7rem;border:1px solid var(--gold);background:rgba(26,10,16,.86);color:var(--parchment);font-family:"Rubik Mono One",sans-serif;font-size:.62rem;letter-spacing:.12em;text-decoration:none;opacity:0;transform:rotate(calc(var(--i)*-18deg - 76deg)) translateX(0) rotate(calc(var(--i)*18deg + 76deg)) scale(.4);transition:.45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.compass-nav.open a,.compass-nav:hover a{opacity:1;pointer-events:auto;transform:rotate(calc(var(--i)*-18deg - 76deg)) translateX(-145px) rotate(calc(var(--i)*18deg + 76deg)) scale(1)}@keyframes letterIn{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes patternShimmer{to{transform:translateY(calc(var(--scroll-offset)*.2)) rotate(2deg)}}@keyframes drawChrome{to{stroke-dashoffset:0}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:760px){.chamber{display:block;padding:16vh 8vw}.content-panel,.offset-right,.split-left,.span-five,.centered-panel{width:100%;padding:2rem}.foreground-layer{opacity:.65}.credential{min-width:180px;width:50vw}.chrome{width:180px}.wordmark-small{font-size:7vw}blockquote{margin:2rem 0 0}.compass-nav.open a,.compass-nav:hover a{transform:rotate(calc(var(--i)*-22deg - 84deg)) translateX(-118px) rotate(calc(var(--i)*22deg + 84deg)) scale(1)}}