*{box-sizing:border-box}html{scroll-behavior:smooth}body{--ink:#233927;--paper:#f8f6eb;--sage:#e3e7d2;--gold:#857442;background:var(--paper);color:var(--ink);margin:0;font:15px/1.55 Arial,sans-serif}a,button{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a78742;outline-offset:5px}header{height:80px;display:flex;align-items:center;gap:30px;padding:0 5%;border-bottom:1px solid #445a392d;background:var(--paper)}.logo{font:33px/.94 Georgia;letter-spacing:-2px}.logo small{display:block;font:8px Arial;letter-spacing:3.5px;text-transform:uppercase;text-align:center;margin-top:6px}nav{margin-left:auto;display:flex;gap:24px}nav a,.bag,.k,.index,figcaption{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.bag{border:1px solid #31463355;border-radius:30px;background:none;padding:11px 17px}.show{height:165svh;position:relative;background:var(--sage)}.frame{position:sticky;top:0;height:100svh;min-height:565px;isolation:isolate;overflow:hidden}.land{position:absolute;inset:0;background:url(assets/grove.webp) center/cover;z-index:-2}.land:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18281ccc,#263d2933)}.topline,.footline{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font:9px Arial;letter-spacing:1.8px;text-transform:uppercase;z-index:4}.topline{top:28px}.footline{bottom:23px;border-top:1px solid #74816b70;padding-top:13px}.word{position:absolute;left:25%;top:15%;font:italic clamp(120px,22vw,380px)/1 Georgia;letter-spacing:-.09em;color:#cbd4b4;user-select:none;transform:translateX(calc(var(--p,0)*-9vw))}.ring{position:absolute;left:42%;width:46%;height:66%;top:15%;border:1px solid #526a432e;border-radius:50%;transform:rotate(-20deg)}.prod{position:absolute;height:72%;max-width:46%;object-fit:contain;left:61%;top:12%;transform:translateX(-50%) translateY(calc(var(--p,0)*-4vh)) rotate(calc(-8deg + var(--p,0)*17deg)) scale(calc(1 + var(--p,0)*.08));filter:drop-shadow(14px 24px 14px #18251835);z-index:2}.lead{position:absolute;left:5%;top:29%;width:43%;z-index:3}.k{display:block;margin:0 0 22px;font-weight:600}.lead h1,h2,h3{margin:0;font-family:Georgia,serif;font-weight:400;letter-spacing:-.067em;line-height:.96}.lead h1{font-size:clamp(57px,6.8vw,112px)}em{font-weight:400;color:#697a49}.lead p{max-width:320px;font-size:14px}.link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid;padding:10px 0;font-size:13px}.annotation{position:absolute;right:5%;bottom:17%;font:italic 21px Georgia;text-align:right}.annotation small{display:block;font:9px Arial;letter-spacing:1.5px;margin-top:7px}.section{padding:88px 6%}h2{font-size:clamp(43px,6.8vw,102px)}.shop{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.plate{height:560px;background:#e8ebdd;display:grid;place-items:center;position:relative;overflow:hidden}.plate:before{content:'S';position:absolute;font:italic 420px Georgia;color:#d6deca}.plate img{position:relative;height:85%;max-width:90%;object-fit:contain;filter:drop-shadow(8px 13px 9px #2339222e)}.shop p{max-width:380px}.spec{display:flex;justify-content:space-between;border-block:1px solid #44583a40;padding:13px 0;font-size:12px;margin:25px 0}.qty{display:inline-flex;align-items:center;gap:17px;border:1px solid #53644455;border-radius:30px;padding:3px}.qty button{border:0;background:none;width:36px;height:36px}.buy{background:var(--ink);color:#fff;border:0;padding:15px 22px;border-radius:25px;margin:10px 0}.note{font-size:11px;line-height:1.5;color:#616859}.lens{height:175svh;background:#253b2a;color:#fff}.lens .frame{display:grid;align-items:center}.lenscopy{position:absolute;left:6%;width:40%;z-index:2}.lenscopy em{color:#d8c798}.lenscopy p{max-width:280px}.macro{position:absolute;right:0;width:54%;height:100%;overflow:hidden;background:#e0d8b8}.macro img{position:absolute;width:100%;height:100%;object-fit:contain;transform:scale(calc(1.2 + var(--p,0)*1.3)) translateY(calc(var(--p,0)*-7%));transform-origin:center 61%}.film{background:#e5e9da}.film video{display:block;width:100%;max-height:72vh;background:#253429;margin-top:28px}.gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:20px;margin:32px -6vw 0;padding:0 6vw 18px}.gallery button{flex:0 0 min(380px,78vw);background:none;border:0;text-align:left;padding:0;scroll-snap-align:center}.gallery img{width:100%;height:280px;object-fit:cover;display:block}.gallery span{display:block;padding:12px 0;font:18px Georgia}.close{background:#cdd7b8}.close .link{margin-top:24px}footer{display:flex;justify-content:space-between;padding:32px 6%;align-items:center}dialog{width:min(460px,92vw);color:var(--ink);background:var(--paper);border:0;padding:28px}dialog::backdrop{background:#17241999;backdrop-filter:blur(5px)}dialog h3{font-size:35px}dialog .x{float:right;background:none;border:0;font-size:24px}.basketrow{display:flex;align-items:center;gap:20px;margin:20px 0}.basketrow img{height:110px}.light{width:auto;max-width:92vw}.light img{display:block;max-width:80vw;max-height:75svh}button:active{scale:.98}.v2 .show{color:#fbfaf1}.v2 .word{color:#fbfaf135}.v2 .lead em{color:#dee7b9}.v2 .ring{border-color:#fff5}.v2 .shop{background:#e8ecdd}.v2 .prod{left:70%;height:68%;top:17%}.v3{--ink:#3b3429;--sage:#ede6d4;--paper:#faf7ef}.v3 .word{left:4%;color:#d9cbaa}.v3 .lead{left:54%;width:40%}.v3 .prod{left:28%;transform:translateX(-50%) rotate(calc(7deg - var(--p,0)*16deg))}.v3 .ring{left:7%}.v3 .annotation{right:auto;left:5%;bottom:10%}.v3 .lens{background:#51432d}.v3 .plate{background:#e4ddc8}.v3 .shop .plate{order:2}.v3 .close{background:#e6dcc4}@media(max-width:720px){header{height:64px;padding:0 4%;gap:12px}.logo{font-size:26px}nav{gap:12px}nav a,.bag{font-size:8px}.bag{padding:9px}.frame{min-height:610px}.topline{top:16px;font-size:8px}.lead,.v3 .lead{left:6%;top:auto;bottom:8%;width:86%}.lead h1{font-size:clamp(44px,11vw,66px)}.lead .k{margin-bottom:10px}.lead p{display:none}.word{left:3%;top:8%;font-size:29vw}.prod,.v2 .prod,.v3 .prod{height:43%;top:12%;left:58%}.ring,.v3 .ring{left:28%;top:9%;width:56%;height:45%}.annotation,.v3 .annotation{right:5%;left:auto;top:34%;bottom:auto;font-size:14px}.annotation small{font-size:7px}.footline{bottom:10px;font-size:7px}.shop{display:flex;flex-direction:column;gap:25px;align-items:stretch}.v3 .shop .plate{order:0}.section{padding:55px 6%}.plate{height:345px}.lenscopy{left:6%;top:9%;width:88%}.lenscopy p{max-width:100%;font-size:13px}.macro{width:100%;height:57%;bottom:0}.gallery img{height:220px}.film video{max-height:65vh}.show{height:143svh}.lens{height:150svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.show,.lens{height:auto}.frame{position:relative}.prod,.v2 .prod,.v3 .prod{transform:translateX(-50%)}.macro img,.word{transform:none}}
body{background:var(--paper)}header{background:transparent;border:0;position:relative;z-index:5}header nav a,header .bag,.link,.buy,.qty button,.viewbtn,#clear,dialog .x,footer a:not(.logo),.gallery button span{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:999px;border:1px solid #ffffffbb;background:radial-gradient(ellipse at var(--mx,28%) var(--my,0%),#ffffffa8,transparent 63%),linear-gradient(145deg,#ffffff62,#c2ccae38);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #5c64422b,0 5px 16px #33472310;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);padding:10px 17px;color:#29402d;line-height:1.3;text-transform:none;font:500 15px/1.3 Arial;letter-spacing:0;min-height:42px;transition:translate .22s,box-shadow .22s}header nav{gap:8px}.link,.buy{padding:15px 23px}.glass:focus-visible,.viewbtn:focus-visible{outline:3px solid #a38a38;outline-offset:3px}.glass:hover,.viewbtn:hover{translate:0 -2px;box-shadow:inset 0 1px 2px #fff,0 7px 19px #30451c24}.glass:active{scale:.97}.buy,.viewbtn[aria-pressed=true]{background:radial-gradient(ellipse at var(--mx,25%) var(--my,0%),#749571,#384e36 78%);color:white}.qty{border:0}.qty button{padding:0;min-width:40px}.prod{z-index:3;animation:levitate 6s ease-in-out infinite;filter:drop-shadow(8px 13px 9px #29342128)}@keyframes levitate{0%,100%{translate:0 0}50%{translate:0 -12px}}.shadow{position:absolute;z-index:1;left:61%;bottom:12%;width:17%;height:2.7%;border-radius:50%;transform:translateX(-50%) scale(calc(1 - var(--p,0)*.22));background:#23311754;filter:blur(12px)}.v2 .shadow{left:70%;bottom:12%}.v3 .shadow{left:28%}.show{background:radial-gradient(ellipse at 62% 50%,#f4f4df 2%,var(--sage) 53%,var(--paper) 100%)}.show .frame{border-radius:0 0 9% 9% / 0 0 4% 4%}.pillscape{position:absolute;z-index:-1;left:47%;top:16%;width:34%;height:61%;overflow:hidden;border-radius:48% 48% 45% 45% / 35% 35% 40% 40%;transform:rotate(calc(13deg - var(--p,0)*22deg));background:linear-gradient(0deg,#56624732,#f7f9de55),url(assets/grove.webp) center/cover;box-shadow:inset 0 0 35px #fff5}.v2 .pillscape{display:none}.v2 .land{border-radius:0 0 50% 50% / 0 0 6% 6%;overflow:hidden}.v2 .link{color:#1c3425;background:linear-gradient(150deg,#fff9,#edf4d3b5)}.v3 .pillscape{left:9%;width:36%;border-radius:50% 50% 46% 46%;background:linear-gradient(110deg,#eee5cb9c,#e2d4bdcc),url(assets/detail-4.webp) center/cover}.word{z-index:0;opacity:.7}.lead{z-index:4}.annotation{font:italic 24px Georgia}.lead .origin{font-size:17px;margin:0 0 16px}.footline,.topline,.k,.logo small,footer .index,.annotation small{display:none}.lead p{font-size:17px}.lead h1{margin:0 0 18px}.shop{background:radial-gradient(ellipse at 19% 50%,#e7eddcaa,transparent 55%)}.plate{border-radius:50% 50% 44% 44% / 42% 42% 30% 30%;background:radial-gradient(ellipse,#e8eddb,#f6f5ea)}.plate:after{content:'';position:absolute;bottom:5%;left:35%;width:30%;height:14px;background:#2c3d2240;border-radius:50%;filter:blur(9px)}.plate img{z-index:1}.views{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.lens{clip-path:inset(0 round 8vw 2vw 8vw 2vw)}.macro{border-radius:45% 0 0 45% / 27% 0 0 27%;background:radial-gradient(ellipse,#ebe6c9,#d8c999)}.film{background:radial-gradient(ellipse at 30% 60%,#dce3cd, var(--paper) 72%)}.film video{border-radius:clamp(24px,5vw,75px)}.gallery img{border-radius:36px 36px 50px 18px}.gallery button{position:relative}.gallery button span{margin:12px 0 0;font-size:16px}.close{border-radius:7vw 7vw 0 0;background:radial-gradient(ellipse at 76% 65%,#c3cfab,#e8eddc 70%)}footer{margin:-22px 4% 18px;position:relative;border-radius:30px;border:1px solid #fff;background:linear-gradient(130deg,#ffffffc9,#e7ecd1bd);box-shadow:inset 0 1px 1px white,0 9px 35px #31452a18;backdrop-filter:blur(22px);gap:15px;flex-wrap:wrap}footer .links{display:flex;flex-wrap:wrap;gap:8px}dialog{border-radius:32px;border:1px solid #fff;background:linear-gradient(135deg,#fffffff2,#e9eddff0);backdrop-filter:blur(22px);box-shadow:0 20px 80px #20361e38}#clear,dialog .x{padding:8px 15px}.light img{border-radius:14px}.note{font-size:14px}.logo{display:inline-block}.v3 .prod{transition:opacity .18s}.reveal-in{will-change:auto}@media(max-width:720px){header{gap:7px;height:66px}header nav{gap:3px}header nav a,header .bag{font-size:13px;padding:8px 10px}.logo{font-size:24px}.prod,.v2 .prod,.v3 .prod{height:45%;top:10%}.shadow,.v2 .shadow,.v3 .shadow{left:58%;top:57%;width:30%;bottom:auto}.pillscape,.v3 .pillscape{left:34%;top:8%;width:50%;height:46%}.annotation,.v3 .annotation{font-size:18px}.lead,.v3 .lead{bottom:6%;width:90%}.lead .origin{display:block;font-size:15px}.gallery img{border-radius:23px}.macro{border-radius:30% 30% 0 0 / 14% 14% 0 0}.shop .plate{height:380px}.lenscopy{top:8%}footer{margin-inline:4%;padding:25px}}@media(prefers-reduced-motion:reduce){.prod{animation:none}.glass,.viewbtn{transition:none}.pillscape{transform:none}}
.gallery .cutout{object-fit:contain;background:transparent;filter:drop-shadow(1px 12px 7px #233b292e)}