.youzan-project{--yu:calc(100vw / 1920);color:#eeeee8;background:#080909;overflow:clip}.youzan-shell,.youzan-nav{width:66.6667%;margin-inline:auto}.youzan-nav{z-index:40;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(110deg,#30372d60,#171b1580);border:1px solid #ffffff29;border-radius:999px;justify-content:space-around;align-items:center;gap:12px;min-height:56px;margin-top:32px;padding:8px 18px;display:flex;position:sticky;top:20px}.youzan-nav a{font-size:clamp(12px,calc(var(--yu)*16),16px);color:#b5bdac;padding:8px;text-decoration:none}:is(.youzan-nav a:hover,.youzan-nav a:focus-visible){color:#c5ff32}.youzan-project section,.youzan-hero{scroll-margin-top:110px}.youzan-hero{padding:calc(var(--yu)*68) 0 calc(var(--yu)*52);gap:calc(var(--yu)*40);grid-template-columns:minmax(0,850fr) minmax(0,390fr);align-items:end;display:grid}.youzan-eyebrow{color:#89957c;font-size:clamp(10px,calc(var(--yu)*14),14px);letter-spacing:.12em}.youzan-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:calc(var(--yu)*94);letter-spacing:-.04em;color:#c5ff32;margin:20px 0 16px;font-weight:900;line-height:1}.youzan-hero h2{font-size:calc(var(--yu)*32);margin:0;font-weight:500}.youzan-hero>p{font-size:clamp(12px,calc(var(--yu)*16),16px);color:#abb39f;padding-left:calc(var(--yu)*30);border-left:1px solid #ffffff28;margin:0;line-height:1.9}.youzan-hero>p span{color:#7a876c}.youzan-picture{min-width:0;margin:0}.youzan-photo{cursor:zoom-in;aspect-ratio:4/3;background:#151810;border:0;width:100%;padding:0;display:block;overflow:hidden}.youzan-photo img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s;display:block;transform:none}.youzan-photo:hover img{filter:brightness(1.035);transform:scale(1.018)}.youzan-photo:focus-visible{outline-offset:5px;outline:2px solid #c5ff32}.youzan-picture figcaption{font-size:clamp(12px,calc(var(--yu)*17),17px);color:#cbd0c1;justify-content:space-between;gap:10px;padding-top:14px;line-height:1.5;display:flex}.youzan-picture figcaption small{font-size:clamp(10px,calc(var(--yu)*14),14px);color:#859474}.youzan-bee{gap:calc(var(--yu)*40);grid-template-columns:minmax(0,720fr) minmax(0,520fr);align-items:stretch;display:grid}.youzan-bee>.youzan-picture .youzan-photo{aspect-ratio:6/5}.youzan-bee>.youzan-picture small{color:#c5ff32}.youzan-bee-side{flex-direction:column;display:flex}.youzan-bee-side .youzan-photo{aspect-ratio:10/7}.youzan-bee-note{border-top:1px solid #ffffff25;flex-direction:column;flex:1;justify-content:center;margin-top:24px;padding-block:20px 0;display:flex}.youzan-bee-note h3{font-size:calc(var(--yu)*29);margin:14px 0}.youzan-bee-note p{font-size:clamp(13px,calc(var(--yu)*18),18px);color:#a1ad94;margin:0;line-height:1.8}.youzan-heading{margin:calc(var(--yu)*56) 0 28px;border-top:1px solid #ffffff28;justify-content:space-between;align-items:baseline;gap:24px;padding-top:26px;display:flex}.youzan-heading h2{font-size:calc(var(--yu)*36);letter-spacing:-.025em;margin:0;font-weight:600}.youzan-heading p{color:#8d9b7e;font-size:clamp(12px,calc(var(--yu)*15),15px);margin:0}.youzan-pair{gap:calc(var(--yu)*36);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.youzan-food{gap:calc(var(--yu)*36);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:40px;display:grid}.youzan-food-main .youzan-photo{aspect-ratio:1}.youzan-stack{grid-template-rows:1fr 1fr;gap:24px;display:grid}.youzan-stack .youzan-picture{flex-direction:column;display:flex}.youzan-stack .youzan-photo{aspect-ratio:auto;flex:1;min-height:0}.youzan-stack img{position:absolute;inset:0}.youzan-stack .youzan-photo{position:relative}.youzan-stack .youzan-picture:first-child img{object-fit:contain}.youzan-stack figcaption{padding-top:10px}.youzan-last{margin-top:42px}.youzan-last .youzan-photo{aspect-ratio:4/3}.youzan-wall-frame{width:100%;height:640px;position:relative}.youzan-wall-hint{text-align:center;color:#8b9a7d;margin:20px 0 0;font-size:13px}.youzan-footer{flex-direction:column;align-items:center;gap:28px;padding:72px 0 100px;display:flex}.youzan-footer>span{background:#c5ff32;width:36px;height:2px}.youzan-footer a{color:#ddd;border:1px solid #ffffff39;border-radius:999px;padding:12px 42px;font-size:14px;text-decoration:none}.youzan-footer a:hover{color:#c5ff32;border-color:#c5ff32}.youzan-lightbox[data-slot=dialog-content]{z-index:100;color:#eee;background:#10120f;border:1px solid #ffffff29;flex-direction:column;gap:12px;width:min(1100px,100vw - 40px);max-width:none;height:calc(100dvh - 48px);max-height:100dvh;padding:20px;animation:.18s ease-out both youzan-modal-fade;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.youzan-lightbox-title{margin:0;padding-right:30px;font-size:15px;font-weight:400;line-height:1.5}.youzan-lightbox-title small{color:#a5b397;margin-top:4px;font-size:12px;display:block}.youzan-lightbox-scroll{overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.youzan-lightbox-scroll img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.youzan-lightbox.is-long{width:min(920px,100vw - 40px)}.youzan-lightbox.is-long .youzan-lightbox-scroll{display:block}.youzan-lightbox.is-long img{object-fit:contain;width:100%;height:auto;max-height:none}@keyframes youzan-modal-fade{0%{opacity:0}to{opacity:1}}@media (max-width:760px){.youzan-project{--yu:1px}.youzan-shell,.youzan-nav{width:calc(100% - 40px)}.youzan-nav{gap:0;min-height:44px;margin-top:20px;padding:6px;top:12px}.youzan-nav a{padding:6px;font-size:10px}.youzan-hero{grid-template-columns:1fr;gap:24px;padding-top:48px}.youzan-hero h1{font-size:clamp(32px,8vw,60px)}.youzan-hero h2{font-size:23px}.youzan-hero>p{padding-left:18px;font-size:13px}.youzan-bee{grid-template-columns:1fr;gap:28px}.youzan-bee-note h3{font-size:24px}.youzan-bee-note{padding-bottom:0}.youzan-heading{flex-direction:column;gap:12px;margin-top:48px}.youzan-heading h2{font-size:24px}.youzan-pair{grid-template-columns:1fr;gap:24px}.youzan-food{grid-template-columns:1fr;gap:24px;margin-top:28px}.youzan-stack .youzan-photo{aspect-ratio:4/3;flex:none}.youzan-stack .youzan-picture:first-child .youzan-photo{aspect-ratio:750/332}.youzan-last{margin-top:28px}.youzan-picture figcaption{font-size:13px}.youzan-picture figcaption small{font-size:10px}.youzan-wall-frame{height:500px}.youzan-wall-hint{font-size:11px}.youzan-footer{padding:52px 0 72px}.youzan-lightbox[data-slot=dialog-content]{width:calc(100vw - 24px);height:calc(100dvh - 32px);padding:14px}}@media (prefers-reduced-motion:reduce){.youzan-photo img{transition:none}.youzan-lightbox[data-slot=dialog-content]{animation:none}}@media (max-width:760px){.youzan-stack{grid-template-rows:auto auto}}