:root{color:#11110f;background:#f5f4ef;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-synthesis:none;--green: #16a765;--red: #ef3340;--ink: #11110f;--paper: #f5f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{position:absolute;z-index:10;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:24px clamp(22px,4vw,64px);pointer-events:none}.brand{pointer-events:auto;display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:700;text-transform:uppercase}.brand-mark{display:grid;width:22px;height:22px;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(-4deg)}.brand-mark i{display:block;background:var(--ink)}.brand-mark i:nth-child(2){background:var(--red)}.brand-mark i:nth-child(3){background:#ffcc24}.brand-mark i:nth-child(4){background:var(--green)}.hero{display:grid;min-height:100svh;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);overflow:hidden}.copy{z-index:2;display:flex;max-width:590px;flex-direction:column;align-items:flex-start;justify-content:center;padding:130px clamp(28px,5vw,88px) 74px}.eyebrow{margin:0 0 20px;color:#6c6b65;font-size:11px;font-weight:700;text-transform:uppercase}h1{max-width:520px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,6.4vw,108px);font-weight:400;line-height:.89}.intro{max-width:420px;margin:30px 0 35px;color:#5b5a55;font-size:16px;line-height:1.65}.experience{position:relative;min-height:620px;overflow:hidden;background:#deddd7}body.is-cube-focused{overflow:hidden}.experience.is-focused{position:fixed;z-index:100;inset:0;width:100vw;height:100vh;height:100dvh;min-height:0}#cube-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#cube-canvas:active{cursor:grabbing}.focus-toggle{position:absolute;z-index:2;top:24px;right:24px;display:inline-flex;min-width:88px;height:42px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgba(17,17,15,.13);background:#f5f4efe6;color:var(--ink);cursor:pointer;font:inherit;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.focus-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.focus-toggle:hover{background:var(--ink);color:#fff}.mode-switch{position:absolute;top:92px;left:50%;display:flex;padding:4px;border:1px solid rgba(17,17,15,.12);background:#f5f4efd6;box-shadow:0 8px 30px #11110f14;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-button{display:inline-flex;height:38px;align-items:center;gap:7px;padding:0 13px;border:0;background:transparent;color:#65645f;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.mode-button svg,.tool-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.mode-button:nth-child(2) svg{fill:currentColor;stroke:none}.mode-button.is-active{background:var(--ink);color:#fff}.experience.is-focused .mode-switch{top:auto;bottom:max(20px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));padding:6px;transform:none}.experience.is-focused .mode-button{height:48px;padding:0 20px;font-size:14px}.experience.is-focused .cube-tools,.experience.is-focused .interaction-hint,.experience.is-focused .toast{display:none}.cube-tools{position:absolute;right:26px;bottom:26px;display:flex;gap:7px}.tool-button{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border:1px solid rgba(17,17,15,.13);background:#f5f4efe6;color:var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool-button:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.tool-button:disabled{cursor:default;opacity:.35;transform:none}.tool-button--wide{width:auto;gap:8px;padding:0 15px;font:inherit;font-size:12px;font-weight:700}.interaction-hint{position:absolute;bottom:29px;left:28px;margin:0;color:#61605b;font-size:11px;font-weight:600;pointer-events:none}.toast{position:absolute;top:156px;left:50%;padding:9px 13px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.purchase{display:flex;min-height:180px;align-items:center;justify-content:space-between;gap:30px;padding:40px clamp(24px,6vw,90px);background:var(--ink);color:#fff}.purchase p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,46px)}.purchase a{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.45);padding:10px 0;font-size:13px;font-weight:700}@media(max-width:860px){.site-header{padding:16px 20px}.brand{font-size:12px}.hero{min-height:auto;grid-template-columns:1fr}.copy{min-height:0;padding:112px 24px 48px}h1{max-width:360px;font-size:clamp(58px,17vw,78px)}.intro{max-width:390px;margin:23px 0 27px;font-size:14px}.experience{min-height:clamp(420px,76svh,620px)}.focus-toggle{top:max(14px,env(safe-area-inset-top));right:14px;min-width:82px;height:44px}.mode-switch{top:max(14px,env(safe-area-inset-top))}.interaction-hint{bottom:83px;left:50%;width:max-content;max-width:calc(100% - 30px);text-align:center;transform:translate(-50%)}.cube-tools{right:50%;bottom:max(16px,env(safe-area-inset-bottom));gap:4px;transform:translate(50%)}.tool-button{width:44px;height:44px}.tool-button--wide{padding:0 11px}.toast{top:66px}}@media(max-width:520px){.site-header{padding-right:16px;padding-left:16px}.brand{gap:8px;font-size:10px}.brand-mark{width:20px;height:20px}.copy{padding:104px 20px 42px}h1{font-size:clamp(52px,15vw,72px)}.intro{margin:20px 0 24px}.experience{min-height:clamp(400px,72svh,560px)}.mode-button{width:44px;height:44px;justify-content:center;padding:0}.mode-label{display:none}.experience.is-focused .mode-button{width:44px;height:44px;padding:0}.interaction-hint{bottom:76px;width:calc(100% - 32px);font-size:10px;line-height:1.4}.purchase{align-items:flex-start;flex-direction:column;gap:18px;padding:36px 20px}.purchase p{font-size:clamp(28px,8vw,38px)}}@media(max-width:360px){.brand span:last-child{max-width:108px;line-height:1.2}.tool-button{width:42px;height:44px}.tool-button--wide{gap:6px;padding:0 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}