/* ===== con2 : why (ref 1280x785) ===== */
.why{height:785px;background:#000;background-image:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.9)),url(../images/store_in3.webp);background-size:cover;background-position:center}
.why::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 33px,var(--hair) 33px 34px,transparent 34px calc(100% - 34px),var(--hair) calc(100% - 34px) calc(100% - 33px),transparent 0);pointer-events:none}
.why__tabs{position:absolute;left:0;right:0;top:15px;height:76px;display:flex;justify-content:center;border-block:1px solid var(--hair)}
.why__tabs span{width:243px;display:grid;place-items:center;font-family:var(--f-en);font-weight:900;font-size:25px;color:var(--or);border-inline:1px solid var(--hair);margin-left:-1px}
.why__echo{position:absolute;left:196px;top:92px;line-height:1.08}
.why__echo p{font-family:var(--f-body);font-weight:500;font-size:64px;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px rgba(var(--or-rgb),.42)}
.why__copy{position:absolute;left:684px;top:150px;width:520px}
.why__pre{font-family:var(--f-serif);font-weight:900;font-size:38px;letter-spacing:-.06em}
.why__copy h2{font-size:46px;letter-spacing:-.06em;margin:4px 0 28px;line-height:1.15}
.why__copy p:last-child{font-size:16px;line-height:1.95;color:#eee}
.why__pains{position:absolute;left:193px;top:413px;display:flex}
.why__pains::before{content:"";position:absolute;left:-193px;right:-190px;top:95px;height:40px;background:repeating-linear-gradient(180deg,var(--hair) 0 1px,transparent 1px 8px);z-index:0}
.why__pains li{position:relative;width:250px;height:250px;margin-right:-35px;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--or),0 0 12px rgba(var(--or-rgb),.45);z-index:1}
.why__pains img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.62) contrast(1.1)}
.why__pains b{position:relative;text-align:center;font-family:var(--f-serif);font-weight:900;font-size:22px;line-height:1.35;text-shadow:0 2px 6px #000}
.why__pains em{display:block;font-style:normal;color:var(--or)}

/* ===== con3 : signature (ref 1280x703) ===== */
.sig{height:703px;background:var(--paper-tex);color:var(--ink)}
.sig{background:var(--or)}
.sig::before{content:"";position:absolute;inset:0;background:var(--paper-tex);clip-path:path("M 752 0 C 600 110 486 330 476 703 L 1280 703 L 1280 0 Z");z-index:1}
.sig::after{content:"";position:absolute;inset:0;background:var(--sig-edge);clip-path:path("M 740 0 C 588 110 474 330 464 703 L 476 703 C 486 330 600 110 752 0 Z");z-index:1}
.sig__burst{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 262px 380px,rgba(var(--burst-rgb),.55) 0 3.2deg,transparent 3.2deg 8deg)}
.sig__plate{position:absolute;z-index:2;left:-30px;top:130px;width:604px}
.sig__plate img{width:100%;filter:var(--nuki-shadow)}
.sig__script{position:absolute;z-index:3;left:84px;top:390px;font-family:var(--f-en);font-weight:900;font-size:92px;color:#fff;transform-origin:left;letter-spacing:.02em;text-shadow:0 4px 16px rgba(0,0,0,.35);line-height:1}
.sig__copy{position:absolute;z-index:2;left:640px;top:150px}
.sig__pre{font-family:var(--f-serif);font-weight:900;font-size:25px;color:var(--or);transform-origin:left}
.sig__heavy{margin-top:22px;font-family:var(--f-heavy);font-weight:400;font-size:58px;line-height:1.02;letter-spacing:-.04em}
.sig__heavy span{display:block}
.sig__heavy em{font-style:normal;color:#c9c9c9}
.sig__neon{margin-top:26px;font-size:62px;letter-spacing:-.06em;line-height:1.1}
.sig__body{margin-top:40px;font-size:17px;line-height:1.95;color:#333}
.sig__vert{position:absolute;z-index:2;right:42px;top:66px;writing-mode:vertical-rl;font-family:var(--f-cap);font-weight:900;font-size:17px;letter-spacing:.6em;color:var(--or)}
.sig__vline{position:absolute;z-index:2;right:50px;top:310px;width:1px;height:305px;background:var(--or)}
.sig__en{position:absolute;z-index:2;right:34px;bottom:14px;font-family:var(--f-cap);font-weight:900;font-size:17px;letter-spacing:.5em;color:var(--or)}

/* ===== con4 : ham (ref 1280x1739) ===== */
.ham{height:1739px;background:var(--stripe-or),#000}
.ham__top{position:relative;height:430px;text-align:center}
.ham__seals{position:absolute;left:50%;top:118px;margin-left:-106px;display:flex;z-index:2}
.ham__seals span{width:56px;height:56px;margin-right:-4px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--or);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 4px var(--or);background:#000;font-family:var(--f-serif);font-weight:600;font-size:24px;color:var(--or)}
.ham__arc{position:absolute;left:32px;right:32px;top:150px;height:220px;border-radius:50%/100% 100% 0 0;border-top:1px solid var(--or);box-shadow:inset 0 6px 0 -5px var(--or);opacity:.8}
.ham__sub{position:absolute;left:0;right:0;top:210px;font-size:19px;color:var(--or)}
.ham__sub b{font-weight:800}
.ham__neonbox{position:absolute;left:50%;top:248px;width:562px;height:96px;margin-left:-281px;display:flex;align-items:center;justify-content:center;gap:40px;box-shadow:var(--glow-box);border-radius:3px;background:rgba(var(--deep-rgb),.4)}
.ham__neonbox p{font-family:var(--f-serif);font-weight:900;font-size:19px;color:#fff;text-shadow:var(--glow)}
.ham__neonbox span{color:var(--or);font-size:26px}
.ham__white{position:relative;height:980px;background:#fff;color:var(--ink);border-radius:50%/140px 140px 120px 120px;margin:0 -40px;overflow:hidden;background-image:var(--dots)}
.ham__plate{position:absolute;filter:var(--nuki-shadow)}
.ham__plate--r{right:-70px;top:10px;width:440px}
.ham__plate--l{left:-40px;top:151px;width:344px}
.hstep{position:absolute;display:flex;align-items:center;gap:0;background:#fff;border-radius:10px;padding:12px;box-shadow:0 0 0 1px #ddd,0 18px 20px -14px rgba(0,0,0,.35);background-image:var(--dots)}
.hstep img{width:178px;height:150px;object-fit:cover;border-radius:8px}
.hstep div{width:128px;text-align:center}
.hstep div p{font-family:var(--f-en);font-weight:900;color:var(--or);font-size:17px;border-bottom:1px solid #ddd;padding-bottom:6px;margin:0 12px 10px}
.hstep h3{font-family:var(--f-heavy);font-weight:400;font-size:42px;line-height:1.05;writing-mode:vertical-rl;margin:0 auto;text-orientation:upright;letter-spacing:.05em}
.tbadge{position:absolute;width:122px;height:122px;border-radius:50%;background:var(--or);color:#fff;display:grid;place-items:center;font-family:var(--f-en);font-weight:900;font-size:50px;line-height:1;box-shadow:0 30px 18px -18px rgba(0,0,0,.3)}
.tbadge small{font-size:.55em}
.hstep--1{left:560px;top:90px}.hstep--1 .tbadge{right:-150px;top:10px}
.hstep--2{left:436px;top:360px}.hstep--2 .tbadge{left:-150px;top:30px}
.hstep--3{left:276px;top:630px}.hstep--3 .tbadge{right:-150px;top:30px}
.ham__lockup{position:absolute;left:790px;top:600px;width:300px;text-align:center}
.ham__lockseal{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;border:3px solid var(--or);color:var(--or);font-family:var(--f-serif);font-weight:900;font-size:44px;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 6px var(--or)}
.ham__lockup img{width:300px;margin:14px 0 10px;filter:var(--logo-tint)}
.ham__lockup p{font-family:var(--f-en);font-weight:900;font-size:24px;color:var(--or);line-height:1.1}
.ham__orange{position:relative;height:300px;margin-top:-140px;padding-top:150px;background:var(--or);text-align:center;border-radius:50%/60px 60px 0 0}
.ham__orange .bigseal{top:130px;width:140px;height:140px;font-size:80px}
.ham__zero{display:flex;justify-content:center;align-items:center;gap:22px;font-family:var(--f-en);font-weight:900;font-size:20px}
.ham__zero i{width:70px;height:1px;background:#fff}
.ham__orange h3{font-family:var(--f-serif);font-weight:900;font-size:48px;margin:8px 0 6px}
.ham__orange p:last-child{font-size:14px}
.ham__photo{position:relative;height:169px;margin-top:0;background:var(--stripe-or),linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url(../images/menu_rose.webp) center/cover;display:flex;justify-content:center;align-items:center}
.ham__photo img{width:300px;filter:drop-shadow(0 4px 0 var(--or))}