:root{--paper:#f5f4ef;--panel:#dcd8ca;--ink:#24231f;--muted:#67645b;--line:#c9c6be;--wrap:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans CJK JP',sans-serif;font-size:16px;line-height:1.8;-webkit-text-size-adjust:100%}a{color:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.wrap{width:min(1100px,calc(100% - 80px));margin:auto}.sample-bar{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.sample-bar__inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 25px}.sample-bar a{text-decoration-thickness:1px;text-underline-offset:4px}.hero{height:1900px;position:relative}.hero>.wrap{width:100%;height:100%}.hero__shell{height:100%;position:relative}.hero__copy{display:contents}.hero .brand-name{position:absolute;left:25px;top:12px;font-size:110px;line-height:1.1;letter-spacing:-5px;font-weight:500}.hero__tag{position:absolute;top:210px;left:6%;font-size:28.8px;line-height:34.56px;font-weight:600}.hero__lead{position:absolute;top:258px;left:6%;font-size:15px;line-height:22px;z-index:2}.hero__image{position:absolute;top:300px;left:0;width:100%;height:800px;overflow:hidden}.hero__image img{width:100%;height:100%;object-position:center 52%;transform:scale(1.025);animation:photo-arrive 1.4s ease-out both}.hero__shell:after{content:'';position:absolute;left:0;top:1100px;width:100%;height:800px;background:linear-gradient(#191816b8,#191816b8),url('img/04.jpg') center/cover;z-index:-1}.hero .eyebrow{position:absolute;top:1170px;left:max(7.03%,calc((100vw - 1100px)/2));font-size:80px;font-weight:500;line-height:.95;letter-spacing:-3.2px;color:var(--paper)}.hero__text{position:absolute;top:1330px;left:15.625%;max-width:433px;line-height:2.2;color:var(--paper);font-size:16px;white-space:normal}.round-step{position:absolute;z-index:3;top:180px;right:7.03%;width:180px;height:180px;border-radius:50%;background:var(--panel);display:grid;place-items:center;text-decoration:none}.round-step i{height:54px;width:2px;background:var(--ink);position:relative;transition:transform .5s}.round-step i:after{content:'';position:absolute;width:25px;height:25px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);bottom:2px;left:-12px}.round-step:hover i{transform:translateY(8px)}.menu-jump{position:absolute;right:30px;top:25px;width:100px;height:32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:transform .4s}.menu-jump:hover{transform:scaleX(.8)}.section-head{text-align:left}.section-head .en{display:block;font-size:80px;font-weight:500;line-height:76px;letter-spacing:-3.2px;padding-bottom:30px}.section-head h3{font-size:24px;line-height:1.6;letter-spacing:-.6px}.section-head p{font-size:15px;line-height:2;max-width:600px;margin:16px 0 0;color:var(--muted)}.materials{padding:80px 0 140px;min-height:1046px}.materials .section-head{margin-bottom:35px}.materials__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.material{position:relative;height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;overflow:hidden}.material:first-child{grid-column:span 2}.material__thumb{position:absolute;inset:0;overflow:hidden}.material__thumb img{width:100%;height:100%;transition:transform .8s}.material:hover img{transform:scale(1.045)}.material__name,.material__note{position:relative;z-index:1;color:white;display:table;background:#24231fe8;padding:0 12px}.material__name{margin-top:199px;font-size:24px;line-height:1.35;letter-spacing:-.96px}.material__note{font-size:15px;line-height:1.6}.material:nth-child(3){background:var(--panel)}.material:nth-child(3) .material__thumb{inset:25px 60px 88px}.material:nth-child(3) .material__name,.material:nth-child(3) .material__note{color:var(--ink);background:none;padding:0}.material:nth-child(4){grid-column:span 2}.story{min-height:734px;padding:0 0 100px}.story__panel{position:relative;min-height:634px}.story .section-head{width:40%;padding-top:60px}.story__text{width:35%;font-size:16px;line-height:2.2;margin-top:45px}.story .scene-1{position:absolute;width:40%;height:420px;right:17%;top:140px;object-position:40%}.story .scene-2{position:absolute;width:17%;height:290px;right:0;top:80px}.story__panel:after{content:'';position:absolute;z-index:2;left:40%;top:205px;width:180px;height:180px;border-radius:50%;background:var(--panel)}.menu{padding:100px 0;min-height:815px}.menu>.wrap{position:relative;width:100%;min-height:615px;padding-left:60.55%;padding-right:7.03%}.menu .scene-1{position:absolute;left:0;top:0;width:51.95%;height:600px}.menu .section-head p{font-size:15px}.menu__grid{margin-top:38px}.menu-card{border-top:1px solid var(--ink);padding:17px 0}.menu-card:last-child{border-bottom:1px solid var(--ink)}.menu-card__top{display:flex;justify-content:space-between;gap:20px}.menu-card h3{font-size:20px;line-height:1.5;letter-spacing:-.6px}.menu-card p{margin-top:8px;font-size:15px;line-height:1.8;color:var(--muted)}.price{font-size:26px;line-height:1.5;white-space:nowrap;letter-spacing:-1px}.menu-note{font-size:15px;margin-top:22px}.gallery{padding:70px 0 100px;min-height:748px;overflow:hidden}.gallery .section-head{margin-bottom:45px}.gallery__grid{display:flex;gap:20px;overflow:auto;scroll-snap-type:x proximity;scrollbar-color:var(--panel) transparent;scrollbar-width:thin;padding-bottom:36px}.gallery__item{flex:0 0 489px;scroll-snap-align:start;margin:0}.gallery__item img{width:489px;height:300px;transition:transform .7s;object-fit:cover}.gallery__label{font-size:15px;border-top:1px solid var(--ink);padding-top:12px;margin-top:14px}.gallery__item:hover img{transform:translateY(-6px)}.info{padding:50px 0 100px;min-height:646px}.info .section-head{margin-bottom:50px}.info__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.info-card{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.info-card .label{display:block;font-size:26px;line-height:1.2;margin-bottom:18px;letter-spacing:-1px}.info-card h3{font-size:20px}.info-card dl{margin:24px 0 0;display:grid;grid-template-columns:100px 1fr;gap:12px 22px}.info-card dt{font-size:15px;color:var(--muted)}.info-card dd{font-size:16px;margin:0}.info-card p{font-size:15px}#noren-direct-reception{background:var(--panel);padding:55px 0}footer{padding:70px 0;background:var(--paper);border-top:1px solid var(--line);font-size:12px}.enter-view{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.enter-view.seen{opacity:1;transform:none}@keyframes photo-arrive{from{transform:scale(1.08)}to{transform:scale(1.025)}}
@media(min-width:1600px){.hero .brand-name{font-size:130px}.hero__tag,.hero__lead{left:7%}}
@media(max-width:699px){.wrap{width:calc(100% - 40px)}.sample-bar__inner{padding:8px 15px;align-items:flex-start;flex-direction:column;gap:2px;font-size:11px}.hero{height:1440px}.hero .brand-name{font-size:68px;line-height:1.2;letter-spacing:-3px;left:20px;top:18px}.hero__tag{font-size:22px;line-height:1.5;left:20px;top:150px;max-width:300px}.hero__lead{left:20px;top:200px;font-size:13px;max-width:240px;line-height:1.7}.menu-jump{right:20px;top:22px;width:50px;height:20px}.round-step{top:248px;right:20px;width:100px;height:100px}.round-step i{height:36px}.round-step i:after{width:19px;height:19px;left:-9px}.hero__image{top:300px;height:540px}.hero__image img{object-position:46% center}.hero__shell:after{top:840px;height:600px;background-position:60% center}.hero .eyebrow{top:910px;left:20px;right:20px;font-size:52px;line-height:1;letter-spacing:-2px;max-width:300px}.hero__text{left:40px;right:25px;top:1070px;font-size:15px;line-height:2.25}.section-head .en{font-size:54px;line-height:1;letter-spacing:-2.16px;padding-bottom:24px}.section-head h3{font-size:22px;line-height:1.6}.section-head p{font-size:15px}.materials{padding:65px 0 80px;min-height:0}.materials__row{grid-template-columns:1fr 1fr}.material{height:280px;padding:15px}.material:first-child{grid-column:span 2}.material:nth-child(4){grid-column:span 2}.material__name{margin-top:188px;font-size:24px}.material__note{font-size:15px}.material:nth-child(3) .material__thumb{inset:25px 15px 90px}.story{padding:0 0 70px;min-height:0}.story__panel{min-height:860px}.story .section-head{padding-top:20px;width:100%}.story__text{width:100%;margin-top:400px;font-size:15px;line-height:2.1}.story .scene-1{left:0;right:auto;top:220px;width:72%;height:290px}.story .scene-2{right:0;top:175px;width:27%;height:180px}.story__panel:after{left:auto;right:18%;top:405px;width:100px;height:100px}.menu{padding:20px 0 70px;min-height:0}.menu>.wrap{padding:0 20px;min-height:0}.menu .scene-1{position:relative;left:auto;top:auto;width:calc(100% + 40px);max-width:none;height:360px;margin:35px -20px 0}.menu__grid{margin-top:30px}.menu-card h3{font-size:20px}.price{font-size:26px}.menu-note{line-height:1.8;font-size:15px}.gallery{padding:20px 0 65px;min-height:0}.gallery .section-head{margin-bottom:30px}.gallery__grid{gap:15px;padding-bottom:24px}.gallery__item{flex-basis:290px}.gallery__item img{width:290px;height:300px}.info{padding:25px 0 60px;min-height:0}.info .section-head{margin-bottom:30px}.info__grid{grid-template-columns:1fr}.info-card{padding:25px 20px}.info-card dl{grid-template-columns:80px 1fr;gap:14px}.info-card dd{font-size:15px;overflow-wrap:anywhere}#noren-direct-reception{padding:20px 0}footer{padding:40px 0;line-height:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enter-view{opacity:1;transform:none}}
.hero__shell{isolation:isolate}
@media(min-width:700px){.material{height:360px}.material__name{margin-top:259px}}

.section-head .en,.hero .eyebrow,.info-card .label{text-transform:uppercase}
@media(max-width:699px){.hero__lead{font-size:15px;max-width:280px}.hero__text{top:1130px}.hero .eyebrow{font-size:50px}}
.photo-strip{height:100%;display:flex;will-change:transform}.hero__image .photo-strip img{flex:0 0 100%;max-width:100%;transform:none;animation:none}.hero__image{animation:photo-window 1.2s ease both}@keyframes photo-window{from{clip-path:inset(12% 0 0 0)}to{clip-path:inset(0)}}
