:root{color-scheme:dark;--ink:#0a090c;--paper:#f3f0ec;--lilac:#c8a8ee;--muted:#aaa5af;--gutter:clamp(22px,5vw,94px);--header:76px;--section:100vh;--section:100svh}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a,button{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--lilac);outline-offset:5px}.defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-5em;left:1em;background:#fff;color:#000;padding:1em;z-index:50}.skip:focus{top:1em}
.micro{font:500 10px/1.45 ui-monospace,Consolas,'Courier New',monospace;text-transform:uppercase;letter-spacing:.14em}.brand{display:inline-flex;align-items:center;gap:10px;font:600 35px/.85 Georgia,'Times New Roman',serif;letter-spacing:-.09em}.brand svg{width:33px;height:33px;color:#d0b9e3}.brand span{transform:translateY(-2px)}
header{position:fixed;top:0;left:0;width:100%;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:10;border-bottom:1px solid #e1d7fc19;background:rgba(10,9,12,.93)}.header-mid{position:absolute;left:50%;transform:translateX(-50%);color:#9e99a5;font-size:9px;letter-spacing:.18em}nav{display:flex;align-items:center;gap:33px;font-size:12px}nav a{display:flex;align-items:center;gap:9px}nav a:hover,footer a:hover{color:var(--lilac)}nav i,.pip{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--lilac);box-shadow:0 0 9px #bd93fc77}.nav-idx span{color:var(--lilac);font-size:16px}.indexed nav i{background:#5a5264;box-shadow:none}.indexed .nav-idx{color:var(--lilac)}
.journey{height:300vh;height:300svh;position:relative;scroll-margin-top:0}.stage{position:sticky;top:0;height:var(--section);min-height:460px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 49% 50%,#110d18 0,#0b0a0d 52%,#09090b 88%)}.aura{position:absolute;inset:5% 16% 1%;background:radial-gradient(ellipse at 51% 52%,#975fc321 0,#7b459313 24%,transparent 60%);opacity:var(--glow,.65);pointer-events:none}.stars{position:absolute;inset:var(--header) 0 0;overflow:hidden}.stars i{position:absolute;background:#e9dbff;border-radius:50%}.ornaments{position:absolute;inset:calc(var(--header) + 19px) var(--gutter) 23px;pointer-events:none}.ornaments i{position:absolute;font:13px monospace;color:#8b7b9c80}.ornaments i:nth-child(2){right:0}.ornaments i:nth-child(3){bottom:0}.ornaments i:nth-child(4){bottom:0;right:0}
.upper{position:absolute;left:50%;top:calc(var(--header) + 31px);transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;color:#c3bcc8;font-size:9px}.upper span:first-child{display:flex;align-items:center;gap:9px}.upper-rule{width:26px;border-top:1px solid #6b6274}.upper span:last-child{color:#9c93a6}
.composition{position:absolute;inset:calc(var(--header) + 58px) 0 116px;display:grid;place-items:center}.headline{position:absolute;inset:0;margin:0;z-index:2;pointer-events:none;line-height:.89;font-family:'Times New Roman',Georgia,serif;font-weight:400;font-size:clamp(64px,10.45vw,188px);letter-spacing:-.067em}.headline span,.headline em{position:absolute;display:block;transition:opacity .28s,translate .45s}.left-title{top:32%;left:9.7%}.right-title{right:9.7%;top:51%;font-weight:400;letter-spacing:-.079em}.headline .swapping{opacity:0;translate:0 10px}.specimen{width:min(53vw,76vh,860px);width:min(53vw,76svh,860px);aspect-ratio:1;z-index:1;position:relative;user-select:none;pointer-events:none;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.35s cubic-bezier(.15,.68,.25,1)}.specimen img{width:100%;height:100%;object-fit:contain;display:block;animation:breathe 9s ease-in-out infinite;filter:drop-shadow(0 10px 21px #0004)}@keyframes breathe{0%,100%{transform:translateY(3px) rotate(-.7deg)}50%{transform:translateY(-4px) rotate(.7deg)}}
.catalog{position:absolute;top:23%;right:var(--gutter);display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.14em;color:#b5aabf}.catalog b{width:6px;height:6px;outline:1px solid #aa89c8;transform:rotate(45deg)}.catalog-line{width:15px;border-top:1px solid #72607d}
.lower{position:absolute;bottom:52px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px}.kicker{color:var(--lilac);font-size:9px;letter-spacing:.16em}.caption p{margin:9px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.43vw,23px);color:#ddd7df;line-height:1.35}.scroll-cta{display:flex;align-items:center;gap:11px}.scroll-cta .micro{font-size:9px;color:#d8d0dc}.circle{width:36px;height:36px;display:grid;place-items:center;border:1px solid #645b70;border-radius:50%;transition:background .22s,border .22s}.circle svg{width:20px;height:20px;transform:rotate(90deg)}.scroll-cta:hover .circle{background:#352a40;border-color:var(--lilac)}.steps{justify-self:end;display:flex;gap:15px;align-items:center}.step-count{color:#88818e;white-space:nowrap;font-size:9px}.step-count b{font-weight:500;color:var(--paper)}.step-buttons{display:flex}.step{width:24px;height:32px;position:relative}.step:before{content:'';display:block;height:2px;background:#46414e;margin:0 2px}.step.active:before,.step:hover:before{background:var(--lilac)}.baseline{position:absolute;bottom:0;width:100%;height:1px;background:#2b2730}.baseline div{height:100%;width:100%;transform-origin:left;transform:scaleX(.03);background:linear-gradient(90deg,#55465f,#dbb8fb)}
.field{position:relative;background:#100e12;padding:clamp(62px,8vw,140px) var(--gutter) 0;scroll-margin-top:0}.field-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:44px}.field .kicker{display:flex;align-items:center;gap:10px}.field h2,.detail-copy h2{font:normal clamp(56px,7.4vw,120px)/.94 'Times New Roman',Georgia,serif;letter-spacing:-.07em;margin:16px 0 0}.field h2 em{font-weight:400}.field-intro p{font-size:14px;line-height:1.6;color:#b9b0bf;margin:0;max-width:33ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.3vw,40px)}.card{text-align:left}.plate{position:relative;aspect-ratio:1.32;overflow:hidden;background:radial-gradient(ellipse,#292031,#151217 65%,#131116);border:1px solid #ffffff1b;display:grid;place-items:center}.plate img{height:94%;max-width:100%;object-fit:contain;transition:transform .65s}.card:hover img,.card:focus-visible img{transform:scale(1.07) rotate(3deg)}.plate-no,.open-icon{position:absolute;z-index:1}.plate-no{top:14px;left:14px;color:#c5b5d1;font-size:8px}.open-icon{right:14px;bottom:12px;color:var(--lilac);font-size:20px}.card-name{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #60576866;padding:16px 0}.card h3{font:normal clamp(22px,2.25vw,39px)/1 Georgia,serif;letter-spacing:-.05em;margin:0}.card-name .micro{font-size:8px;color:#ada4b4}footer{margin-top:80px;min-height:99px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #60576866}footer .micro{color:var(--muted);font-size:8px}footer a:last-child{font-size:12px}
dialog{width:min(630px,90vw);max-height:90svh;padding:0;overflow:auto;border:1px solid #594e66;background:#141017;color:var(--paper)}dialog::backdrop{background:#09080cce;backdrop-filter:blur(7px)}dialog #close{position:absolute;right:16px;top:13px;width:40px;height:40px;border:1px solid #655b71;border-radius:50%;font-size:25px;z-index:1;background:#17131bee}.detail-plate{height:clamp(110px,32svh,300px);background:radial-gradient(ellipse,#34253f,#130f16 65%);display:grid;place-items:center}.detail-plate img{height:100%;max-width:100%;min-height:0;object-fit:contain}.detail-copy{padding:24px clamp(22px,4vw,48px) 34px}.detail-copy h2{font-size:clamp(40px,6vw,70px)}.detail-copy p{color:#c1b9c8;line-height:1.55;max-width:48ch}.return{font-size:13px;border-bottom:1px solid #8b739e;padding:8px 0}.return span{margin-left:16px;color:var(--lilac)}body.modal-open{overflow:hidden}
@media(min-width:1720px){.left-title{left:14%}.right-title{right:14%}}
@media(max-width:780px){:root{--header:64px}.header-mid{display:none}.composition{inset:calc(var(--header) + 62px) 0 118px}.left-title{left:6%}.right-title{right:6%}.catalog{top:15%}.lower{bottom:41px}.steps{gap:4px}.step{width:18px}.caption p{max-width:24ch}.field-intro{margin-bottom:30px}}
@media(max-width:600px){:root{--gutter:21px;--header:62px}.brand{font-size:30px}.brand svg{width:27px;height:27px}nav{gap:17px;font-size:11px}nav a{gap:5px}.upper{top:calc(var(--header) + 24px);font-size:8px;gap:9px}.ornaments{inset:calc(var(--header) + 23px) 15px 16px}.catalog{display:none}.composition{inset:calc(var(--header) + 48px) 0 128px}.headline{font-size:clamp(61px,15.1vw,93px)}.left-title{left:7%;top:8%}.right-title{right:8%;top:auto;bottom:4%}.specimen{width:min(92vw,55svh);max-height:100%}.lower{bottom:29px;grid-template-columns:1fr auto;gap:16px;align-items:end}.caption{grid-column:1;grid-row:1}.caption p{font-size:14px;max-width:unset;margin-top:5px}.scroll-cta{grid-column:1;grid-row:2;gap:8px}.circle{width:27px;height:27px}.circle svg{width:16px;height:16px}.scroll-cta .micro{font-size:8px}.steps{grid-column:2;grid-row:2}.field-intro{display:block}.field-intro p{margin-top:18px}.cards{grid-template-columns:1fr;gap:24px}.plate{aspect-ratio:1.7}.card h3{font-size:27px}.card-name{padding:11px 0}footer{margin-top:42px}footer .micro{display:none}}
@media(max-height:590px) and (min-width:601px){:root{--header:48px}.upper{top:calc(var(--header) + 11px)}.composition{inset:65px 0 65px}.lower{bottom:20px}.ornaments{display:none}.specimen{width:min(43vw,71svh)}.headline{font-size:9vw}.catalog{top:15%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}