/* Culinart Atelier 02 — light / chrome / interactive photography */
:root{--ink:#171d2c;--muted:#626b7d;--paper:#f6f7fb;--line:#dfe3ec;--accent:#e4e8f1;--radius:28px}body{background:radial-gradient(ellipse at 90% 12%,#e8edff 0,transparent 33%),#f6f7fb}.announcement{background:#e8ebf2;color:#3f485e;letter-spacing:.2em;font-size:.75rem}.header{padding:25px 0}.logo{font-weight:500;letter-spacing:.27em}.hero{grid-template-columns:.88fr 1.12fr;gap:25px;padding:65px 0 55px}.hero h1{font-size:clamp(3.4rem,6.5vw,6.7rem);letter-spacing:-.075em}.hero h1 em{font-family:inherit;font-style:normal;background:linear-gradient(105deg,#333d54,#8d9cb9 55%,#525b74);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .intro{line-height:1.75;max-width:350px}.eyebrow{letter-spacing:.2em;font-size:.75rem}.btn{background:linear-gradient(125deg,#353e54,#151c2d);border:1px solid #30394f;box-shadow:0 8px 20px #1c284019;border-radius:12px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1c28402c;background:#27334c}.btn.secondary{background:linear-gradient(120deg,#fff,#edf0f7);border:1px solid #cbd2e0;box-shadow:none}.motion-toggle{border:1px solid #cbd2e0;border-radius:30px;background:#ffffff90;padding:8px 13px;color:#4c576e;font-size:.8125rem}.hero-visual{min-height:540px;position:relative;border-radius:32px;padding:25px;background:radial-gradient(ellipse at 55% 45%,#fff 12%,#e8edf8 56%,#dbe1ed 100%);border:1px solid #fff;box-shadow:inset 0 0 45px #ffffffcc,0 25px 80px #23365e0e;overflow:hidden}.hero-visual:before{content:"";position:absolute;width:82%;aspect-ratio:1;border:1px solid #a8b9e55c;border-radius:50%;left:9%;top:5%;box-shadow:0 0 0 35px #fff3,0 0 0 70px #ffffff20;pointer-events:none}.edition{position:relative;z-index:1;font-size:.75rem}.hero-visual .scene{margin:5px auto;max-width:500px}.scene{position:relative;perspective:1000px;isolation:isolate;aspect-ratio:1.15;cursor:grab;touch-action:pan-y;user-select:none}.scene:active{cursor:grabbing}.scene:after{content:"";position:absolute;left:24%;right:16%;bottom:10%;height:8%;border-radius:50%;background:#3543602b;filter:blur(15px);z-index:-1}.tilt-layer{position:absolute;inset:0;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transform-style:preserve-3d;transition:transform .18s ease-out}.product-float{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 17px #26365720);animation:levitate 6s ease-in-out infinite;pointer-events:none}.scene.is-dragging .tilt-layer{transition:none}.scene.is-dragging .product-float{animation-play-state:paused}.scene-controls{position:relative;z-index:2;display:flex;gap:13px;align-items:center;justify-content:center;padding:0 10px;margin-top:-4px}.scene-controls label{font-size:.75rem;color:#48536b}.scene-controls input{width:110px;accent-color:#687ba2;cursor:ew-resize}.scene-controls button{border:1px solid #c5cfe0;background:#ffffffa0;border-radius:30px;padding:7px 11px;font-size:.75rem;color:#34405a;cursor:pointer}.interaction-note{text-align:center;font-size:.75rem;color:#68748c;margin-top:9px;letter-spacing:.03em}.visual-caption{border-top:1px solid #ffffff90;margin-top:22px;padding-top:17px}.hero-note{font-size:.75rem;color:#6c768a;margin-top:18px;letter-spacing:.03em}.strip{color:#606d86;font-size:.8125rem}.product-visual{background:radial-gradient(ellipse at 55% 30%,#fff,#e8edf6);border:1px solid white;padding:40px 30px 25px;box-shadow:0 12px 45px #24376108}.product-visual .scene{max-width:490px;margin:auto}.product-title h3{font-size:1.75rem}.badge{font-size:.6875rem;letter-spacing:.15em;color:#596682}.product-info{padding:25px 5px}.swatch{border-color:#f6f7fb}.manifesto{position:relative;overflow:hidden;background:linear-gradient(120deg,#dce3ef,#f7f9fd 50%,#e1e6f0);border:1px solid white}.manifesto p{color:#59647b}.manifesto h2{letter-spacing:-.06em}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.demo-grid figure{margin:0}.demo-grid img{display:block;width:100%;border-radius:24px}.demo-grid figcaption{padding:17px 3px;color:#687188;font-size:.875rem}.gallery model-viewer{display:block;width:100%;height:550px;background:radial-gradient(ellipse,#fff,#e6edf8);border-radius:24px}.gallery video,.gallery iframe{max-width:100%;width:100%;border:0}.gallery .scene{background:radial-gradient(ellipse,#fff,#e6edf8);border-radius:24px}.gallery .media-still img{width:100%;object-fit:contain}.reveal{opacity:1;transform:none}.js-motion .reveal.pending{opacity:0;transform:translateY(22px)}.js-motion .reveal{transition:opacity .65s,transform .65s}.motion-paused .product-float{animation-play-state:paused}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .tilt-layer{transition:none}.scene-hint{font-size:.8125rem;color:#66738a;text-align:center}.page .product-detail{padding-top:20px}dialog{box-shadow:0 25px 100px #17244530;border-color:white;background:#f8faff;max-height:90vh;overflow:auto}.dialog-product{width:100%;height:240px;object-fit:contain}.dialog-close{float:right;width:38px;height:38px;background:white;border:1px solid #d1d8e5;border-radius:50%;font-size:1.4rem}.dialog-caption{font-size:.8125rem;color:var(--muted);margin-top:20px}html:has(dialog[open]){overflow:hidden}@keyframes levitate{0%,100%{transform:translateY(0) rotateZ(-1deg)}50%{transform:translateY(-11px) rotateZ(1deg)}}
@media(max-width:750px){.hero{grid-template-columns:1fr;gap:35px;padding-top:38px}.hero h1{font-size:3.6rem}.hero-visual{min-height:0;padding:22px 14px}.hero-visual .scene{margin:15px auto 0}.nav{gap:10px}.nav .optional{display:none}.logo{font-size:1.1rem}.product-visual{padding:37px 12px 22px}.demo-grid{grid-template-columns:1fr}.scene-controls{gap:8px}.scene-controls input{width:90px}.gallery model-viewer{height:360px}.motion-toggle{font-size:.75rem}.hero-note{max-width:270px}.visual-caption strong{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.product-float{animation:none}.js-motion .reveal.pending{opacity:1;transform:none}.tilt-layer,.btn{transition:none}.btn:hover{transform:none}}