@font-face{font-family:Newsreader;src:url('./Newsreader.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:Manrope;src:url('./Manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{--wine:#542532;--chalk:#f4f0e8;--stone:#d3c7b8;--mineral:#91a7ad;--graphite:#282525;--ink:var(--chalk);--edge:100vw;--vw:100vw;--vh:100svh;--pad:clamp(24px,5vw,96px)}
body.light{--ink:var(--wine)}
body.is-turning{--ink:var(--chalk)}
body.is-turning .site-header .brand img{filter:brightness(0) invert(1)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--graphite);color:var(--chalk);font:14px/1.6 Manrope,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:5px}button{border:0}a{text-decoration:none}.skip{position:fixed;top:12px;left:12px;z-index:30;background:var(--wine);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:28px;padding:22px var(--pad);color:var(--ink);pointer-events:none}.site-header>*{pointer-events:auto}.brand{width:112px;display:block}.brand img{width:100%;display:block;filter:brightness(0) invert(1)}body.light .brand img{filter:none}.place{margin-left:auto;font-size:11px}.soon{border-bottom:1px solid currentColor;background:transparent;padding:4px 0;font-size:11px}.journey{height:600svh}.viewport{height:100svh;position:sticky;top:0;overflow:clip;perspective:calc(var(--edge)*2.4);background:var(--graphite);touch-action:pan-y}.cube-rig{position:absolute;left:50%;top:50%;width:var(--edge);height:var(--edge);margin-left:calc(var(--edge)*-.5);margin-top:calc(var(--edge)*-.5);transform:translateZ(calc(var(--edge)*-.5));transform-style:preserve-3d}.website-cube{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.cube-face{position:absolute;inset:0;backface-visibility:hidden;background:var(--chalk);color:var(--wine);overflow:hidden;outline:1px solid var(--chalk)}.cube-face:nth-child(1){transform:translateZ(calc(var(--edge)*.5))}.cube-face:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--edge)*.5))}.cube-face:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--edge)*.5))}.cube-face:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--edge)*.5))}.cube-face:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--edge)*.5))}.cube-face:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--edge)*.5))}.face-page{position:absolute;left:50%;top:50%;width:var(--vw);height:var(--vh);transform:translate(-50%,-50%);overflow:hidden}.face-content{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);width:53%;z-index:3}.face-label{font-size:12px;margin:0 0 24px}.face-title{font:400 clamp(56px,7.8vw,146px)/.94 Newsreader,serif;letter-spacing:-.045em;margin:0 0 28px;max-width:920px}.face-copy{font-size:13px;line-height:1.9;max-width:340px;margin:0}.face-note{position:absolute;bottom:88px;left:var(--pad);font-size:10px;z-index:3;opacity:.75}.art{position:absolute;inset:0;pointer-events:none;will-change:transform}.art svg{height:100%;width:100%;overflow:visible}.start{background:var(--wine);color:var(--chalk)}.landscape{background:linear-gradient(90deg,#281922b3,#54253229 75%),url('/assets/image-1.jpg') 65% center/cover;inset:-4%}.start .face-content{width:70%}.start .face-title{font-size:clamp(72px,10vw,176px)}.start .face-copy{font-size:14px}.start .wordmark{position:absolute;right:var(--pad);bottom:95px;font:400 clamp(110px,17vw,300px)/.7 Newsreader,serif;letter-spacing:-.065em;color:#f4f0e826}.find{background:var(--mineral)}.find .art{left:48%;right:1%;top:10%;bottom:-3%}.find .face-title{max-width:650px}.sell{background:var(--stone)}.sell .art{left:48%;right:3%;top:14%;bottom:1%}.value{background:var(--wine);color:var(--chalk)}.value .art{left:47%;right:-9%;top:1%;bottom:-1%;opacity:.8}.about{background:var(--chalk)}.about .art{left:50%;right:6%;top:10%;bottom:0}.about .face-title{font-size:clamp(70px,9vw,156px)}.about .face-copy{font-size:17px;max-width:410px}.about .shadow-name{position:absolute;font:400 clamp(160px,26vw,460px)/1 Newsreader,serif;letter-spacing:-.07em;left:28%;top:9%;color:#54253207}.bar-face{background:var(--wine);color:var(--chalk)}.bar-face .art{left:53%;right:8%;top:20%;bottom:18%}.face-action{display:inline-block;margin-top:28px;border-bottom:1px solid currentColor;background:transparent;padding:8px 0;font-size:12px}
.cube-controls{position:fixed;left:var(--pad);right:var(--pad);bottom:25px;z-index:10;display:flex;align-items:center;justify-content:space-between;color:var(--ink);gap:24px}.scroll-instruction{display:flex;gap:16px;align-items:center;font-size:10px;line-height:1.6;max-width:230px}.scroll-arrow{font-size:28px;line-height:1}.scroll-instruction small{font-size:9px;opacity:.7}.face-nav{display:flex;gap:7px}.face-nav button{background:transparent;width:35px;height:35px;padding:8px;display:grid;place-items:center;position:relative}.face-nav i{width:6px;height:6px;border:1px solid currentColor;border-radius:50%;display:block;opacity:.6}.face-nav [aria-current] i{background:currentColor;opacity:1;transform:scale(1.5)}.face-nav span{position:absolute;bottom:43px;white-space:nowrap;opacity:0;font-size:10px}.face-nav button:focus-visible span,.face-nav button:hover span{opacity:1}.control-end{display:flex;align-items:center;gap:25px}.face-counter{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.motion{font-size:10px;border-bottom:1px solid currentColor;background:none;padding:5px 0}.cube-progress{position:fixed;left:0;right:0;bottom:0;height:2px;background:#ffffff16;z-index:11}.cube-progress span{height:100%;width:100%;background:var(--ink);display:block;transform:scaleX(0);transform-origin:left}.status-announcement{position:fixed;left:-10000px;width:1px;height:1px;overflow:hidden}
.overview{position:fixed;width:min(760px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:var(--chalk);color:var(--wine);border:0;padding:36px}.overview::backdrop{background:#282525bc}.overview h2{font:400 42px/1 Newsreader,serif;margin:0 0 30px}.overview ol{padding-left:22px}.overview li{margin:20px 0;font-size:13px}.overview-close{float:right;font-size:24px;background:none}.overview-link{background:none;font-size:11px}.no-animation .cube-rig{transform:none;width:100%;height:100%;left:0;top:0;margin:0}.no-animation .website-cube{transform:none!important}.no-animation .cube-face{transform:none!important}.no-animation .cube-face[aria-hidden=true]{visibility:hidden}.no-animation .art{transform:none!important}.no-animation .face-page{width:100%;height:100%}.no-animation .scroll-instruction small{display:none}.no-js .journey{height:auto}.no-js .viewport{height:auto;position:relative;perspective:none;overflow:visible}.no-js .cube-rig,.no-js .website-cube{position:relative;inset:auto;margin:0;width:100%;height:auto;transform:none!important}.no-js .cube-face{position:relative;transform:none!important;height:100svh}.no-js .face-page{width:100%;height:100%;position:relative;left:0;top:0;transform:none}.no-js .cube-controls,.no-js .cube-progress{display:none}
@media(max-width:760px){:root{--pad:24px}.site-header{padding-top:19px;gap:20px}.brand{width:90px}.place{display:none}.soon{margin-left:auto;font-size:10px}.face-content{top:18%;transform:none;width:calc(100% - 60px)}.face-label{font-size:10px;margin-bottom:17px}.face-title{font-size:clamp(44px,12vw,72px);margin-bottom:20px}.face-copy{font-size:11px;max-width:275px;line-height:1.8}.start .face-content{width:calc(100% - 48px);top:25%}.start .face-title{font-size:clamp(58px,16vw,98px)}.start .face-copy{font-size:12px}.landscape{background-position:65% center;background-image:linear-gradient(180deg,#28192266,#28192288),url('/assets/image-1.jpg')}.start .wordmark{font-size:40vw;bottom:130px;right:24px}.find .art{left:25%;right:-12%;top:38%;bottom:8%}.sell .art{left:20%;right:0;top:42%;bottom:8%}.value .art{left:28%;right:-25%;top:41%;bottom:1%;opacity:.6}.about .art{left:28%;right:3%;top:42%;bottom:10%}.about .face-title{font-size:clamp(56px,15vw,84px)}.about .face-copy{font-size:13px;max-width:280px}.about .shadow-name{left:5%;top:42%;font-size:60vw}.bar-face .art{left:32%;right:8%;top:46%;bottom:14%}.face-note{bottom:118px;font-size:9px;max-width:200px}.cube-controls{bottom:18px;display:grid;grid-template-columns:1fr auto;gap:12px}.scroll-instruction{font-size:9px;max-width:220px}.scroll-arrow{font-size:24px}.face-nav{gap:1px;grid-column:1;grid-row:2;margin-left:-9px}.face-nav button{width:31px;height:29px}.face-nav span{display:none}.control-end{display:contents}.face-counter{grid-column:2;grid-row:1;font-size:10px}.motion{grid-column:2;grid-row:2;font-size:9px;justify-self:end}.overview-link{display:none}}
@media(max-height:600px) and (min-width:761px){.face-title{font-size:8vw}.face-label{margin-bottom:12px}.face-title{margin-bottom:16px}.face-note{display:none}.site-header{padding-top:14px}.cube-controls{bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.face-note{display:none}}
.viewport{background:radial-gradient(ellipse at 50% 43%,#65534b 0%,#352b2b 52%,#201d1f 100%);isolation:isolate}
.cube-face.start{background:linear-gradient(90deg,#281922b3,#54253229 75%),url('/assets/image-1.jpg') 65% center/cover}
.start .landscape{opacity:calc(1 - var(--turn,0))}
.viewport:before{content:'';position:absolute;left:14%;right:14%;bottom:9%;height:8%;border-radius:50%;background:#0d0b0c;filter:blur(22px);opacity:calc(var(--turn,0)*.6);pointer-events:none}
.cube-face:before{content:'';position:absolute;inset:0;background:#171117;opacity:var(--shade,0);z-index:7;pointer-events:none}
.cube-face:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 4px #b29b6fcc,inset 0 0 0 6px #f4f0e855,inset 0 12px 20px #ffffff12;opacity:var(--turn,0);z-index:8;pointer-events:none}
.about .art{left:56%;right:7%;top:9%;bottom:7%}
.portrait{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) drop-shadow(16px 18px 18px #54253215)}
@media(max-width:760px){.about .art{left:29%;right:5%;top:41%;bottom:11%}.portrait{filter:brightness(0) drop-shadow(8px 10px 10px #54253212)}}
html.has-intro{overflow:hidden}
.cube-face,.face-page{overflow:clip}
.viewport{position:fixed;inset:0;width:100%}
#franz-portal.intro-overlay{position:fixed;inset:0;z-index:30;width:100%;height:100svh;min-height:0;color-scheme:dark}
#franz-portal.intro-overlay[data-state=arrived]{display:none}
#cube-experience{font-family:Manrope,sans-serif;opacity:1;visibility:visible}
.intro-pending #cube-experience{opacity:0;visibility:hidden}
.intro-entering #cube-experience{opacity:1;visibility:visible;transition:opacity 1.4s .5s}
.intro-pending .cube-controls,.intro-pending .site-header{visibility:hidden}
.intro-replay{font-size:11px;background:none;padding:4px 0;border-bottom:1px solid currentColor}
.cube-face.start{color:var(--wine);background:var(--chalk)}
.start .landscape{inset:14% 6% 16% 57%;border-radius:190px 190px 0 0;opacity:1;background:linear-gradient(180deg,#54253205,#28192230),url('/assets/image-1.jpg') 70% center/cover}
.start .face-content{width:53%;top:50%}
.start .face-title{font:400 clamp(38px,4.5vw,76px)/1.27 'Special Elite','Courier New',monospace;letter-spacing:-2px;margin:0 0 26px;min-height:3.81em}
.type-line{display:block;min-height:1.27em;white-space:nowrap}
.type-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.type-glyph{display:inline-block;white-space:pre;animation:fc-strike .18s ease-out both;transform-origin:50% 90%}
.type-caret{display:inline-block;width:2px;height:.9em;background:currentColor;vertical-align:-.08em;margin-left:3px;animation:fc-blink .85s step-end infinite}
.type-carriage{position:absolute;left:0;top:36px;width:36px;height:1px;background:var(--wine);opacity:0;pointer-events:none}
.start .face-copy{font-size:13px;line-height:1.8;min-height:71px;transition:opacity .45s}
.typewriter[data-writing=true] .face-copy{opacity:0}
.type-controls{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.type-controls button{font-size:10px;min-height:38px;padding:5px 0;background:none;border-bottom:1px solid #54253240}
.type-controls [aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}
.typewriter[data-paused=true] .type-caret{animation-play-state:paused}
.no-animation .type-glyph{animation:none}
.no-animation .type-caret{animation:none}
.no-js #franz-portal.intro-overlay{display:none}
.no-js #cube-experience{opacity:1;visibility:visible}
@media(max-width:760px){.intro-replay{font-size:10px}.site-header{gap:18px}.start .face-content{top:16%;width:calc(100% - 48px)}.start .face-label{margin-bottom:20px}.start .face-title{font-size:clamp(27px,7.4vw,42px);letter-spacing:-1.1px;margin-bottom:20px}.start .face-copy{font-size:11px;min-height:59px}.start .landscape{inset:51% 7% 14% 24%;border-radius:140px 140px 0 0;background-position:65% center}.type-controls{gap:18px;margin-top:12px}.type-controls button{font-size:9px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.type-glyph,.type-caret{animation:none}}