:root{--bg:#000;--ink:#f4f2ef;--dim:#8c8783;--line:#f4f2ef47;--pad:clamp(14px,2.6vw,34px);--ease:cubic-bezier(.22,.61,.36,1);--hw:min(56vw,640px);--persp:1150px;--cw:155px;--serif:"Playfair Display","Times New Roman",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tap:44px;--accent:#91d5ff}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:#000}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh;margin:0;font-weight:300;overflow-x:hidden}body.locked{height:100dvh;overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0}a{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}figure,p{margin:0}button,a{-webkit-user-drag:none}::selection{color:#080c13;background:#a2d9ff}#scrolltrack{pointer-events:none;height:116vh}#stage{z-index:10;perspective:var(--persp);perspective-origin:50%;touch-action:none;cursor:grab;transition:opacity .6s,filter .6s;position:fixed;inset:0;overflow:hidden}body.dragging #stage{cursor:grabbing}#world{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}#orb{width:0;height:0;transform-style:preserve-3d;opacity:1;position:absolute;top:0;left:0;transform:none}#hero-copy{z-index:13;text-align:center;pointer-events:none;opacity:0;width:min(84vw,850px);transition:opacity .3s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#hero-copy:before{content:"";z-index:-1;background:radial-gradient(#000000f0 0%,#000000d1 48%,#0000 76%);position:absolute;inset:-32px -48px}body.revealed #hero-copy{opacity:1}body.gridview #hero-copy,body.lit #hero-copy,body.menu-open #hero-copy{opacity:0}#headline{text-align:center;width:100%;font-family:var(--serif);letter-spacing:-.005em;color:#fff;text-shadow:0 2px 12px #000,0 2px 34px #000;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(30px,4.5vw,64px);font-weight:400;line-height:1.06;position:relative}#headline .inner{width:100%;display:block}#headline .inner>span{opacity:0;filter:blur(4px);display:inline-block;transform:translateY(.2em)}body.revealed #headline .inner>span{opacity:1;filter:blur();transition:opacity .35s,transform .4s,filter .35s;transition-delay:calc(var(--i)*45ms);transform:none}.hero-description{color:#f4f2efe6;text-shadow:0 1px 8px #000,0 2px 18px #000;opacity:0;margin:20px auto 0;font-size:clamp(12px,1.1vw,14px);line-height:1.7;transition:opacity .35s .1s}body.revealed .hero-description{opacity:1}.card{width:var(--cw);height:calc(var(--cw)/1.5);margin-left:calc(var(--cw)/-2);margin-top:calc(var(--cw)/-3);transform-style:preserve-3d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0}.card.tall{height:calc(var(--cw)*1.25);margin-top:calc(var(--cw)*-.625)}.card figure{background:#0a0a0a;border-radius:3px;width:100%;height:100%;transition:transform .5s;position:relative;overflow:hidden}.card:hover figure,.card:focus-visible figure{transform:scale(1.045)}.card img{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%}.card img.in{opacity:1}body.revealed .card img{transition:opacity .25s ease-out}.card figure:after{content:"";background:rgba(0,0,0,var(--d,0));pointer-events:none;border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.vig{z-index:12;pointer-events:none;background:radial-gradient(88% 92%,#0000 48%,#00000042 80%,#000000b8 100%);transition:opacity .6s;position:fixed;inset:0}body.gridview .vig,body.lit .vig{opacity:0}.chrome{opacity:0;transition:opacity .4s,transform .4s}body.revealed .chrome{opacity:1}header{z-index:60;width:100%;padding:calc(var(--pad)*.8 + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad)*.35) calc(var(--pad) + var(--safe-left));mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0}header>*{pointer-events:auto}.wordmark{font-family:var(--serif);letter-spacing:.005em;color:#fff;white-space:nowrap;align-items:flex-start;min-height:44px;padding-top:7px;font-size:clamp(19px,2.1vw,27px);line-height:1;text-decoration:none;display:flex}.wordmark em,.mark em{margin-left:.16em;font-style:normal}.brand-point{color:var(--accent)}.menu-btn{flex-direction:column;align-items:flex-end;gap:5px;min-width:44px;min-height:44px;padding:8px 0 4px;display:flex}.menu-label{letter-spacing:.01em;color:#fff;font-size:clamp(12px,1.25vw,15px);transition:opacity .35s}.bars{width:clamp(42px,4.4vw,62px);height:clamp(16px,2vw,22px);display:block;position:relative}.bars i{background:#fff;height:1px;transition:transform .5s,width .5s;position:absolute;top:50%;left:0;right:0}.bars i:first-child{transform:translateY(-5px)}.bars i:last-child{width:clamp(34px,3.6vw,50px);transform:translateY(5px)}.menu-btn:hover .bars i:last-child{transform:translate(-8px,5px)}body.menu-open header{z-index:90;mix-blend-mode:normal}body.menu-open .menu-label{opacity:0}body.menu-open .bars i:first-child{width:100%;transform:rotate(45deg)}body.menu-open .bars i:last-child{width:100%;transform:rotate(-45deg)}.bio{left:calc(var(--pad) + var(--safe-left));bottom:calc(var(--pad) + var(--safe-bottom));z-index:55;max-width:min(320px,46vw);position:fixed}.who{align-items:center;gap:14px;width:fit-content;margin-bottom:14px;text-decoration:none;display:flex}.who img{object-fit:cover;object-position:50% 24%;filter:grayscale(.15);border-radius:3px;width:52px;height:52px}.who b{font:400 19px var(--serif);letter-spacing:.01em}.bio p{color:#f4f2efb8;font-size:12.5px;line-height:1.62}body.deep .bio,body.gridview .bio,body.lit .bio{opacity:0;pointer-events:none;transform:translateY(10px)}.colophon{right:calc(var(--pad) + var(--safe-right));bottom:calc(var(--pad) + var(--safe-bottom));z-index:55;color:#f4f2efb8;font-size:12.5px;position:fixed}body.gridview .colophon,body.lit .colophon{opacity:0;pointer-events:none}.gridbtn{left:calc(var(--pad) + var(--safe-left));bottom:calc(var(--pad) + var(--safe-bottom));z-index:56;opacity:0;pointer-events:none;grid-template-columns:repeat(2,1fr);gap:4px;width:44px;height:44px;padding:5px;transition:opacity .6s,transform .6s;display:grid;position:fixed;transform:translateY(8px)}.gridbtn b{background:var(--ink);border-radius:2px;transition:transform .4s,background .4s}.gridbtn:hover b{background:#fff;transform:scale(.86)}body.deep .gridbtn,body.gridview .gridbtn{opacity:1;pointer-events:auto;transform:none}body.gridview .gridbtn b:first-child{transform:translate(3px,3px)}body.gridview .gridbtn b:last-child{transform:translate(-3px,-3px)}body.lit .gridbtn,body.menu-open .gridbtn{opacity:0;pointer-events:none}.cue{left:50%;bottom:calc(var(--pad) + var(--safe-bottom) + 4px);z-index:54;text-transform:uppercase;letter-spacing:.24em;color:#f4f2ef6b;white-space:nowrap;pointer-events:none;align-items:center;gap:10px;font-size:10px;display:flex;position:fixed;transform:translate(-50%)}.cue s{background:var(--line);width:44px;height:1px;display:block;overflow:hidden}.cue s:after{content:"";background:var(--accent);width:100%;height:100%;animation:2.6s infinite sweep;display:block}@keyframes sweep{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(100%)}}body.deep .cue,body.gridview .cue,body.lit .cue{opacity:0}#grid{z-index:20;overscroll-behavior:contain;padding:calc(var(--pad)*3.4) var(--pad) calc(var(--pad)*4);opacity:0;pointer-events:none;background:#000;transition:opacity .6s;position:fixed;inset:0;overflow:auto}body.gridview #grid{opacity:1;pointer-events:auto}body.gridview.lit #grid{opacity:.12;pointer-events:none}.rows{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(10px,1.4vw,20px);max-width:1680px;margin:auto;display:grid}.rows figure{aspect-ratio:3/2;cursor:pointer;background:#0b0b0b;border-radius:3px;position:relative;overflow:hidden}.rows img{object-fit:contain;opacity:.82;width:100%;height:100%;transition:transform .8s,opacity .8s}.rows figure:hover img{opacity:1;transform:scale(1.025)}.rows figcaption{font:400 15px var(--serif);opacity:0;background:linear-gradient(#0000,#000000d1);padding:26px 14px 12px;transition:opacity .5s,transform .5s;position:absolute;inset:auto 0 0;transform:translateY(6px)}.rows figure:hover figcaption,.rows figure:focus-visible figcaption{opacity:1;transform:none}body.gridview #stage{opacity:0;filter:blur(14px);pointer-events:none}#lit{z-index:90;padding:clamp(56px,8vh,84px) var(--pad);opacity:0;pointer-events:none;place-items:center;transition:opacity .42s;display:grid;position:fixed;inset:0}body.lit #lit{opacity:1;pointer-events:auto}.scrim{position:absolute;inset:0}.plate{transform-origin:50%;width:min(72vw,860px,150vh - 345px);transition:transform .62s,opacity .42s;position:relative}.shot{aspect-ratio:3/2;background:#0b0b0b;border-radius:2px;width:100%;position:relative;box-shadow:0 30px 90px #000000bf}.shot img{object-fit:contain;border-radius:2px;width:100%;height:100%}.shot button{min-width:44px;min-height:44px;color:var(--ink);background:#0000008c;border:1px solid #f4f2efc7;border-radius:6px;padding:10px 14px;font-size:12.5px;position:absolute;top:12px;right:14px}.shot button:hover{background:#000000bf;border-color:#fff}.meta{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(22px,3.2vw,48px);padding-top:16px;display:grid}#litTitle{font:400 clamp(22px,2.15vw,32px)/1.08 var(--serif);letter-spacing:-.01em;margin:0 0 6px}.where{color:#f4f2ef9e;font-size:13px}.note{color:#f4f2efeb;font-size:13.5px;line-height:1.55}#litLink{min-height:44px;color:var(--accent);align-items:center;gap:20px;margin-top:8px;font-size:12px;text-decoration:none;display:inline-flex}#litLink:hover{color:#fff}#menu{z-index:80;clip-path:inset(0 0 100%);pointer-events:none;background:#050505;place-items:center;transition:clip-path .85s;display:grid;position:fixed;inset:0}body.menu-open #menu{clip-path:inset(0);pointer-events:auto}#menu nav{text-align:center;flex-direction:column;gap:clamp(4px,1vw,10px);display:flex}#menu nav a{font:400 clamp(34px,7.6vw,78px)/1.08 var(--serif);color:var(--ink);opacity:.55;padding:4px 0;text-decoration:none;transition:opacity .35s,letter-spacing .35s}#menu nav a:hover,#menu nav a:focus-visible{opacity:1;letter-spacing:.012em}.addr{left:calc(var(--pad) + var(--safe-left));right:calc(var(--pad) + var(--safe-right));bottom:calc(var(--pad) + var(--safe-bottom));color:var(--dim);justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;line-height:1.7;display:flex;position:absolute}.addr button{min-height:44px;color:var(--accent);font-size:12px}#dot{z-index:300;mix-blend-mode:difference;pointer-events:none;opacity:0;background:#d6d4d1e6;border:1px solid #0000;border-radius:50%;width:19px;height:19px;margin:-9.5px;transition:width .35s,height .35s,margin .35s,background .35s,border-color .35s;position:fixed;top:0;left:0}#dot.wide{background:#f4f2ef24;border-color:#f4f2efbf;width:52px;height:52px;margin:-26px}#splash{z-index:250;background:#000;align-content:center;place-items:center;gap:26px;transition:opacity .25s;display:grid;position:fixed;inset:0}#splash.out{opacity:0;pointer-events:none}.mark{font:400 clamp(28px,4.4vw,52px) var(--serif);letter-spacing:.005em;color:var(--ink);opacity:0;animation:.25s forwards riseIn}.mark span{color:var(--accent)}.bar{background:#f4f2ef29;width:clamp(120px,17vw,210px);height:1px}#bar{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:transform .55s;display:block;transform:scaleX(0)}.tag{letter-spacing:.26em;text-transform:uppercase;color:#f4f2ef61;opacity:0;font-size:10px;animation:.25s 50ms forwards riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}#intro{z-index:200;isolation:isolate;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.robot-flight{background:#000;position:absolute;inset:0;overflow:hidden}#robotEye{object-fit:cover;object-position:50% 46.7%;transform-origin:50% 46.7%;opacity:1;will-change:transform,opacity;width:100%;max-width:none;height:100%;position:absolute;inset:0}#intro.flying #robotEye{animation:3.8s cubic-bezier(.65,0,.9,.45) forwards eyeFlight,3.8s linear forwards eyeOpacity}.eye-light{mix-blend-mode:screen;opacity:0;pointer-events:none;background:radial-gradient(at 50% 47%,#0000 8%,#389bff17 35%,#0000 55%);position:absolute;inset:0}#intro.flying .eye-light{animation:3.8s forwards eyeLight}@keyframes eyeFlight{0%{transform:translateZ(0)scale(1)}to{transform:translateZ(0)scale(16)}}@keyframes eyeOpacity{0%{opacity:0}10%,84%{opacity:1}to{opacity:0}}@keyframes eyeLight{0%,to{opacity:0}45%{opacity:.7}75%{opacity:1}}.veil{opacity:0;pointer-events:none;background:#000;transition:opacity .18s;position:absolute;inset:0}#intro.closing .veil{opacity:1}#intro.gone{opacity:0;pointer-events:none;transition:opacity .22s linear}.skip{right:calc(var(--pad) + var(--safe-right));bottom:calc(var(--pad) + var(--safe-bottom));letter-spacing:.18em;text-transform:uppercase;color:#f4f2ef99;backdrop-filter:blur(6px);border:1px solid #f4f2ef40;border-radius:999px;min-height:44px;padding:10px 18px;font-size:11px;transition:opacity .3s,color .3s,border-color .3s;position:absolute}.skip:hover{color:#fff;border-color:#ffffffb3}#intro.closing .skip{opacity:0;pointer-events:none}.no-script{z-index:100;background:#000;padding:12px;position:fixed;bottom:20px}@media (pointer:coarse){#stage{touch-action:none}}@media (hover:none),(pointer:coarse){#dot{display:none}.rows figcaption{opacity:1;transform:none}}@media (width<=900px){.bio{max-width:min(420px,calc(100vw - var(--pad)*2 - var(--safe-left) - var(--safe-right)))}.bio p{font-size:12px}.colophon{font-size:11px}.meta{grid-template-columns:1fr;gap:10px;padding-top:14px}.plate{width:min(92vw,150dvh - 330px)}.rows{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#grid{padding-top:calc(var(--pad)*2.8 + var(--safe-top))}}@media (width<=768px){.colophon{display:none}.bio{max-width:calc(100vw - var(--pad)*2 - var(--safe-left) - var(--safe-right))}#headline{font-size:clamp(26px,7.5vw,40px)}#menu nav a{font-size:clamp(28px,9vw,54px)}.addr{font-size:11.5px}}@media (width<=640px){:root{--hw:min(84vw,360px);--pad:clamp(12px,4vw,18px)}.who img{width:42px;height:42px}.who b{font-size:17px}.bio p{font-size:11.5px;line-height:1.55}.cue{display:none}#lit{overscroll-behavior:contain;padding:calc(64px + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(var(--pad) + var(--safe-bottom)) calc(var(--pad) + var(--safe-left));display:block;overflow-y:auto}.plate{width:100%;max-width:560px;margin:auto}#litTitle{font-size:clamp(20px,5.6vw,26px)}.note{font-size:12.5px;line-height:1.58}.shot button{top:8px;right:8px}.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rows figcaption{opacity:1;font-size:13px;transform:none}#grid{padding:calc(76px + var(--safe-top)) calc(var(--pad) + var(--safe-right)) calc(80px + var(--safe-bottom)) calc(var(--pad) + var(--safe-left))}.addr{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=380px){:root{--hw:min(88vw,320px)}.who{gap:10px;margin-bottom:10px}.bio p{display:none}.rows{grid-template-columns:1fr}#menu nav{gap:2px}#menu nav a{font-size:clamp(24px,10vw,40px)}}@media (height<=520px) and (orientation:landscape){.bio,.colophon,.cue{display:none}#headline{font-size:clamp(18px,4.8vh,28px)}#lit{padding-top:calc(36px + var(--safe-top));align-items:start;overflow:auto}.meta{padding-top:10px}.plate{width:min(58vw,150dvh - 120px)}header{padding-top:calc(8px + var(--safe-top))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.14s!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#robotEye{will-change:auto}}body.lit header{mix-blend-mode:normal}@media (width<=640px){#hero-copy{width:90vw}.hero-description{margin-top:14px;font-size:12px;line-height:1.6}.hero-description br{display:none}}@media (height<=520px) and (orientation:landscape){.hero-description{margin-top:8px;font-size:11px}}.card figcaption{z-index:1;pointer-events:none;text-align:left;background:linear-gradient(#0000,#000000eb);padding:20px 9px 8px;position:absolute;inset:auto 0 0}.card figcaption strong{font:500 clamp(10px,.9vw,13px)/1.2 var(--sans);color:#fff;overflow-wrap:anywhere;display:block}.card figcaption span{font:400 9px/1.2 var(--sans);color:#c2d9e8;margin-top:4px;display:block}.card figure:after{z-index:2}.rows figure{aspect-ratio:auto;border:1px solid #f4f2ef1a;overflow:hidden}.rows img{aspect-ratio:3/2;object-fit:contain;height:auto}.rows figcaption{opacity:1;background:#0b0e12;min-height:90px;padding:14px 16px 17px;position:relative;inset:auto;transform:none}.rows figcaption strong{font:400 21px/1.15 var(--serif);color:var(--ink);display:block}.rows figcaption span{font:300 12px/1.45 var(--sans);color:#b6c1cb;margin-top:7px;display:block}@media (width<=640px){.card figcaption{padding:15px 6px 6px}.card figcaption strong{font-size:10px}.card figcaption span{margin-top:3px;font-size:8px}.rows figcaption{min-height:92px;padding:11px}.rows figcaption strong{font-size:17px}.rows figcaption span{font-size:11px}}.brand-lockup{pointer-events:auto}.brand-offer{letter-spacing:.05em;color:#c7d8e5;margin-top:-7px;font-size:11px;display:block}.brand-lockup .wordmark{width:fit-content}@media (width<=640px){.brand-offer{margin-top:-10px;font-size:9px}.hero-description{max-width:340px}}.rows figure.flagship{background:linear-gradient(135deg,#152638,#090e15);border-color:#91d5ff55;grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.rows .flagship img{aspect-ratio:1;object-fit:cover;opacity:1;height:100%}.rows .flagship figcaption{background:0 0;flex-direction:column;justify-content:center;padding:24px;display:flex}.rows .flagship figcaption strong{margin:14px 0 2px;font-size:clamp(30px,3vw,48px)}.flagship-label{font:400 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.flagship-copy{font:300 12px/1.6 var(--sans);color:#d1dce6;margin-top:18px}.flagship-card figure{border:1px solid #91d5ff66}.flagship-card img{object-fit:cover}@media (width<=640px){.rows .flagship figcaption{padding:14px}.rows .flagship figcaption strong{margin:8px 0;font-size:32px}.flagship-copy{margin-top:10px;font-size:10px}.flagship-label{font-size:8px}}@media (width<=380px){.rows figure.flagship{grid-column:span 1}}
