#case-atelier{scroll-margin-top:92px;background:#f5f2ec;color:#171715;font-family:Arial,sans-serif}.case01-shell{padding:88px max(22px,4.2vw) 0}.case01-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.55fr);gap:60px;align-items:end;border-bottom:1px solid rgba(30,30,28,.14);padding-bottom:34px}.case01-head h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5.2vw,78px);line-height:.96;letter-spacing:-.045em;margin:14px 0 0}.case01-head h2 em{font-weight:400;color:#6d6a64}.case01-head>p{max-width:520px;font-size:16px;line-height:1.7;color:#625e57;margin:0}.case01-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:clamp(38px,5vw,80px);align-items:start;padding-top:42px}.case01-left{position:sticky;top:98px}.case01-stage{position:relative;min-height:680px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.9),rgba(227,221,212,.72) 46%,rgba(210,202,192,.58));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.case01-shadow{position:absolute;width:70%;height:13%;left:15%;bottom:10%;background:rgba(56,46,38,.16);filter:blur(34px);border-radius:50%}.case01-object{position:relative;width:min(88%,720px);aspect-ratio:1.36;transform:perspective(1200px) rotateX(2deg);filter:drop-shadow(0 26px 28px rgba(47,39,33,.18))}.case01-lid,.case01-base{position:absolute;left:8%;right:8%;border:2px solid rgba(30,28,25,.6);background:var(--case);box-shadow:inset 0 0 0 5px rgba(255,255,255,.05),inset 0 0 0 7px rgba(0,0,0,.15)}.case01-lid:after,.case01-base:after{content:"";position:absolute;inset:10px;border:1px dashed var(--stitch);border-radius:12px;pointer-events:none}.case01-lid{top:0;height:46%;border-radius:20px 20px 10px 10px}.case01-base{bottom:7%;height:45%;border-radius:10px 10px 18px 18px;display:grid;grid-template-columns:1.55fr .48fr .64fr;gap:3%;padding:5%;box-sizing:border-box}.case01-lid-inner{position:absolute;inset:9.5% 7%;background:var(--inside);border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:4%;box-shadow:inset 0 0 18px rgba(0,0,0,.16)}.case01-tablet{background:linear-gradient(145deg,#e7e7e3,#bfc4c2);border:7px solid #171817;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1a1b1a}.case01-tablet span{font-family:Georgia,serif;font-size:clamp(14px,2vw,25px);letter-spacing:.08em}.case01-tablet small{font-size:8px;letter-spacing:.12em;margin-top:8px;text-transform:uppercase}.case01-sensors{background:var(--inside);border-radius:12px;padding:6%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8%;box-shadow:inset 0 0 18px rgba(0,0,0,.15)}.case01-sensor{background:linear-gradient(145deg,#303230,#101110);border-radius:15px;box-shadow:0 7px 11px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ddd}.case01-sensor span{font-size:6px;letter-spacing:.17em}.case01-sensor small{font-size:6px;opacity:.46;margin-top:4px}.case01-tripod,.case01-accessories{background:var(--inside);border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 15px rgba(0,0,0,.13)}.case01-tripod{gap:4px;position:relative}.case01-tripod i{display:block;width:6px;height:72%;border-radius:8px;background:linear-gradient(#2d2f2d,#101110)}.case01-tripod span{position:absolute;bottom:7%;font-size:6px;letter-spacing:.1em}.case01-accessories{flex-direction:column}.case01-accessories span{font-family:Georgia,serif;font-size:15px}.case01-accessories small{font-size:6px;letter-spacing:.12em;margin-top:7px}.case01-handle{position:absolute;left:42%;right:42%;height:11%;bottom:-1%;border:11px solid var(--case);border-top-width:8px;border-radius:0 0 30px 30px;box-shadow:0 6px 9px rgba(0,0,0,.18)}.case01-lock{position:absolute;width:7%;height:5%;bottom:3.5%;background:linear-gradient(135deg,#8d908d,#e5e2d9,#747874);border-radius:3px;border:1px solid #686a68}.case01-lock.lock-a{left:27%}.case01-lock.lock-b{right:27%}.case01-caption{position:absolute;left:5%;bottom:4%;display:flex;flex-direction:column;gap:4px}.case01-caption span{font-size:8px;letter-spacing:.13em}.case01-caption b{font-family:Georgia,serif;font-size:18px;font-weight:400}.case01-specs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #cfc7bc;border-top:1px solid #cfc7bc;margin-top:16px}.case01-specs span{padding:16px 12px;border-right:1px solid #d7d0c6;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.case01-specs span:last-child{border-right:0}.case01-specs b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:4px}.case01-proof{padding:28px 2px 4px}.case01-proof p{font-size:8px;letter-spacing:.13em}.case01-proof h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.025em;margin:9px 0 0;max-width:720px}.case01-config{padding-bottom:80px}.case01-tabs{display:flex;gap:24px;border-bottom:1px solid #cfc7bc;margin-bottom:3px}.case01-tabs button{border:0;background:transparent;padding:0 0 13px;font-size:11px;cursor:pointer;color:#716c65}.case01-tabs button.on{color:#111;border-bottom:2px solid #111}.case01-config fieldset{border:0;border-bottom:1px solid #d4cdc3;margin:0;padding:26px 0}.case01-config legend{width:100%;box-sizing:border-box;font-size:12px;font-weight:600;margin-bottom:16px}.case01-config legend i{font-style:normal;color:#8b857c;margin-right:10px;font-weight:400}.case01-config legend strong{float:right;font-weight:400;color:#777168}.case01-leathers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case01-leathers label{position:relative;cursor:pointer}.case01-leathers input,.case01-pill-wrap input,.case01-swatch-wrap input,.case01-hardware input{position:absolute;opacity:0;width:1px;height:1px}.case01-leathers span{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border:1px solid #c6beb2;background:rgba(255,255,255,.26);min-height:92px;box-sizing:border-box}.case01-leathers b{font-size:12px;font-weight:500}.case01-leathers small{font-size:10px;color:#6e685f}.case01-leathers em{grid-column:1/-1;font-style:normal;font-size:9px;line-height:1.45;color:#777168}.case01-leathers input:checked+span{border:2px solid #181817;padding:13px;background:#fff}.case01-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 10px}.case01-swatches.compact{grid-template-columns:repeat(5,1fr)}.case01-swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.case01-swatch{display:block;width:39px;height:39px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.case01-swatch-wrap input:checked+.case01-swatch{outline:2px solid #181817;outline-offset:4px}.case01-swatch-wrap small{font-size:8px;line-height:1.2;color:#5f5a53}.case01-pills{display:flex;flex-wrap:wrap;gap:8px}.case01-pill-wrap{position:relative;cursor:pointer}.case01-pill-wrap span{display:block;padding:10px 13px;border:1px solid #c8c0b5;border-radius:999px;font-size:10px;background:rgba(255,255,255,.25)}.case01-pill-wrap span small{font-size:8px;color:#6e675e}.case01-pill-wrap input:checked+span{background:#191918;color:#fff;border-color:#191918}.case01-pill-wrap input:checked+span small{color:#d9d5ce}.case01-hardware{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.case01-hardware label{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;cursor:pointer;position:relative}.case01-hardware label>span{width:39px;height:39px;border-radius:50%;background:var(--metal);border:1px solid rgba(0,0,0,.18)}.case01-hardware input:checked+span{outline:2px solid #181817;outline-offset:4px}.case01-hardware small{font-size:8px;line-height:1.2}.case01-inscription{display:block;margin-top:16px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.case01-inscription input{display:block;width:100%;box-sizing:border-box;border:1px solid #c8c0b5;background:#fff;padding:13px;margin-top:8px;font-size:13px}.case01-order{background:#ece7df;padding:21px;margin-top:24px}.case01-order-summary>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em}.case01-order-summary strong{display:block;font-family:Georgia,serif;font-size:35px;font-weight:400;margin:6px 0}.case01-order-summary small{display:block;color:#706a61;font-size:9px;line-height:1.5}.case01-primary,.case01-secondary{display:block;width:100%;border:0;padding:15px 17px;margin-top:14px;font-size:11px;cursor:pointer}.case01-primary{background:#191918;color:#fff}.case01-primary:disabled{opacity:.45;cursor:not-allowed}.case01-secondary{background:transparent;border:1px solid #9e978e;color:#191918}.case01-status{font-size:9px;line-height:1.5;min-height:15px;color:#5f5951;margin:11px 0 0}.case01-editorial{display:grid;grid-template-columns:repeat(3,1fr);margin:0 max(-22px,-4.2vw);background:#171715;color:#eee9e1}.case01-editorial article{padding:50px max(24px,4vw);min-height:220px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.12)}.case01-editorial article:last-child{border-right:0;background:linear-gradient(135deg,#6d776e,#29322d)}.case01-editorial p{font-size:8px;letter-spacing:.13em;color:#aaa59e}.case01-editorial h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(23px,2.5vw,37px);line-height:1.08;margin:12px 0 0;max-width:440px}.case01-leathers input:focus-visible+span,.case01-swatch-wrap input:focus-visible+.case01-swatch,.case01-pill-wrap input:focus-visible+span,.case01-hardware input:focus-visible+span,.case01-primary:focus-visible,.case01-secondary:focus-visible{outline:3px solid #607b70;outline-offset:4px}@media(max-width:1080px){.case01-layout{grid-template-columns:1fr}.case01-left{position:static}.case01-head{grid-template-columns:1fr}.case01-stage{min-height:610px}.case01-editorial{grid-template-columns:1fr}.case01-editorial article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}@media(max-width:680px){.case01-shell{padding:64px 16px 0}.case01-head{gap:24px}.case01-head h2{font-size:44px}.case01-layout{padding-top:28px}.case01-stage{min-height:400px}.case01-object{width:96%}.case01-lid-inner{gap:3%;padding:3%}.case01-tablet{border-width:4px}.case01-base{padding:4%;gap:2%}.case01-sensor{border-radius:8px}.case01-handle{border-width:7px}.case01-specs{grid-template-columns:repeat(2,1fr)}.case01-specs span:nth-child(2){border-right:0}.case01-specs span:nth-child(n+3){border-top:1px solid #d7d0c6}.case01-leathers{grid-template-columns:1fr}.case01-swatches{grid-template-columns:repeat(4,1fr)}.case01-swatches.compact{grid-template-columns:repeat(5,1fr)}.case01-hardware{grid-template-columns:repeat(2,1fr)}.case01-caption{display:none}.case01-editorial{margin:0 -16px}}
.case01-stage.case01-stage-real{position:relative;min-height:0;aspect-ratio:4/3;background:#e8e3dc;border:1px solid rgba(25,25,24,.08);overflow:hidden;isolation:isolate}
.case01-stage-real .case01-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;animation:case01RenderIn .22s ease both;transform:translateZ(0)}
.case01-stage-real:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);z-index:1}
.case01-render-chip{position:absolute;top:18px;left:18px;z-index:2;padding:8px 10px;border:1px solid rgba(255,255,255,.7);background:rgba(247,244,238,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:7px;letter-spacing:.15em;color:#383531}
.case01-stage-real .case01-caption{left:18px;bottom:18px;z-index:2;padding:11px 13px;background:rgba(247,244,238,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.72)}
.case01-stage-real .case01-caption span{font-size:7px;color:#59544d}.case01-stage-real .case01-caption b{font-size:16px;color:#171715}
@keyframes case01RenderIn{from{opacity:.3;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}
@media(max-width:680px){.case01-stage.case01-stage-real{min-height:0;aspect-ratio:4/3}.case01-render-chip{top:10px;left:10px}.case01-stage-real .case01-caption{display:flex;left:10px;bottom:10px}}