@font-face{font-family:"Cormorant Garamond Fallback";font-weight:300;font-style:normal;src:local("Georgia");size-adjust:88.36%;ascent-override:104.12%;descent-override:32.82%;line-gap-override:0%}
@font-face{font-family:"Cormorant Garamond Fallback";font-weight:400 600;font-style:normal;src:local("Georgia");size-adjust:88.7%;ascent-override:103.72%;descent-override:32.69%;line-gap-override:0%}
@font-face{font-family:"Cormorant Garamond Fallback";font-weight:300;font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:78.24%;ascent-override:117.59%;descent-override:37.07%;line-gap-override:0%}
@font-face{font-family:"Cormorant Garamond Fallback";font-weight:400 600;font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:78.68%;ascent-override:116.93%;descent-override:36.86%;line-gap-override:0%}
@font-face{font-family:"Hanken Grotesk Fallback";font-weight:300;src:local("Arial"),local("ArialMT");size-adjust:97.68%;ascent-override:102.38%;descent-override:30.71%;line-gap-override:0%}
@font-face{font-family:"Hanken Grotesk Fallback";font-weight:400;src:local("Arial"),local("ArialMT");size-adjust:98.83%;ascent-override:101.18%;descent-override:30.36%;line-gap-override:0%}
@font-face{font-family:"Hanken Grotesk Fallback";font-weight:500 600;src:local("Arial"),local("ArialMT");size-adjust:99.32%;ascent-override:100.68%;descent-override:30.21%;line-gap-override:0%}
:root{
--deep:#0A0A14;--navy:#1A1A2E;--cream:#FAF7F4;--gold:#C4956A;--gold-h:#D4A878;--muted:#8A8A9A;
--hair:rgba(250,247,244,.14);--hair-dark:rgba(250,247,244,.14);--spine:rgba(196,149,106,.35);
--display:"Cormorant Garamond","Cormorant","Cormorant Garamond Fallback",Georgia,"Times New Roman",serif;
--body:"Hanken Grotesk","Hanken Grotesk Fallback","Helvetica Neue",Arial,sans-serif;
--sp:31.8%;--pad:20px;--vh:1vh;
color-scheme:dark;
}
@supports(height:1svh){:root{--vh:1svh}}
@media(min-width:900px){:root{--sp:33.3%;--pad:64px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--deep);color:var(--cream);font-family:var(--body);font-weight:300;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,p,ol,ul,figure,blockquote{margin:0;padding:0}
ol,ul{list-style:none}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sc{font-family:var(--body);font-weight:300;font-size:10px;line-height:16px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.sc.w,.sc b{font-weight:300;color:var(--cream)}
.vert{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;color:var(--cream)}
.body{font-family:var(--display);font-weight:300;font-size:20px;line-height:30px}
.tbc{color:var(--gold);font-size:.92em;white-space:nowrap;text-decoration:underline dashed 1px;text-underline-offset:3px}
.ghost{position:absolute;font-family:var(--display);font-weight:300;color:rgba(250,247,244,.04);line-height:1;pointer-events:none;user-select:none;white-space:nowrap}
.ghost.au::before{content:"Au"}
.ghost.e::before{content:"\00C9"}
.word{display:inline-flex;align-items:center;gap:14px;min-height:48px;color:var(--cream);font-family:var(--display);font-weight:300;font-size:20px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);white-space:nowrap}
.word i{font-style:normal;color:var(--gold)}
.word i::before{content:"\2192"}
.word:hover{color:var(--gold-h)}
.bd{display:none}
@media(min-width:900px){.sc{font-size:11px}.body{font-size:22px;line-height:34px}.bm{display:none}.bd{display:inline}}
header.top{position:absolute;top:0;left:0;right:0;z-index:20;padding-top:env(safe-area-inset-top,0px);transition:background .3s}
.js header.top{position:fixed}
header.top.solid,header.top.open{background:var(--deep)}
header.top.solid{box-shadow:0 1px 0 var(--hair)}
.top .wrap{display:flex;align-items:center;gap:12px;min-height:60px;padding-inline:var(--pad)}
.lockup{margin-right:auto;font-family:var(--display);font-size:14px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.l-aurum,.l-werk{color:var(--gold)}.l-by{color:var(--muted)}.l-chunn{color:var(--cream)}
nav.links{display:none}
nav.links a{text-decoration:none}
.top .right{display:flex;align-items:center;gap:14px}
.lang{display:flex}
.lang button{background:none;border:0;color:var(--muted);font:300 10px/16px var(--body);letter-spacing:.22em;padding:14px 6px;cursor:pointer}
.lang button[aria-pressed="true"]{color:var(--cream)}
.top .btn.small{font:300 10px/16px var(--body);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--gold);padding:14px 0;white-space:nowrap}
.top .btn.small:hover{color:var(--gold-h)}
.sp{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--gold);opacity:0;transition:width .08s linear}
header.top.solid .sp{opacity:1}
@media(min-width:900px){.top .wrap{min-height:80px}.lang button,.top .btn.small{font-size:11px}}
@media(min-width:1100px){
nav.links{display:flex;gap:40px;margin-right:28px}
nav.links a{font:300 11px/16px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--cream)}
nav.links a:hover{color:var(--gold-h)}
}
.grainlayer{position:fixed;inset:0;z-index:-1;background:url(/assets/grain-256.png);opacity:.06;pointer-events:none;will-change:transform}
main{position:relative;z-index:0;display:block}
main>section{position:relative}
.spine{position:absolute;top:0;bottom:0;left:var(--sp);width:1px;background:var(--spine);z-index:-1;pointer-events:none}
.sec{padding:40px 0 28px}
.c{margin-left:calc(var(--sp) + 24px);margin-right:var(--pad)}
.lab{left:calc(var(--sp) - 20px);top:40px}
.lab2{display:block;margin:0 var(--pad)}
.dsp{font-family:var(--display);font-weight:300;font-size:clamp(40px,calc(30.2px + 4.57vw),96px);line-height:.96;letter-spacing:-.02em}
.dsp em{font-style:italic}
@media(min-width:900px){
.sec{padding:96px 0 72px}
.c{max-width:560px}
.lab{left:calc(var(--sp) - 24px);top:96px}
}
footer{position:relative;border-top:1px solid var(--hair);padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px));color:var(--muted);font:300 10px/16px var(--body);letter-spacing:.22em;text-transform:uppercase}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center;padding-inline:var(--pad)}
footer .fl{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{text-decoration:none}
footer a:hover{color:var(--cream)}
@media(prefers-reduced-motion:no-preference){
@keyframes dev{from{opacity:0;translate:0 10px}}
@keyframes devb{0%{opacity:0;filter:blur(6px);translate:0 10px}60%{opacity:1;filter:blur(0)}}
@keyframes rule{from{transform:scaleX(0)}}
@keyframes up{from{transform:translateY(105%)}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes wipeu{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
@keyframes shade{to{transform:translateX(330%)}}
.dk .dev{opacity:0}
.dk .dev.in{opacity:1;animation:dev 1100ms cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards}
.dk header.top .lockup,.dk header.top .right{animation:devb 1100ms cubic-bezier(.2,.7,.2,1) backwards}
.dk header.top .right{animation-delay:120ms}
.dk .wp:not(.in)>*{clip-path:inset(0 100% 0 0)}
.dk .wp.in>*{animation:wipe 1600ms cubic-bezier(.7,0,.2,1) var(--d,0ms) backwards}
.dk .rl2{transform-origin:left}
.dk .rl2:not(.in){transform:scaleX(0)}
.dk .rl2.in{animation:rule 900ms cubic-bezier(.2,.7,.2,1) 300ms backwards}
@supports((-webkit-background-clip:text) or (background-clip:text)){
@keyframes sheen{0%{color:transparent;background-position:-5% 0}99.9%{color:transparent}100%{background-position:100% 0}}
.dk .sheen{background:linear-gradient(100deg,var(--cream) 0%,var(--cream) 38%,#E8C9A4 48%,var(--cream) 58%,var(--cream) 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text}
.dk .dev.in>.sheen{animation:sheen 1600ms ease-in-out 900ms 1}
}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1100px){.dk header.top nav.links{animation:devb 1100ms cubic-bezier(.2,.7,.2,1) 120ms backwards}}
.lockup{display:inline-flex;align-items:center;line-height:0}
.lockup svg{height:20px;width:auto;display:block}
@media(max-width:520px){.lockup svg{height:15px}}
.lockup .lk-w{display:none}
@media(max-width:420px){.lockup .lk-f{display:none}.lockup .lk-w{display:block;height:18px}}
footer .flk{display:block;line-height:0;margin-bottom:12px}
footer .flk svg{height:46px;width:auto;display:block}
.wm{line-height:0}.wm svg{height:15px;width:auto;display:block}
header.vh{line-height:0}header.vh svg{height:20px;width:auto;display:inline-block}
.mbtn{display:none;order:9;width:42px;height:42px;margin-left:2px;padding:0;border:1px solid var(--hair-dark,rgba(250,247,244,.16));background:transparent;border-radius:0;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-tap-highlight-color:transparent}
.mbtn i{display:block;position:relative;width:18px;height:1.5px;background:#FAF7F4;transition:background .15s}
.mbtn i::before,.mbtn i::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:#FAF7F4;transition:transform .2s,top .2s}
.mbtn i::before{top:-6px}.mbtn i::after{top:6px}
header.top.open .mbtn i{background:transparent}
header.top.open .mbtn i::before{top:0;transform:rotate(45deg)}
header.top.open .mbtn i::after{top:0;transform:rotate(-45deg)}
.mbtn:focus-visible{outline:2px solid #C4956A;outline-offset:2px}
nav.links a.mapply{display:none}
nav.links a{white-space:nowrap}
@media(max-width:1099px){
.mbtn{display:inline-flex}
header.top nav.links{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:6px 24px 18px;background:#07070E;border-bottom:1px solid var(--hair-dark,rgba(250,247,244,.16));box-shadow:0 24px 40px -20px rgba(0,0,0,.7);max-height:calc(100vh - 64px);overflow-y:auto}
header.top.open nav.links{display:flex}
header.top nav.links a{display:block;padding:15px 0;font-size:1.05rem;letter-spacing:.02em;color:#FAF7F4;border-bottom:1px solid rgba(250,247,244,.09)}
header.top nav.links a[aria-current="page"]{color:#C4956A}
header.top nav.links a.mapply{display:block}
header.top nav.links a.mgold{border-bottom:0;color:#C4956A}
}
@media(max-width:519px){header.top .right .btn.small{display:none}}