:root{--font-geist-sans:"Geist";--background:#081a28;--foreground:#fff8e8;--card:#f3ead4;--card-foreground:#172d2b;--primary:#ed684f;--primary-foreground:#fffaf0;--secondary:#b7c790;--secondary-foreground:#12251f;--muted:#d8ceb7;--muted-foreground:#54625b;--accent:#f0bd4d;--accent-foreground:#2a281d;--border:#fff8e82e;--input:#fff8e826;--ring:#f0bd4d;--radius:1rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,a{font:inherit}button{color:inherit}.atlas-shell{background:#081a28;min-height:100svh}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06151fc7;border-bottom:1px solid #fff8e829;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,4vw,64px);display:grid;position:fixed;inset:0 0 auto}.brand{color:#fff8e8;letter-spacing:-.03em;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#ed684f;border-radius:50% 50% 48% 52%;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:20px;display:grid;transform:rotate(-5deg);box-shadow:inset 0 -3px #621e1838}.topbar-center{color:#fff8e8a3;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:flex}.round-button{cursor:pointer;background:#081b288f;border:1px solid #fff8e833;border-radius:50%;justify-self:end;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.round-button:hover{background:#ed684f;border-color:#ed684f;transform:rotate(4deg)}.map-stage{isolation:isolate;background:#071925;grid-template-columns:minmax(330px,36%) minmax(0,64%);min-height:100svh;padding-top:76px;display:grid;overflow:hidden}.intro-panel{z-index:5;background:radial-gradient(circle at 25% 24%,#204e4b8c,#0000 38%),linear-gradient(145deg,#0a2230,#061722 76%);min-height:calc(100svh - 76px);padding:clamp(56px,8vh,96px) clamp(28px,4.5vw,70px) 55px;position:relative;box-shadow:20px 0 60px #00000040}.intro-panel:after{content:"";z-index:-1;opacity:.18;background-image:radial-gradient(#f5dfae .6px,#0000 .6px);background-size:8px 8px;position:absolute;inset:0}.intro-copy{z-index:4;max-width:440px;position:relative}.eyebrow{color:#f0bd4d;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.intro-copy h1{letter-spacing:-.055em;text-wrap:balance;max-width:480px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,6.2vw,92px);font-weight:400;line-height:.91}.intro-text{color:#fff8e8b8;max-width:370px;margin:26px 0 0;font-size:15px;line-height:1.65}.map-panel{background:#081b29;justify-content:center;align-items:center;min-width:0;min-height:calc(100svh - 76px);display:flex;position:relative;overflow:hidden}.map-art{aspect-ratio:1586/992;flex:none;width:min(100%,159.88svh - 121.509px);position:relative}.map-image{object-fit:cover;filter:saturate(.9)contrast(1.03);width:100%;height:100%;position:absolute;inset:0}.map-shade{pointer-events:none;background:linear-gradient(90deg,#05141e3d,#0000 38%,#05141e24 100%),linear-gradient(#0000 64%,#04121c8a 100%);position:absolute;inset:0}.map-label{color:#fff8e8b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#04121c80;border:1px solid #fff8e838;border-radius:999px;padding:7px 11px;font-size:10px;position:absolute}.japan-label{top:35%;right:5%}.roll-pin{--pin-color:#ed684f;z-index:8;cursor:pointer;background:0 0;border:0;width:46px;height:46px;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.pin-orb{z-index:2;background:var(--pin-color);border:3px solid #fff8e8;border-radius:50%;place-items:center;width:46px;height:46px;font-size:21px;transition:transform .25s;display:grid;position:relative;box-shadow:0 8px 25px #0006}.pin-radar{border:1px solid var(--pin-color);opacity:0;border-radius:50%;width:54px;height:54px;position:absolute;top:23px;left:23px;transform:translate(-50%,-50%)scale(.7)}.pin-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff8e8;white-space:nowrap;opacity:0;pointer-events:none;background:#071924d1;border:1px solid #fff8e838;border-radius:12px;flex-direction:column;align-items:flex-start;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.2;transition:all .25s;display:flex;position:absolute;top:50%;left:55px;transform:translate(-8px,-50%);box-shadow:0 9px 24px #00000040}.pin-caption b{color:var(--pin-color);letter-spacing:.14em;font-size:8px}.roll-pin:hover .pin-orb,.roll-pin.is-active .pin-orb{transform:scale(1.12)rotate(-4deg)}.roll-pin:hover .pin-caption,.roll-pin.is-active .pin-caption{opacity:1;border-color:var(--pin-color);transform:translateY(-50%)}.roll-pin.is-active .pin-radar{animation:2s ease-out infinite radar}@keyframes radar{0%{opacity:.9;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.story-card{z-index:15;color:#18302d;opacity:0;pointer-events:none;background:#f3ead4;border-radius:22px 22px 6px;grid-template-columns:132px 1fr;width:min(465px,100% - 36px);padding:0;transition:all .35s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:36px;right:clamp(18px,3vw,46px);overflow:hidden;transform:translateY(24px);box-shadow:0 24px 70px #00000061}.story-card.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.story-card:after{content:"";pointer-events:none;border:1px solid #18302d21;border-radius:15px 15px 2px;position:absolute;inset:9px}.story-close{z-index:2;color:#18302d;cursor:pointer;background:0 0;border:1px solid #18302d2e;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:18px}.story-photo{object-fit:cover;width:100%;height:100%;min-height:245px}.story-body{padding:26px 28px 24px;position:relative}.story-index{color:#bf705c;letter-spacing:.15em;font-size:10px;font-weight:800}.story-kicker{color:#7a6f5f;letter-spacing:.1em;text-transform:uppercase;margin:16px 0 7px;padding-right:28px;font-size:9px;font-weight:700}.story-card h2{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:38px;font-weight:400}.story-body>p:last-of-type{color:#52605b;margin:10px 0 16px;font-size:12px;line-height:1.5}.story-link{z-index:2;color:#18302d;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #bf705c;align-items:center;gap:8px;padding:0 0 4px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.map-hint{z-index:5;color:#fff8e8a8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:43px;left:clamp(28px,4.5vw,70px)}.progress-dots{z-index:16;gap:7px;display:flex;position:absolute;bottom:48px;left:38px}.progress-dots span{background:#fff8e859;border-radius:50%;width:5px;height:5px}.progress-dots .is-current{background:#f0bd4d;border-radius:99px;width:22px}.story-section{color:#17302d;background:#f0e6cf;min-height:100svh;padding:clamp(84px,10vw,150px) clamp(22px,7vw,110px) 0;position:relative;overflow:hidden}.story-section:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:radial-gradient(#745f44 .55px,#0000 .55px);background-size:7px 7px;position:absolute;inset:0}.story-heading{text-align:center;max-width:850px;margin:0 auto 70px;position:relative}.story-heading .eyebrow{color:#bc5f4e}.story-heading h2{letter-spacing:-.065em;margin:0;font-family:Georgia,serif;font-size:clamp(64px,10vw,138px);font-weight:400;line-height:.9}.story-heading>p:last-child{color:#5b665e;max-width:590px;margin:26px auto 0;font-size:17px;line-height:1.65}.photo-gallery{grid-template-columns:1.2fr .9fr .9fr;gap:14px;max-width:1180px;margin:0 auto 100px;display:grid;position:relative}.photo-gallery button{color:#fff;cursor:pointer;text-align:left;background:#17302d;border:0;border-radius:26px 26px 7px;min-height:360px;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 55px #4a331b2e}.photo-gallery button:nth-child(n+2){min-height:310px;margin-top:50px}.photo-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}.photo-gallery button:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#041214c7);position:absolute;inset:0}.photo-gallery button:hover img{filter:saturate(1.08);transform:scale(1.045)}.photo-gallery button>span{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.photo-gallery b{font-family:Georgia,serif;font-size:28px;font-weight:400}.photo-gallery small{color:#fff8e8b3;letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700}.ingredient-board{grid-template-columns:minmax(280px,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(40px,8vw,120px);max-width:1050px;margin:0 auto 100px;display:grid;position:relative}.dish-frame{--roll-color:#ed684f;aspect-ratio:1/1.08;background:#17302d;border-radius:50% 50% 14px;width:100%;max-width:510px;margin:auto;position:relative;overflow:hidden;box-shadow:0 35px 60px #3a2a1833}.dish-frame:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff8e866;position:absolute;inset:14px}.dish-frame img{object-fit:cover;width:100%;height:100%}.dish-badge{background:var(--roll-color);color:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 30px #0000003d}.plate-caption{color:#fff8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.17em;text-transform:uppercase;background:#06161db8;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;position:absolute;top:25px;left:28px}.ingredient-list{border-top:1px solid #18302d33}.ingredient{text-transform:capitalize;border-bottom:1px solid #18302d33;grid-template-columns:55px 1fr;align-items:center;min-height:62px;transition:all .2s;display:grid}.ingredient:hover{background:#ffffff38;padding-left:10px}.ingredient span{color:#bc5f4e;letter-spacing:.12em;font-size:9px;font-weight:800}.ingredient b{font-family:Georgia,serif;font-size:clamp(21px,2.4vw,30px);font-weight:400}.history-grid{border-top:1px solid #18302d3b;border-bottom:1px solid #18302d3b;grid-template-columns:1fr 1fr;max-width:1050px;margin:0 auto 100px;display:grid;position:relative}.history-grid article{padding:48px clamp(0px,4vw,60px) 52px 0}.history-grid article+article{border-left:1px solid #18302d3b;padding-left:clamp(25px,4vw,60px)}.history-grid span{color:#bc5f4e;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:800}.history-grid h3{letter-spacing:-.035em;margin:18px 0 14px;font-family:Georgia,serif;font-size:clamp(28px,3.2vw,42px);font-weight:400}.history-grid p{color:#59645d;margin:0;font-size:15px;line-height:1.75}.roll-switcher{flex-wrap:wrap;justify-content:center;gap:9px;max-width:1050px;margin:0 auto 100px;display:flex;position:relative}.roll-switcher button{color:#17302d;cursor:pointer;background:0 0;border:1px solid #18302d38;border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.roll-switcher button span{color:#bc5f4e;font-size:8px}.roll-switcher button:hover,.roll-switcher button.is-active{color:#fff8e8;background:#17302d;border-color:#17302d;transform:translateY(-2px)}.roll-switcher button.is-active span{color:#f0bd4d}footer{color:#fff8e8;background:#17302d;grid-template-columns:1fr minmax(260px,450px) 1fr;align-items:center;gap:30px;min-height:150px;margin:0 calc(-1*clamp(22px,7vw,110px));padding:35px clamp(22px,7vw,110px);display:grid;position:relative}.footer-brand{justify-self:start}.footer-copy{text-align:center}footer p{color:#fff8e89e;text-align:center;margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.4}.footer-credit{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:.06em;margin-top:9px;font-size:11px;font-weight:600}.footer-credit span{color:#ed684f}footer>a:last-child{color:#f0bd4d;letter-spacing:.1em;text-transform:uppercase;justify-self:end;font-size:11px;font-weight:700;text-decoration:none}@media (width<=820px){.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.map-stage{grid-template-columns:1fr;padding-top:76px;overflow:visible}.intro-panel{min-height:auto;padding:54px 24px 42px}.intro-copy h1{font-size:clamp(44px,15vw,68px)}.intro-text{max-width:300px}.map-panel{min-height:690px}.map-art{width:100%}.roll-pin{transform:translate(-50%,-50%)scale(.9)}.pin-caption{display:none}.story-card{bottom:70px;right:18px}.map-hint{display:none}.progress-dots{bottom:34px;left:50%;transform:translate(-50%)}.japan-label{display:none}.story-section{padding-top:90px}.photo-gallery{grid-template-columns:1fr}.photo-gallery button,.photo-gallery button:nth-child(n+2){min-height:330px;margin-top:0}.ingredient-board{grid-template-columns:1fr}.dish-frame{width:min(500px,92vw)}.history-grid{grid-template-columns:1fr}.history-grid article{padding:40px 0}.history-grid article+article{border-top:1px solid #18302d3b;border-left:0;padding-left:0}footer{text-align:center;grid-template-columns:1fr}.footer-brand,footer>a:last-child{justify-self:center}}@media (width<=560px){.intro-panel{padding-top:42px}.intro-text{font-size:14px}.map-panel{min-height:610px}.map-art{width:100%}.story-card{grid-template-columns:104px 1fr;width:calc(100% - 24px);right:12px}.story-photo{min-height:220px}.story-body{padding:20px 19px 18px}.story-close{top:12px;right:12px}.story-card h2{font-size:28px}.roll-pin{transform:translate(-50%,-50%)scale(.78)}.story-heading{margin-bottom:50px}.photo-gallery,.ingredient-board,.history-grid,.roll-switcher{margin-bottom:70px}.photo-gallery button,.photo-gallery button:nth-child(n+2){min-height:270px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}