:root{--bg:#f3f1ec;--ink:#111114;--dim:#66635d;--line:rgba(17,17,20,0.12);--glow:#111114;--x:50vw;--y:30vh;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.grid-dots{inset:0;background-image:radial-gradient(rgba(17,17,20,.5) 1px,transparent 1.4px);background-size:26px 26px;transition:opacity .5s;-webkit-mask-image:radial-gradient(240px circle at var(--x) var(--y),#000,transparent 70%);mask-image:radial-gradient(240px circle at var(--x) var(--y),#000,transparent 70%)}.cursor-glow,.grid-dots{position:fixed;z-index:0;pointer-events:none;opacity:0}.cursor-glow{left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,var(--glow) 0,transparent 62%);transform:translate(var(--x),var(--y));transition:opacity .5s,background .4s;will-change:transform}html[data-live] .grid-dots{opacity:1}html[data-live] .cursor-glow{opacity:.11}.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(22px + env(safe-area-inset-top)) 32px 22px;background:rgba(243,241,236,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-size:15px;font-weight:800;letter-spacing:.34em}.brand,.nav{text-transform:uppercase}.nav{display:flex;gap:28px;font-size:12px;font-weight:600;letter-spacing:.14em}.nav a{color:var(--dim);transition:color .2s}.nav a:hover{color:var(--ink)}main{position:relative;z-index:1}.hero{min-height:100svh;padding:0 8vw;display:flex;flex-direction:column;justify-content:center;max-width:1200px}.label{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.label .num{color:var(--accent,var(--ink));margin-right:10px}.title{margin:18px 0 20px;font-size:clamp(40px,6.4vw,92px);font-weight:700;line-height:1.02;letter-spacing:-.045em;max-width:14ch}.lead{margin:0;font-size:clamp(15px,1.25vw,17px);line-height:1.65;color:var(--dim);max-width:440px}.index{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:nowrap;gap:10px}.index li{flex:0 0 auto}.index a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.index a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.index .n{font-size:11px;color:var(--dim)}.index a:hover .n{color:rgba(255,255,255,.8)}.hero{flex-direction:row;align-items:center;justify-content:flex-start;max-width:1300px}.hero-text{flex:0 1 640px;max-width:640px}.manifesto{max-width:1100px;margin:0 auto;padding:8vh 8vw 4vh}.manifesto p{margin:0;max-width:28em;font-size:clamp(22px,2.6vw,34px);font-weight:600;line-height:1.35;letter-spacing:-.03em}.product{padding:4vh 8vw}.pcard{position:relative;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;grid-gap:40px;gap:40px;padding:clamp(28px,5vw,64px);border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.45);overflow:hidden;transition:border-color .3s}.pcard.flip{grid-template-columns:.9fr 1.1fr}.pcard.flip .ptext{order:2}.pcard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%)}.pcard:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.pcard:hover:before{opacity:1}.pshot,.ptext{position:relative;z-index:1}.ptitle{margin:14px 0 16px;font-size:clamp(44px,6vw,84px);font-weight:700;line-height:1;letter-spacing:-.05em}.chips{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--line);padding:7px 14px;font-size:13px;font-weight:600}.btn,.chips li{border-radius:999px}.btn{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:15px 26px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;letter-spacing:.02em;transition:background .25s,transform .2s ease-out;will-change:transform}.btn:hover{background:var(--accent);color:#fff}.pshot{perspective:900px;display:flex;justify-content:center}.pshot img{width:min(260px,100%);height:auto;border-radius:30px;border:1px solid var(--line);box-shadow:0 30px 60px -28px rgba(17,17,20,.45);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}.end{padding:14vh 8vw 10vh;max-width:1100px;margin:0 auto}.mail{display:inline-block;margin-top:14px;font-size:clamp(22px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;border-bottom:2px solid var(--ink);padding-bottom:4px;transition:color .2s,border-color .2s;word-break:break-all}.mail:hover{color:var(--dim);border-color:var(--dim)}.foot{margin:48px 0 0;font-size:12px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.reveal.d2{transition-delay:.1s}.reveal.d3{transition-delay:.2s}@media (max-width:760px){.top{padding:calc(18px + env(safe-area-inset-top)) 20px 18px}.nav{gap:18px;font-size:11px}.hero{padding:90px 20px 40px;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.manifesto{padding:6vh 20px 2vh}.index{gap:6px}.index a{padding:9px 12px;gap:6px;font-size:13px}.index .n{font-size:10px}.product{padding:14px 16px}.pcard,.pcard.flip{grid-template-columns:1fr;gap:28px;border-radius:22px}.pcard.flip .ptext{order:0}.end{padding:10vh 20px 8vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.btn,.pshot img,.reveal{transition:none}}