@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cream:#eff0df;--muted:#bfc3b2;--lime:#d5e8ac;--line:rgba(237,241,218,.16)}*{box-sizing:border-box}body{margin:0;background:#141b13;color:var(--cream);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}.experience{position:relative;min-height:740px;height:100svh;overflow:hidden;background:#242a1b}.scene{position:absolute;inset:0;outline-offset:-5px;touch-action:none}.scene:focus-visible{outline:2px solid var(--lime)}.scene-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:70% 36%;user-select:none;pointer-events:none}.reveal{position:absolute;inset:0;opacity:0;mask-image:radial-gradient(circle var(--radius,160px) at var(--x,70%) var(--y,40%),#000 0%,#000 47%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.45) 79%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--radius,160px) at var(--x,70%) var(--y,40%),#000 0%,#000 47%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.45) 79%,transparent 100%);will-change:mask-image,opacity}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,9,.34),transparent 65%),linear-gradient(0deg,rgba(8,15,8,.58),transparent 36%,transparent 84%,rgba(9,16,9,.28));pointer-events:none}.header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 4.25%;gap:24px}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-8px;width:40px;font-weight:500}.wordmark span{font-weight:400;color:var(--lime)}.nav{display:flex;padding:5px;background:#101b1263;border:1px solid #ffffff0d;border-radius:40px;backdrop-filter:blur(15px);margin-right:auto;margin-left:20px}.nav-item{padding:12px 23px;background:transparent;border-radius:30px;font-size:12px;transition:background .2s,color .2s}.nav-item:hover{background:#d5e8ac20}.nav-item.active{background:var(--cream);color:#26301f}.menu-button{display:flex;align-items:center;gap:22px;background:#111c1260;border:1px solid var(--line);padding:15px 20px;border-radius:40px;font-size:12px;backdrop-filter:blur(10px)}.menu-icon{display:flex;gap:4px}.menu-icon i{display:block;width:3px;height:3px;background:var(--cream);border-radius:50%}.hero-copy{position:absolute;z-index:2;left:6.2%;top:32%;pointer-events:none;width:53%}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 27px}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d5e8ac45}.edition{font-family:monospace;font-size:9px;margin-left:22px;letter-spacing:1px;color:#c6cbb488}h1{position:relative;display:inline-block;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(84px,9.8vw,174px);line-height:.97;letter-spacing:.035em;font-weight:500;margin:0 0 28px -7px}.trademark{font-size:14px;position:absolute;top:9px;right:-18px;letter-spacing:0}.tagline{font-size:clamp(15px,1.5vw,23px);letter-spacing:-.4px;margin:0 0 12px;font-weight:450}.description{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px;pointer-events:auto;width:max-content}.discover{border:1px solid #e6efcc44;background:#18201455;display:flex;align-items:center;gap:28px;padding:8px 8px 8px 22px;border-radius:40px;font-size:12px;backdrop-filter:blur(8px);transition:background .25s}.discover:hover{background:#40503499}.circle{display:grid;place-items:center;background:#e3edcf10;border-radius:100%;width:37px;height:37px;font-size:20px}.text-button{font-size:12px;background:transparent;display:flex;align-items:center;gap:10px;padding:12px 0}.text-button:hover{color:var(--lime)}.layers-icon{font-size:23px}.side-note{position:absolute;right:30px;top:39%;writing-mode:vertical-rl;letter-spacing:3px;font:9px monospace;color:#e1e5cd7a;pointer-events:none}.portrait-label{position:absolute;right:6.2%;bottom:195px;display:flex;gap:13px;align-items:center;pointer-events:none}.tiny-cross{font-size:26px;font-weight:400;color:#e5ebdba1}.mono{display:block;font:9px monospace;letter-spacing:1.7px}.label-secondary{font-size:10px;color:var(--muted);display:block;margin-top:7px}.interaction-hint{position:absolute;left:6.2%;bottom:164px;display:flex;gap:11px;align-items:center;pointer-events:none;font-size:10px;letter-spacing:.3px;color:#d9dec5b5;transition:opacity .5s}.hint-icon{font-size:20px}.mobile-hint{display:none}.footer{position:absolute;z-index:3;bottom:0;left:0;width:100%;min-height:126px;display:grid;grid-template-columns:1.12fr 1fr 1fr 1.2fr;padding:25px 4.3%;align-items:center;border-top:1px solid var(--line);background:linear-gradient(110deg,#0f180edb,#11190db8);backdrop-filter:blur(18px);gap:27px}.film-button{background:transparent;display:flex;align-items:center;gap:17px;text-align:left;font-size:9px;letter-spacing:1.4px;padding:0}.film-button small{display:block;font-size:10px;letter-spacing:0;color:#a7af99;margin-top:9px}.play-circle{width:49px;height:49px;border:1px solid var(--line);border-radius:100%;display:grid;place-items:center;font-size:10px;flex-shrink:0;transition:background .2s}.film-button:hover .play-circle{background:#d6e5b524}.footer-note{border-left:1px solid var(--line);display:flex;gap:13px;padding-left:27px}.note-number{font:9px monospace;color:#c3d2a482;border:1px solid var(--line);height:20px;width:20px;border-radius:50%;display:grid;place-items:center;margin-top:3px;flex-shrink:0}.footer-note p{margin:0;font-size:11px;line-height:1.8;color:#b2baa3}.footer-note strong{font-weight:400;color:#e1e6d3}.footer-end{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1px;margin-left:auto}.round-button{display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:100%;width:39px;height:39px;margin-left:16px;font-size:19px}.round-button:hover{background:#d6e5b524}.reticle{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid #ecf4dc80;border-radius:50%;opacity:0;pointer-events:none;z-index:2}.reticle i:before,.reticle i:after{content:'';position:absolute;background:#ecf4dc80;left:50%;top:50%;width:6px;height:1px;transform:translate(-50%,-50%)}.reticle i:after{transform:translate(-50%,-50%) rotate(90deg)}.reticle span{position:absolute;white-space:nowrap;top:45px;left:50%;transform:translateX(-50%);font:8px monospace;letter-spacing:1.5px;color:#e3edcda6}.loading{position:absolute;z-index:5;bottom:145px;right:5%;font:10px monospace;letter-spacing:1px;transition:opacity .3s}.loading.hidden{opacity:0;pointer-events:none}.loading span{display:inline-block;width:6px;height:6px;margin-left:10px;background:var(--lime);border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}dialog{position:fixed;margin:auto 0 auto auto;width:min(670px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:85px 55px 45px;background:#192017;color:var(--cream);border:0;border-left:1px solid var(--line);box-shadow:-40px 0 120px #0005}dialog::backdrop{background:#07100770;backdrop-filter:blur(8px)}.close-button{position:absolute;right:28px;top:25px;border:1px solid var(--line);border-radius:100%;width:37px;height:37px;background:transparent}.close-button:hover{background:#d6e5b524}h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5vw,64px);letter-spacing:-2px;font-weight:400;line-height:1.07;margin:0 0 23px}.panel-intro{font-size:14px;color:var(--muted);line-height:1.75;max-width:440px}.products{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0}.product-image{height:240px;border-radius:2px;background-size:auto 110%;background-position:74% center;background-color:#2a3220}.protected-product{background-image:url('assets/protected.png')}.revealed-product{background-image:url('assets/revealed.png')}.product-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px}.product-title h3{font-size:14px;font-weight:500;margin:0}.product-title span{font:9px monospace;color:var(--muted)}.products p{font-size:11px;line-height:1.6;color:var(--muted)}.panel-action{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;background:var(--cream);color:#182015;border-radius:30px;font-size:13px;margin-top:28px}.panel-action:hover{background:var(--lime)}.small-print{color:#9ba68c;font-size:10px;line-height:1.7;margin-top:25px}.principles article{padding:25px 0;border-bottom:1px solid var(--line)}.principles article>span{font:9px monospace;color:#b7c99c;letter-spacing:1px}.principles h3{font-size:21px;font-weight:400;margin:12px 0}.principles p,.about-text{font-size:13px;line-height:1.8;color:var(--muted)}.about-image{height:270px;background:url('assets/revealed.png') 65% 27%/cover;margin-top:30px}.menu-links{margin:45px 0}.menu-links button{width:100%;padding:25px 0;background:transparent;border-bottom:1px solid var(--line);text-align:left;font-size:28px;display:flex;justify-content:space-between;align-items:center}.menu-links button span{font:11px monospace;color:var(--muted)}.menu-links button:hover{color:var(--lime)}
@media(min-aspect-ratio:18/10){.scene-image{object-position:center 29%}.hero-copy{top:28%}.experience{min-height:680px}}
@media(max-width:1100px){.edition{display:none}.hero-copy{left:5%;width:57%}.header{padding:27px 4%}.nav{margin-left:4px}.nav-item{padding:11px 17px}.footer{gap:18px;grid-template-columns:1.2fr 1fr 1fr}.footer-note{padding-left:18px}.footer-end{display:none}.portrait-label{right:5%}.side-note{right:17px}}
@media(max-width:700px){.experience{height:100svh;min-height:770px}.header{padding:22px 6%;gap:12px}.wordmark{font-size:30px}.nav{display:none}.menu-button{padding:13px 17px}.scene-image{object-position:66% center}.shade{background:linear-gradient(0deg,#10190fee 0%,#121b10b8 30%,transparent 65%,#10190f22 90%)}.hero-copy{left:7%;top:auto;bottom:197px;width:86%}h1{font-size:clamp(66px,16vw,112px);margin-left:-3px;margin-bottom:17px}.trademark{font-size:10px;top:5px;right:-13px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:17px}.tagline{font-size:16px}.description{font-size:12px;line-height:1.7}.hero-actions{gap:21px;margin-top:22px}.discover{font-size:10px;padding-left:15px;gap:15px}.circle{width:30px;height:30px}.text-button{font-size:10px;gap:7px}.layers-icon{font-size:18px}.portrait-label,.side-note{display:none}.interaction-hint{left:7%;bottom:143px;font-size:9px}.desktop-hint{display:none}.mobile-hint{display:inline}.footer{min-height:112px;padding:20px 7%;grid-template-columns:1fr 1fr;gap:17px}.film-button{font-size:7px;gap:11px;letter-spacing:.7px}.film-button small{font-size:8px}.play-circle{width:36px;height:36px;font-size:8px}.footer-note{padding-left:16px;gap:8px}.footer-note p{font-size:9px}.note-number{width:17px;height:17px;font-size:8px}.note-two{display:none}.loading{top:95px;bottom:auto;font-size:8px}.reticle span{display:none}dialog{padding:80px 26px 30px}.product-image{height:210px}.product-title{flex-wrap:wrap}.products{gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reticle{display:none}}