:root{--paper:#e8e7d9;--pale:#faf9ef;--ink:#3c392f;--rule:#bcbcaf;--frame:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif JP",serif;font-size:16px;font-weight:400;line-height:2.4;letter-spacing:1px;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;height:auto;object-fit:cover}h1,h2,h3,p,figure,dl,dd{margin:0}h2,h3{font-weight:400}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.sample-bar{min-height:38px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 10px;padding:6px 16px;background:var(--paper);color:var(--ink);font:12px/1.7 "Noto Sans JP",sans-serif;letter-spacing:0}.page{padding:20px}.hero{position:relative}.bread-scene{height:calc(100svh - 78px);min-height:600px;position:relative;isolation:isolate;overflow:hidden;background:#68665b;color:white}.scene-image{position:absolute;inset:0;height:100%;object-position:50% 50%;z-index:-2}.bread-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(38,31,22,.15)}.eyebrow{position:absolute;top:22px;left:50%;transform:translateX(-50%);white-space:nowrap;font:400 24px/1.5 "Noto Sans JP",sans-serif;letter-spacing:2px;text-transform:uppercase}.shop-name{position:absolute;top:50%;left:15.5%;transform:translateY(-50%);font-family:"Noto Sans JP",sans-serif;font-size:64px;font-weight:100;line-height:1.6;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 20px #0002}.bread-preface{max-width:860px;margin:0 auto;padding:200px 0;min-height:1437px}.hero-copy{max-width:760px;margin:auto}.hero-lead{font-size:24px;line-height:2.4;letter-spacing:1px}.hero-sub{font-size:20px;line-height:2.4;margin-top:62px}.hero-meta{display:flex;gap:100px;margin-top:64px}.hero-meta dt{font:400 15px/1.7 "Noto Sans JP",sans-serif;text-transform:uppercase;letter-spacing:1px}.hero-meta dd{font-size:24px;line-height:2.4}.hero-aside{margin:70px auto 0;max-width:760px;display:grid;gap:32px}.stone-card h2,.stone-card h3{font-size:24px;line-height:2.4}.stone-card p{font-size:16px;line-height:2.4;margin-top:8px}.bread-stories{background:var(--pale)}.section-shell{width:100%;margin:auto}.craft{padding:0 0 120px}.craft-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start}.ingredient-board{grid-column:2;grid-row:1;padding:45px 40px 0}.craft-photo{grid-column:1;grid-row:1;height:860px;position:relative;overflow:hidden}.craft-photo img{position:absolute;top:0;right:0;width:68%;height:100%;object-position:55% center}.craft-photo::before{content:"";position:absolute;inset:0 auto 0 0;width:28.7%;background:url('img/02.jpg') 8% center/auto 100% no-repeat;opacity:.45}.section-title h2,.menu-head h2,.gallery-head h2{font-size:32px;font-weight:400;line-height:1.6;letter-spacing:2px}.label{font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.7;display:block;margin-bottom:28px;letter-spacing:1px;text-transform:uppercase}.section-title>p,.menu-head>p,.gallery-head>p{margin-top:36px;font-size:16px;line-height:2.4}.ingredient-list{margin-top:36px}.ingredient-item{display:grid;grid-template-columns:100px 1fr;gap:20px;border-bottom:1px solid var(--rule);padding:12px 0;font-size:16px;line-height:2}.ingredient-item dt{font-weight:400}.timeline{margin-top:35px;display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:64px 1fr;gap:20px;font-size:15px;line-height:2}.timeline-mark{font-family:"Noto Sans JP",sans-serif}.menu{padding:0 0 120px}.menu>.section-shell{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:860px}.menu>.section-shell::after{content:"";grid-column:2;grid-row:1/4;background:url('img/04.jpg') center/cover no-repeat;margin-right:31.8%;height:860px}.menu>.section-shell::before{content:"";position:absolute;right:0;top:0;width:14.35%;height:860px;background:url('img/01.jpg') 90% center/auto 100%;opacity:.45}.menu-head{padding:45px 40px 0}.menu-grid{grid-column:1;padding:35px 40px 0;display:grid;gap:24px}.menu-card{display:grid;grid-template-columns:1fr auto;column-gap:14px;border-top:1px solid var(--rule);padding:16px 0 0;transition:transform .4s ease}.menu-card:hover{transform:translateX(6px)}.menu-label{grid-column:1;font:400 15px/1.7 "Noto Sans JP",sans-serif;letter-spacing:1px;text-transform:uppercase}.menu-card h3{grid-column:1;font-size:24px;line-height:1.8}.menu-card p{grid-column:1/-1;font-size:16px;line-height:2.4;margin-top:8px}.price{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-weight:400}.menu-note{grid-column:1;padding:28px 40px 45px;font-size:15px;line-height:2}.gallery{padding-bottom:120px}.gallery>.section-shell{display:grid;grid-template-columns:1fr 1fr;align-items:start}.gallery-head{grid-column:2;grid-row:1;padding:45px 40px}.gallery-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:28.7% 68%;gap:3.3%;height:730px;position:relative;overflow:hidden;padding-bottom:50px}.gallery-item{position:relative;min-width:0;overflow:hidden;height:680px}.gallery-item:first-child{grid-column:2;grid-row:1}.gallery-item:nth-child(2){grid-column:1;grid-row:1;opacity:.6}.gallery-item:nth-child(3){position:absolute;left:0;top:0;width:28.7%;height:280px}.gallery-item img{height:100%;transition:transform .9s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-caption{position:absolute;bottom:0;left:0;padding:12px 15px;width:100%;background:#0008;color:white;font:400 15px/1.6 "Noto Sans JP",sans-serif;letter-spacing:.5px}.gallery-item:first-child .gallery-caption{background:#0008}.bread-details{background:var(--paper);padding:100px 35px 100px}.info,.access{max-width:1170px;margin:auto}.info-head,.access-head{margin-bottom:36px}.info-head .label,.access-head .label{font-size:20.8px;text-transform:uppercase;margin-bottom:12px}.info-head h2,.access-head h2{font-size:17.6px;line-height:1.9}.info-head p,.access-head p{margin-top:18px;font-size:16px;line-height:2}.info-grid,.access-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.info-row,.access-row{display:grid;grid-template-columns:115px 1fr;gap:25px;padding:15px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:2}.info-row dt,.access-row dt{font-weight:400}.info-card p,.access-card p{font-size:16px;line-height:2.4}.access{margin-top:100px;padding-top:60px;border-top:1px solid var(--rule)}.access-text{margin:0}footer{min-height:557px;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding:100px 20px 35px;font-size:15px;line-height:2.4;text-align:center;border-top:1px solid var(--rule)}#noren-direct-reception{--noren-accent:#51462f!important;--noren-accent2:#51462f!important;--noren-on-accent:#fff!important;--noren-font:"Noto Sans JP",sans-serif!important;--noren-radius:0px!important;--noren-radius-s:0px!important;margin:0 -20px;background:var(--paper)}
@media(prefers-reduced-motion:no-preference){.scene-image{animation:bread-entry 1.8s ease-out both}.reveal{opacity:0;transform:translateY(25px);transition:opacity 1.1s ease,transform 1.1s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes bread-entry{from{transform:scale(1.045)}to{transform:scale(1)}}}
@media(max-width:700px){:root{--frame:10px}body{font-size:16px;letter-spacing:.5px}.sample-bar{font-size:11px;min-height:46px;padding:6px 8px;line-height:1.6}.page{padding:10px}.bread-scene{height:calc(100svh - 66px);min-height:580px}.scene-image{object-position:56% center}.eyebrow{top:24px;font-size:16px;letter-spacing:1px}.shop-name{font-size:32px;left:6%;line-height:1.6;letter-spacing:0}.bread-preface{padding:110px 24px;min-height:0}.hero-lead{font-size:23px;line-height:2.2}.hero-sub{font-size:17px;line-height:2.2;margin-top:45px}.hero-meta{gap:40px;margin-top:40px}.hero-meta dt{font-size:15px}.hero-meta dd{font-size:20px}.hero-aside{margin-top:48px;gap:28px}.stone-card h2,.stone-card h3{font-size:21px;line-height:1.9}.stone-card p{font-size:16px;line-height:2.2}.craft{padding-bottom:85px}.craft-grid{grid-template-columns:1fr}.ingredient-board{grid-column:1;grid-row:2;padding:40px 24px 0}.craft-photo{grid-column:1;grid-row:1;height:500px}.section-title h2,.menu-head h2,.gallery-head h2{font-size:28px;line-height:1.7;letter-spacing:1px}.label{font-size:15px;margin-bottom:20px}.section-title>p,.menu-head>p,.gallery-head>p{margin-top:25px;font-size:16px;line-height:2.2}.ingredient-item{grid-template-columns:85px 1fr;gap:16px}.timeline-item{grid-template-columns:54px 1fr;gap:12px;font-size:15px}.menu{padding-bottom:85px}.menu>.section-shell{grid-template-columns:1fr;min-height:0}.menu>.section-shell::after{grid-column:1;grid-row:1;height:500px;margin-right:31.8%}.menu>.section-shell::before{width:28.7%;height:500px}.menu-head{grid-column:1;grid-row:2;padding:40px 24px 0}.menu-grid{grid-column:1;grid-row:3;padding:30px 24px 0;gap:26px}.menu-card h3{font-size:24px}.price{font-size:22px}.menu-card p{font-size:16px;line-height:2.2}.menu-note{padding:25px 24px 0;font-size:15px}.gallery{padding-bottom:85px}.gallery>.section-shell{grid-template-columns:1fr}.gallery-head{grid-column:1;grid-row:2;padding:40px 24px 0}.gallery-grid{grid-column:1;grid-row:1;height:500px;padding-bottom:0}.gallery-item{height:500px}.gallery-item:nth-child(3){height:200px}.gallery-caption{padding:10px 8px;font-size:15px;overflow-wrap:normal}.bread-details{padding:80px 24px}.info-grid,.access-wrap{grid-template-columns:1fr;gap:30px}.info-head .label,.access-head .label{font-size:20.8px}.info-head h2,.access-head h2{font-size:17.6px}.info-row,.access-row{grid-template-columns:86px 1fr;gap:14px;overflow-wrap:anywhere}.access{margin-top:65px;padding-top:45px}footer{min-height:360px;padding:80px 18px 30px;display:block;align-content:end;font-size:15px}#noren-direct-reception{margin:0 -10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Reference typography: compact centered identity and a large italic hero line. */
.shop-name{top:22px;left:50%;transform:translateX(-50%);font-size:24px;line-height:1.5}
.eyebrow{top:50%;left:15.5%;transform:translateY(-50%);font-size:64px;font-weight:100;font-style:italic;line-height:1.6;letter-spacing:0}
@media(max-width:700px){.shop-name{top:24px;font-size:20px;left:50%}.eyebrow{left:6%;font-size:32px;line-height:1.6;white-space:normal;max-width:88%}}
/* The centered identity remains above the reference's translucent scroll header. */
.sample-bar{position:sticky;top:0;z-index:50}
.page::before{content:"";position:fixed;top:38px;left:0;width:100%;height:80px;background:rgba(216,215,206,.94);z-index:30;opacity:0;pointer-events:none;transition:opacity .35s}
.shop-name{position:fixed;top:80px;z-index:40;color:white;transition:transform .35s}
.has-scrolled .page::before{opacity:1}
.has-scrolled .shop-name{color:var(--ink);transform:translate(-50%,-20px)}
.film-frame{height:100%;overflow:hidden}.film-track{display:flex;width:200%;height:100%;transition:transform 1.15s cubic-bezier(.2,.65,.25,1)}
.film-track img{position:static;width:50%;height:100%;flex:0 0 50%;object-fit:cover}
.film-track img:nth-child(2){object-position:85% center}
.craft-photo .film-frame{position:absolute;right:0;top:0;width:68%;height:100%}
.craft-photo .film-track img{position:static;width:50%;height:100%}
[data-film].is-shifted .film-track{transform:translateX(-50%)}
.gallery-item:hover .film-track img{transform:none}
@media(max-width:700px){.page::before{top:46px;height:72px}.shop-name{top:80px}.has-scrolled .shop-name{transform:translate(-50%,-14px)}}
@media(prefers-reduced-motion:reduce){.film-track{transform:none!important}}

/* The reference information area is one continuous list, with no card columns. */
.info-grid,.access-wrap{display:block}
.info-card+ .info-card,.access-card+ .access-card{margin-top:32px}
@media(min-width:701px){
.bread-details{padding:40px 35px}
.info-head,.access-head{margin-bottom:20px}
.info-head .label,.access-head .label{display:inline-block;margin:0 24px 0 0;vertical-align:baseline}
.info-head h2,.access-head h2{display:inline;vertical-align:baseline}
.info-head p,.access-head p{margin-top:20px}
.info-row,.access-row{padding:8px 0}
.info-card+ .info-card,.access-card+ .access-card{margin-top:20px}
.info-card p,.access-card p{line-height:2}
.access{margin-top:35px;padding-top:0;border-top:0}
}