:root{--u:min(1px,.0694vw);--D:200;--P:194;--ink:#e9e6df;--mute:#a9abad;--light:#e8dcc0;--paper:#e6e3dc;--paper-ink:#2b2c2f;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"Courier Prime","Courier New",monospace;--ease:cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;background:#141517}body{font-family:var(--serif);color:var(--ink);background:#141517 url(/achievements/assets/brick-grey.svg) 0 0/300px;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 6% 22%,#fff6e033,#0000 70%),radial-gradient(95% 75% at 50% 30%,#0a0b0d4d,#060709e0 100%),#08090b6b;position:fixed;inset:0}img{-webkit-user-drag:none;pointer-events:none;display:block}a,button{font:inherit;color:inherit;-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--light);outline-offset:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hero{z-index:1;text-align:center;padding:8.5rem 1rem 1rem;position:relative}.hero h1{font:600 clamp(2rem,6vw,4.2rem)/1.05 var(--serif);text-shadow:0 2px 26px #000000d9;max-width:24ch;margin:auto}.room{z-index:1;width:calc(1440*var(--u));height:calc(770*var(--u));margin:0 auto;position:relative}.window{left:calc(6*var(--u));top:calc(34*var(--u));width:calc(236*var(--u));height:calc(400*var(--u));z-index:0;position:absolute}.w-frame{inset:0 0 calc(18*var(--u)) 0;padding:calc(13*var(--u));box-shadow:0 0 0 calc(3*var(--u)) #82837f,0 0 calc(90*var(--u)) calc(14*var(--u)) #fff4d657,inset 0 0 0 1px #fff9,inset -3px -3px 6px #00000040;background:linear-gradient(90deg,#e3e2dd,#c6c5c0);border-radius:2px 2px 0 0;position:absolute}.w-glass{width:100%;height:100%;box-shadow:inset 0 0 0 calc(3*var(--u)) #00000047,inset 0 6px 14px #00000040;background:linear-gradient(#dfeaf3,#f6f8f7 48%,#fffdf5);position:relative;overflow:hidden}.w-glass:before{content:"";background:radial-gradient(closest-side,#fff,#fff0);width:90%;height:70%;position:absolute;top:-18%;left:-20%}.w-glass:after{content:"";filter:blur(7px);opacity:.85;background:radial-gradient(38% 60% at 14% 80%,#8b9a86,#0000 72%),radial-gradient(34% 74% at 46% 92%,#748470,#0000 72%),radial-gradient(40% 58% at 82% 84%,#93a08e,#0000 72%),radial-gradient(22% 40% at 64% 100%,#6b7b69,#0000 72%);height:34%;position:absolute;bottom:-6%;left:-5%;right:-5%}.mull{z-index:2;background:linear-gradient(90deg,#e6e5e0,#b9b8b3);position:absolute;box-shadow:0 0 4px #00000059}.mull.v{top:0;bottom:0;left:calc(50% - 3.5*var(--u));width:calc(7*var(--u))}.mull.h1{left:0;right:0;top:calc(33.3% - 3.5*var(--u));height:calc(7*var(--u))}.mull.h2{left:0;right:0;top:calc(66.6% - 3.5*var(--u));height:calc(7*var(--u))}.w-sill{left:calc(-14*var(--u));right:calc(-14*var(--u));height:calc(20*var(--u));box-shadow:0 calc(10*var(--u)) calc(16*var(--u)) #0009,inset 0 1px 0 #ffffffb3;background:linear-gradient(#d9d8d3,#a4a39e 70%,#787772);border-radius:2px;position:absolute;bottom:0}.beam{z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.9;animation:9s ease-in-out infinite alternate breathe;position:absolute;inset:0}.beam svg{width:100%;height:100%;display:block;overflow:hidden}.beam.m{display:none}@keyframes breathe{0%{opacity:.72}to{opacity:1}}.motes{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.motes i{opacity:0;filter:blur(.4px);width:3px;height:3px;animation:mote var(--t,14s) ease-in-out var(--d,0s) infinite;background:#fff6dc;border-radius:50%;position:absolute}@keyframes mote{0%{opacity:0;transform:translate(0)}20%{opacity:.55}60%{opacity:.35}to{opacity:0;transform:translate(calc(var(--dx,60)*1px),calc(var(--dy,-40)*1px))}}.shelves{left:calc(268*var(--u));top:calc(70*var(--u));gap:calc(64*var(--u));z-index:2;align-items:flex-end;display:flex;position:absolute}.shelf{justify-content:center;align-items:flex-end;gap:calc(34*var(--u));padding-bottom:calc(var(--P)*var(--u));display:flex;position:relative}.shelves:before,.shelf:before{content:"";z-index:0;left:calc(-32*var(--u));right:calc(-32*var(--u));height:calc((var(--D) + 28)*var(--u));background:linear-gradient(#3c3a38 0,#55524f 22%,#6a6662 calc((var(--D) - 20)/(var(--D) + 28)*100%),#8a857f calc(var(--D)/(var(--D) + 28)*100%),#4b4844 calc(var(--D)/(var(--D) + 28)*100% + 1px),#34322f 100%), #4b4844;box-shadow:0 calc(30*var(--u)) calc(34*var(--u)) calc(-4*var(--u)) #000000c7;border-radius:2px;position:absolute;bottom:0}.shelves:before{left:-110vw;right:-110vw}.shelf:before{content:none}.shelves:after,.shelf:after{content:"";z-index:0;left:calc(-32*var(--u));right:calc(-32*var(--u));height:calc((var(--D) + 28)*var(--u));pointer-events:none;opacity:.55;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#00000059 0 1px,#0000 1px 4px),repeating-linear-gradient(0deg,#ffffff47 0 1px,#0000 1px 11px),repeating-linear-gradient(90deg,#0000001f 0 2px,#0000 2px 220px);position:absolute;bottom:0}.shelves:after{left:-110vw;right:-110vw}.shelf:after{content:none}.shelf.spot .label{box-shadow:0 0 0 1px #e8dcc0bf,0 10px 30px #0000008c,0 0 46px #fff0cd40}.piece{z-index:1;perspective:calc(1500*var(--u));perspective-origin:50% -25%;touch-action:pan-y;position:relative}.tilt{transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform;position:relative}.contact{left:8%;right:8%;bottom:calc(-9*var(--u));height:calc(22*var(--u));filter:blur(3px);pointer-events:none;background:radial-gradient(closest-side,#000000d9,#0006 60%,#0000);border-radius:50%;position:absolute}.cast{transform-origin:0 100%;width:100%;height:100%;filter:blur(calc(6*var(--u)));opacity:0;pointer-events:none;background:#0000009e;position:absolute;bottom:0;left:0;transform:skew(-58deg)scaleY(.3);-webkit-mask-image:linear-gradient(#00000040,#000 70%);mask-image:linear-gradient(#00000040,#000 70%)}.frame .cast{opacity:.8}.frame{--w:calc(250*var(--u));--fr:calc(11*var(--u));--mat:calc(11*var(--u));--d:calc(24*var(--u));width:var(--w)}.frame.land{--w:calc(384*var(--u))}.frame .tilt{transform:rotateX(5deg) rotateY(var(--by,0deg))}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.f-front{padding:var(--mat);border:var(--fr) solid;box-shadow:inset 0 0 0 1.5px #ceb26ed9,inset 0 0 0 calc(var(--mat)*.5) #cfccc3;background:#dedbd3;border-color:#5b5c60 #2b2c2f #17181a #47484c;position:relative}.f-front:before{content:"";inset:calc(var(--fr)*-1);pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 6px),repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 5px);position:absolute}.f-front img{z-index:1;background:#111;width:100%;height:auto;position:relative;box-shadow:0 0 0 1px #0000008c,0 0 0 3px #efece4,0 0 8px 3px #00000059}.glass{z-index:2;pointer-events:none;background:linear-gradient(112deg,#ffffff4d calc(var(--gx,20%) - 16%),#ffffff0d var(--gx,20%),transparent calc(var(--gx,20%) + 12%),transparent 66%,#ffffff1a 78%,transparent 90%),linear-gradient(#ffffff1a,transparent 30%);position:absolute;inset:0}.face:not(.f-front){position:absolute}.f-l{width:var(--d);transform-origin:0;background:linear-gradient(90deg,#66676b,#4a4b4f);top:0;bottom:0;left:0;transform:rotateY(90deg)}.f-r{width:var(--d);transform-origin:100%;background:linear-gradient(90deg,#1e1f21,#111214);top:0;bottom:0;right:0;transform:rotateY(-90deg)}.f-t{height:var(--d);transform-origin:50% 0;background:linear-gradient(#77787c,#4e4f53);top:0;left:0;right:0;transform:rotateX(-90deg)}.f-b{height:var(--d);transform-origin:50% 100%;background:#0c0d0e;bottom:0;left:0;right:0;transform:rotateX(90deg)}.f-back{transform:translateZ(calc(var(--d)*-1));background:#1a1b1d;position:absolute;inset:0}.trophy{--tar:.378;--ah:min(calc(350*var(--u)),calc(210*var(--u)/var(--tar)));height:var(--ah);width:calc(var(--ah)*var(--tar));touch-action:pan-y;cursor:grab}.trophy .tilt{width:100%;height:100%}.t-front{object-fit:contain;filter:drop-shadow(0 16px 12px #000000a6);width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.three-trophy{pointer-events:none;opacity:0;filter:drop-shadow(0 16px 12px #0009);width:220%;height:112%;transition:opacity .6s;display:block;position:absolute;top:-6%;left:-60%}.trophy.has3d .t-front{opacity:0}.trophy.has3d .three-trophy{opacity:1}.trophy .contact{left:-30%;right:-30%}.label{left:50%;bottom:calc(30*var(--u));width:calc(100% + 40*var(--u));max-width:calc(470*var(--u));transform-origin:50% 100%;z-index:3;color:var(--paper-ink);background:linear-gradient(135deg,#e7e4dd,#d3d0c8);border-radius:2px;padding:.95rem 1.2rem 1rem;transition:box-shadow .6s;position:absolute;transform:translate(-50%)perspective(900px)rotateX(34deg);box-shadow:0 8px 22px #0000008c,inset 0 1px #fff9}.label .k{font:.58rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#65676b}.label h2{font:600 clamp(1.02rem,1.55vw,1.32rem)/1.12 var(--serif);margin:.35rem 0}.label p{font:500 clamp(.8rem,1.05vw,.92rem)/1.38 var(--serif);color:#3d3f43}.foot{z-index:1;text-align:center;padding:2rem 1rem calc(3rem + env(safe-area-inset-bottom));position:relative}.note-wrap{width:min(680px,90vw);margin:0 auto;padding-bottom:32px;position:relative}.paper{z-index:1;text-align:left;transform-origin:50% 100%;color:var(--paper-ink);background:linear-gradient(#0000 33%,#00000012 33.2%,#ffffff59 33.5%,#0000 34.5% 66%,#00000012 66.2%,#ffffff59 66.5%,#0000 67.5%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .3 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(135deg,#ecebe6,#dcdad3);padding:3rem clamp(1.6rem,5vw,3.4rem) 2.2rem;position:relative;transform:rotate(-.7deg);box-shadow:inset 0 1px #ffffffb3,0 14px 24px -6px #0009,6px 4px 18px #00000059}.paper:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 0 0,#ffffff59,#0000 55%),radial-gradient(90% 70% at 100% 100%,#0000001f,#0000 60%);position:absolute;inset:0}.paper blockquote{quotes:none;position:relative}.paper .q1{font:italic 600 clamp(1.75rem,4.6vw,2.7rem)/1.1 var(--serif);letter-spacing:-.005em;color:#232427;text-wrap:balance}.paper .q1:before{content:"“";font:italic 500 1.5em/1 var(--serif);color:#9a9c9f;position:absolute;top:-.06em;left:-.62em}.paper .rule{background:#8a8c8f;width:3.2rem;height:1px;margin:1.25rem 0 1.15rem;display:block}.paper .q2{font:500 clamp(1.14rem,2.5vw,1.5rem)/1.32 var(--serif);color:#45474b;text-wrap:pretty}.paper .q2:after{content:"”";color:#9a9c9f;margin-left:.08em}.sig{justify-content:flex-end;margin-top:1.5rem;display:flex}.sig img{filter:grayscale()invert(.36);mix-blend-mode:multiply;opacity:.92;width:clamp(150px,32vw,230px);height:auto;transform:rotate(-4deg)}.tape{z-index:2;filter:drop-shadow(0 1px 1.5px #0006);pointer-events:none;width:104px;height:30px;position:absolute}.tape i{clip-path:polygon(0 0,3% 12%,0 25%,3% 38%,0 50%,3% 62%,0 75%,3% 88%,0 100%,100% 100%,97% 88%,100% 75%,97% 62%,100% 50%,97% 38%,100% 25%,97% 12%,100% 0);background:linear-gradient(90deg,#fafaf794,#ffffffb8 50%,#f6f6f28f);width:100%;height:100%;display:block}.tape.a{top:-13px;left:-30px;transform:rotate(-37deg)}.tape.b{top:-13px;right:-30px;transform:rotate(37deg)}.ledge{z-index:0;background:linear-gradient(#8d8882 0 14px,#4c4945 15px,#3c3a37 70%,#2a2927);border-radius:2px;height:42px;position:absolute;bottom:0;left:-64px;right:-64px;box-shadow:0 24px 26px -4px #000000bf,inset 0 1px #ffffff2e}.ledge:after{content:"";mix-blend-mode:overlay;opacity:.6;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 4px);position:absolute;inset:0}.legal-line{font:.62rem var(--mono);letter-spacing:.1em;color:#a3a5a8;margin-top:2.2rem}.legal-line a{color:var(--light);border-bottom:1px solid #e8dcc073;text-decoration:none}.foot .dmca{justify-content:center;margin-top:1.1rem;display:flex}@media (width<=900px){:root{--u:min(1px,.2vw);--D:236;--P:230}.room{width:100%;height:auto;padding-top:calc(360*var(--u));padding-bottom:calc(40*var(--u))}.window{left:calc(-40*var(--u));top:calc(24*var(--u));width:calc(300*var(--u));height:calc(300*var(--u))}.shelves{align-items:stretch;gap:calc(70*var(--u));padding:0 calc(20*var(--u));flex-direction:column;position:relative;top:auto;left:auto}.shelf{justify-content:center;gap:calc(22*var(--u))}.shelves:before,.shelves:after{content:none}.shelf:before,.shelf:after{content:"";left:-110vw;right:-110vw}.frame{--w:calc(250*var(--u))}.frame.land{--w:calc(300*var(--u))}.trophy{--ah:min(calc(300*var(--u)),calc(150*var(--u)/var(--tar)))}.label{width:calc(100% + 30*var(--u));max-width:none}.beam{opacity:.7}.beam.d{display:none}.beam.m{display:block}}@media (width<=520px){.hero{padding-top:6.5rem}.label{padding:.8rem .9rem .85rem}.label h2{font-size:1.02rem}.label p{font-size:.82rem}.tape{width:84px;height:26px}.tape.a{left:-24px}.tape.b{right:-24px}.ledge{left:-30px;right:-30px}}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important;animation:none!important}html{scroll-behavior:auto}}