:root{--paper:#f6f5ef;--ink:#171b16;--leaf:#254d3c;--citrus:#e2ee36;--red:#e75c2b;--column:381px;--side:calc((100vw - var(--column))/2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:15px;line-height:1.8;letter-spacing:.035em}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}img{display:block;width:100%;height:auto}p{margin:0}h1,h2,h3,figure{margin:0}strong{font-weight:700}.page-shell{position:relative;width:var(--column);margin:auto;border-inline:1px solid var(--ink);background:var(--paper);min-height:100vh}.sample-bar{position:relative;z-index:10;margin:auto;width:var(--column);padding:12px 15px;background:var(--leaf);color:white;font-size:10px;line-height:1.6;letter-spacing:.04em}.sample-bar a{text-decoration:underline}.edge-frame{position:fixed;inset:0;z-index:20;pointer-events:none;border-top:7px solid;border-bottom:7px solid;border-image:repeating-linear-gradient(90deg,var(--ink) 0 8px,var(--paper) 8px 16px) 7}.left-plane,.right-plane{position:fixed;top:0;bottom:0;width:var(--side);pointer-events:none;overflow:hidden;z-index:-1}.left-plane{left:0}.right-plane{right:0}.left-plane:before{content:"";position:absolute;left:52%;top:-80px;width:68px;height:500px;background:var(--citrus);transform:rotate(-29deg)}.left-plane:after{content:"";position:absolute;left:9%;bottom:-110px;width:78px;height:350px;background:var(--leaf);transform:rotate(29deg)}.right-plane:before{content:"";position:absolute;right:30px;bottom:-100px;background:var(--red);width:70px;height:300px;transform:rotate(35deg)}.right-plane:after{content:"";position:absolute;top:155px;left:42px;width:92px;height:92px;background:var(--red);border-radius:50%}
.hero{position:relative;min-height:702px;padding-top:30px;overflow:visible}.hero-frame{height:492px;position:relative}.hero-frame:before{content:"";position:absolute;left:15px;top:18px;width:106px;height:92px;background:var(--citrus);border:1px solid var(--ink);transform:rotate(-11deg);box-shadow:5px 5px 0 var(--red)}.hero-frame:after{content:"";position:absolute;right:21px;top:28px;width:136px;height:77px;border:1px solid var(--ink);background:var(--leaf);transform:rotate(9deg)}.hero-visual{position:absolute;left:29px;top:140px;width:321px;height:292px;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--citrus);overflow:hidden}.photo-track{display:flex;width:100%;height:100%;transform:translateX(0);transition:transform 1s cubic-bezier(.23,1,.32,1)}.photo-track img{width:100%;height:100%;flex:0 0 100%;object-fit:cover}.hero-kicker{position:fixed;left:22px;top:86px;width:calc(var(--side) - 44px);font-family:Arial,sans-serif;font-size:clamp(38px,5.8vw,86px);font-weight:900;line-height:1.02;letter-spacing:-.065em;overflow-wrap:anywhere;z-index:3;pointer-events:none}.hero-copy h1{position:absolute;left:43px;top:345px;width:286px;padding:8px 12px;font-size:17.0688px;font-weight:700;line-height:1.6;letter-spacing:.12em;background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--paper);transform:rotate(-3deg);z-index:2}.hero-copy>p{position:fixed;left:34px;bottom:100px;width:calc(var(--side) - 74px);max-width:310px;font-size:15px;line-height:2.05;z-index:3}.hero-badge-row{position:fixed;left:calc(50vw + 190.5px + 42px);top:250px;display:flex;flex-wrap:wrap;gap:15px;width:calc(var(--side) - 80px);z-index:3}.hero-badge{background:var(--citrus);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:6px 10px;font-size:13px;font-weight:700;transform:rotate(-9deg)}.hero-badge:nth-child(even){transform:rotate(8deg);background:var(--paper)}.hero-note{padding:12px 23px 25px;position:relative;border-bottom:1px solid var(--ink)}.hero-note:before{content:"";position:absolute;left:0;right:0;top:-41px;height:31px;background:var(--citrus);transform:skewY(-9deg);z-index:0}.hero-note-card{position:relative;z-index:1}.hero-note .en{display:inline-block;border:1px solid var(--ink);background:var(--paper);padding:0 9px;font-size:12px;letter-spacing:.13em}.hero-note strong{display:block;margin:9px 0;font-size:17px;line-height:1.7}.hero-note-card>span:last-child{font-size:15px;line-height:1.8;display:block}
main section{position:relative;padding:52px 23px 50px;border-bottom:1px solid var(--ink)}.section-head{margin-bottom:30px;text-align:center}.section-head h2{font-size:25.4px;line-height:1.5;letter-spacing:.08em;font-weight:700;margin-bottom:22px}.section-head>p{text-align:left;font-size:15px;line-height:2}.section-head>.en.side-link{position:fixed;left:calc(50vw + 190.5px + 34px);width:calc(var(--side) - 64px);text-align:left;z-index:5;font-size:clamp(18px,2.05vw,28px);font-family:Arial,sans-serif;font-weight:900;line-height:1.15;letter-spacing:.04em;white-space:nowrap}.side-link[data-slot="0"]{top:440px}.side-link[data-slot="1"]{top:492px}.side-link[data-slot="2"]{top:544px}.side-link[data-slot="3"]{top:596px}.side-link a{display:inline-block;transition:transform .25s}.side-link a:hover{transform:translateX(10px)}.side-link a:after{content:"↗";display:inline-block;margin-left:12px;font-weight:400}.section-head h2{background:var(--red);border:1px solid var(--ink);padding:16px 10px;box-shadow:5px 5px 0 var(--paper),6px 6px 0 var(--ink);transform:rotate(-3deg)}#aoba-s02{padding-top:52px}#aoba-s02 h2{font-size:36.576px;line-height:1.45;background:var(--citrus);box-shadow:none;transform:none;text-align:left;padding:4px;border:none;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}#aoba-s02 .section-head>p{margin-top:28px}.story-panel{margin-bottom:35px;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.story-panel p{font-size:15px;line-height:2.1}.story-grid{display:grid;gap:28px}.story-card{padding:0 0 26px;border-bottom:1px solid var(--ink)}.story-card:last-child{border:0}.story-card .label,.menu-card .kind,.guide-card>.en{font-size:12px;letter-spacing:.11em;border:1px solid var(--ink);padding:3px 8px;display:inline-block;background:var(--citrus);margin-bottom:13px}.story-card strong{display:block;font-size:19px;margin-bottom:12px}.story-card p{font-size:15px;line-height:2}.menu-title{padding:25px 0;text-align:center;border-block:1px solid var(--ink)}.menu-title .jp{display:block;font-size:25.4px;font-weight:700}.menu-title .en{display:block;font-size:12px;margin-top:10px}.menu-grid{display:grid;gap:0}.menu-card{position:relative;padding:35px 0;border-bottom:1px solid var(--ink)}.menu-card:last-child{border:0}.menu-card h3{font-size:21px;line-height:1.6}.menu-card p{font-size:15px;line-height:2;margin-top:15px}.price{display:inline-block;font-size:30.48px;font-weight:700;margin-top:12px;background:var(--citrus);padding:0 9px;transform:rotate(-4deg)}#aoba-s04{padding-inline:0}.gallery-frame{display:grid;gap:38px}.record{position:relative;margin:0}.record img{aspect-ratio:1/1;object-fit:cover}.record:nth-child(even){margin-inline:25px}.record .cap{position:relative;display:block;width:calc(100% - 34px);margin:-23px 17px 0;background:var(--ink);color:var(--paper);font-size:15px;padding:12px;border:1px solid var(--ink);transform:rotate(-3deg)}.record:nth-child(even) .cap{background:var(--citrus);color:var(--ink);transform:rotate(3deg)}#aoba-s04 .section-head{padding:0 23px}#aoba-s06 h2{font-size:30.48px;background:var(--leaf);color:white}.guide{display:grid;gap:35px}.guide-card{padding:25px 0;border-top:1px solid var(--ink)}.guide-card h3{font-size:22px;margin-bottom:20px}.guide-card dl{margin:0}.guide-card dl>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--ink);padding:13px 0;font-size:15px}.guide-card dt{font-weight:700}.guide-card dd{margin:0;overflow-wrap:anywhere}.cta-note{font-size:15px;line-height:2;margin-top:22px}#noren-direct-reception{padding:38px 14px;background:var(--citrus);border-bottom:1px solid var(--ink)}footer{padding:55px 23px 65px;font-size:15px;line-height:2.1;min-height:400px}.footer-mark{display:block;font-weight:700;font-size:25.4px;line-height:1.6;margin-bottom:30px}footer a{text-decoration:underline}.appear{animation:arrive .8s both}@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){:root{--column:430px}.hero-visual{width:calc(100% - 58px)}.hero-badge-row,.section-head>.en.side-link{left:calc(50vw + 215px + 34px)}.hero-copy h1{width:calc(100% - 86px)}}
@media(max-width:1000px){.hero-kicker{font-size:45px}.hero-copy>p{font-size:15px;bottom:60px;left:22px;width:calc(var(--side) - 40px)}.hero-badge-row{left:calc(50vw + 190.5px + 20px);width:calc(var(--side) - 40px)}.hero-badge{font-size:12px}.section-head>.en.side-link{font-size:18px;left:calc(50vw + 190.5px + 20px);letter-spacing:0}.side-link a:after{display:none}}
@media(max-width:760px){:root{--column:min(100%,430px)}.left-plane,.right-plane{display:none}.edge-frame{border-top-width:5px;border-bottom-width:5px}.page-shell{border-inline:1px solid var(--ink)}.sample-bar{font-size:10px;padding:12px 15px}.hero{padding-top:0;min-height:0}.hero-frame{height:650px}.hero-kicker{position:absolute;top:26px;left:22px;width:calc(100% - 44px);font-size:45px;line-height:1.02;letter-spacing:-.06em;z-index:4}.hero-frame:before{top:125px;left:24px;width:78px;height:67px}.hero-frame:after{top:137px;right:28px;width:100px;height:59px}.hero-visual{top:217px;left:25px;width:calc(100% - 50px);height:300px}.hero-copy h1{top:427px;left:40px;width:calc(100% - 80px);font-size:17.0688px}.hero-copy>p{position:relative;left:auto;bottom:auto;width:auto;max-width:none;font-size:15px;padding:0 24px;line-height:2;margin:0 0 30px}.hero-copy{display:contents}.hero-copy>p{position:absolute;top:676px;left:0;right:0;margin:0}.hero-badge-row{position:absolute;left:24px;top:548px;width:calc(100% - 48px);gap:15px}.hero-badge{font-size:12px}.hero-note{margin-top:247px;padding-bottom:38px}.hero-note:before{top:-30px;height:21px}.section-head>.en.side-link{position:static;display:block;width:auto;white-space:normal;text-align:center;font-size:25px;margin-bottom:25px}.side-link a:after{display:none}.section-head h2{font-size:25.4px}#aoba-s02 h2{font-size:36.576px}main section{padding-top:42px}.record .cap{font-size:15px}footer{min-height:0}.hero-note-card>span:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-track,.side-link a{transition:none}.appear{animation:none}.photo-track{transform:none!important}}
/* Measured type metrics from the reference section brief. */
.hero-copy h1{font-weight:500;letter-spacing:3.41376px;line-height:25.6032px}
.section-head h2{font-weight:600;letter-spacing:3.2512px;line-height:38.1px}
#aoba-s02 h2{font-weight:600;letter-spacing:7.3152px;line-height:54.864px}
#aoba-s06 h2{line-height:45.72px}
.left-plane:after{bottom:-260px}
.hero-frame:before{background:var(--citrus) url('img/02.jpg') center/cover}
.hero-frame:after{background:var(--leaf) url('img/03.jpg') center/cover}
@media(max-width:760px){.hero-frame:before{background-position:center}.hero-frame:after{background-position:center}}
#noren-direct-reception p{font-size:15px;line-height:1.85}
@media(prefers-reduced-motion:no-preference){.hero-badge{animation:labelSway 5s ease-in-out infinite alternate}.hero-badge:nth-child(even){animation-name:labelSwayBack;animation-delay:-2s}.hero-frame:before{animation:photoSway 7s ease-in-out infinite alternate}}
@keyframes labelSway{from{transform:rotate(-9deg)}to{transform:rotate(-5deg)}}
@keyframes labelSwayBack{from{transform:rotate(8deg)}to{transform:rotate(4deg)}}
@keyframes photoSway{from{transform:rotate(-11deg)}to{transform:rotate(-7deg)}}