@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#152c35;--indigo:#10323a;--deep:#102a33;--muted:#65727a;--verm:#bb533c;--verm2:#de704f;--ivory:#f7f4ed;--sand:#eee7db;--line:#d9d6cc;--white:#fff;--serif:'Noto Serif JP', 'Yu Mincho', serif;--sans:'Noto Sans JP',sans-serif;--latin:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.85}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--verm);outline-offset:4px}::selection{background:#bd634e;color:#fff} .shell{width:min(91.6%,1390px);margin:auto}.serif{font-family:var(--serif)}.latin{font-family:var(--latin);letter-spacing:.15em}.eyebrow{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.26em;text-transform:uppercase}.orange{color:var(--verm)}.thin-rule{height:1px;background:var(--line)}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:90;color:#fff;transition:background .35s,color .35s,box-shadow .35s}.site-header.is-scrolled,.site-header.inner-header,.site-header.nav-open{background:rgba(248,246,240,.98);color:var(--ink);box-shadow:0 2px 25px #152c3512;backdrop-filter:blur(12px)}.header-row{height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;flex-direction:column;line-height:1.1;flex-shrink:0}.logo-big{font-family:var(--serif);font-size:27px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.logo-sub{font-family:var(--latin);font-size:8px;letter-spacing:.31em;margin-top:7px;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.1vw,38px);margin-left:auto}.desktop-nav a{font-size:12px;letter-spacing:.055em;font-weight:600;transition:opacity .25s}.desktop-nav a:hover{opacity:.55}.header-cta{display:flex;align-items:center;gap:22px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.08em;border:1px solid currentColor;padding:15px 20px}.header-cta svg{width:16px}.menu-toggle{display:none;border:0;background:none;padding:12px;color:inherit}.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;margin:7px 0}.mobile-menu{display:none}
.hero{position:relative;min-height:780px;height:min(930px,100svh);background:var(--deep);color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 41%;background:linear-gradient(90deg,rgba(14,36,46,.3),rgba(10,25,32,.08)),url('https://images.unsplash.com/photo-1485827329522-c625acce0067?auto=format&fit=crop&w=1800&q=85') center 48%/cover;filter:grayscale(.2) saturate(.85) contrast(1.1)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,42,51,.91) 0%,rgba(16,42,51,.45) 44%,rgba(16,42,51,.19) 100%),linear-gradient(0deg,rgba(13,33,42,.45),transparent 50%)}.hero-grain{pointer-events:none;position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.52' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;padding-top:52px}.hero-stamp{display:flex;align-items:center;gap:13px;color:#e9b2a0;font:700 11px var(--latin);letter-spacing:.21em}.hero-stamp:before{content:'';display:block;width:33px;height:1px;background:#e9b2a0}.hero h1{font:700 clamp(53px,7.35vw,113px)/1.5 var(--serif);letter-spacing:.075em;margin:28px 0 22px;text-shadow:0 3px 20px #102a3360}.hero h1 .pale{color:#eccbb8}.hero-lead{font:400 clamp(13px,1.1vw,16px)/2.2 var(--sans);letter-spacing:.12em;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:48px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 25px;font:600 12px var(--sans);letter-spacing:.08em;min-width:210px;transition:background .25s,color .25s,transform .25s;border:1px solid var(--ink)}.btn:hover{transform:translateY(-3px)}.btn.fill{background:var(--verm);color:#fff;border-color:var(--verm)}.btn.fill:hover{background:#923e2c}.btn.line-light{border-color:#ffffff82;color:#fff}.btn.line-light:hover{background:#ffffff1c}.btn.dark{border-color:var(--ink);color:var(--ink)}.btn.dark:hover{background:var(--ink);color:#fff}.btn .arrow{font:22px/1 var(--latin)}.hero-vertical{position:absolute;z-index:2;right:3%;top:48%;writing-mode:vertical-rl;font:600 10px var(--latin);letter-spacing:.27em;color:#fff9}.hero-bottom{position:absolute;z-index:2;left:4.2%;right:4.2%;bottom:27px;display:flex;align-items:center;justify-content:space-between;color:#fffc;font:500 10px var(--latin);letter-spacing:.14em}.scroll-mark{display:flex;align-items:center;gap:12px}.scroll-mark:after{content:'';height:40px;width:1px;background:#fff8;display:block;animation:scrollline 2.2s infinite}@keyframes scrollline{0%{transform:scaleY(.2);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(.2);transform-origin:bottom}}
.intro{padding:156px 0 165px;position:relative;overflow:hidden}.intro:before{content:'SAIKI';position:absolute;right:-2vw;top:15px;font:800 clamp(110px,16vw,280px)/1 var(--latin);letter-spacing:-.06em;color:#e6e1d6;opacity:.42;pointer-events:none}.intro-grid{display:grid;grid-template-columns:34% 1fr;gap:8%;align-items:start;position:relative}.intro-side{padding-top:30px}.intro-side .vertical-detail{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--verm)}.intro-side .vertical-detail:after{content:'';height:1px;background:var(--verm);width:65px}.intro-text h2{font:600 clamp(31px,4.1vw,58px)/1.75 var(--serif);letter-spacing:.06em;margin:0 0 32px}.intro-text p{max-width:710px;font-size:14px;line-height:2.55;letter-spacing:.07em;color:#52626a}.intro-initial{color:var(--verm)}
.section-label{display:flex;gap:18px;align-items:center;color:var(--verm);margin-bottom:18px}.section-label:after{content:'';display:block;height:1px;width:66px;background:currentColor;opacity:.6}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-head h2{font:600 clamp(34px,4vw,57px)/1.52 var(--serif);margin:0;letter-spacing:.08em}.section-head p{font-size:13px;line-height:2.25;color:var(--muted);margin:0 0 10px;max-width:400px}.section-head .accent-en{font:700 13px var(--latin);letter-spacing:.18em;color:var(--verm)}.photo{position:relative;overflow:hidden;background:#d7d8d1}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.18,.65,.3,1)}a:hover .photo img,.picture-hover:hover img{transform:scale(1.055)}.photo .shade{position:absolute;inset:0;background:linear-gradient(0deg,#122731ba,transparent 66%)}.stock-badge{position:absolute;bottom:12px;right:15px;font-size:10px;letter-spacing:.09em;color:#fff9}
.qualities{background:var(--sand);padding:135px 0 156px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.quality-item:nth-child(2){padding-top:80px}.quality-item:nth-child(3){padding-top:160px}.quality-item .photo{aspect-ratio:.82}.quality-number{font:600 11px var(--latin);letter-spacing:.15em;color:var(--verm);border-bottom:1px solid var(--line);padding:22px 0 14px}.quality-item h3{font:600 clamp(22px,2.25vw,31px)/1.6 var(--serif);letter-spacing:.05em;margin:13px 0}.quality-item p{font-size:12px;color:#697278;line-height:2.2;max-width:320px}
.feature-band{padding:145px 0 155px;background:#f8f6f0}.feature-band .feature-inside{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:7%}.feature-word{font:700 clamp(44px,6vw,100px)/1.02 var(--latin);color:#e9ded1;letter-spacing:-.05em;margin-bottom:26px}.feature-info h2{font:600 clamp(31px,3.65vw,51px)/1.65 var(--serif);margin:12px 0 22px}.feature-info p{color:var(--muted);font-size:13px;line-height:2.45;max-width:470px}.heritage-frame{padding:29px;background:#eadfd2;position:relative;box-shadow:30px 30px 0 #b3b4ac40}.heritage-frame:after{content:'ORIGINAL DESIGN / SINCE 2017';position:absolute;bottom:7px;right:27px;font:9px var(--latin);letter-spacing:.15em;color:#7b7369}.heritage-frame img{width:100%;height:auto;border:1px solid #c5afa0;background:#fff}.preserve-note{font-size:10px;color:#7d827f;margin-top:26px}
.products{padding:135px 0 155px}.product-tiles{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:22px}.product-tile{display:block;position:relative;overflow:hidden;min-height:365px;color:#fff;background:#203b42}.product-tile:nth-child(1){grid-column:span 7;min-height:465px}.product-tile:nth-child(2){grid-column:span 5;min-height:465px}.product-tile:nth-child(3),.product-tile:nth-child(4){grid-column:span 6}.product-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,26,33,.84),rgba(8,26,33,.05) 67%)}.product-tile .photo{height:100%;position:absolute;inset:0}.product-tile .photo img{width:100%;height:100%}.tile-meta{position:absolute;z-index:2;left:45px;bottom:43px;right:35px;display:flex;align-items:end;justify-content:space-between}.tile-meta small{font:600 10px var(--latin);letter-spacing:.2em;color:#f4b7a5}.tile-meta h3{font:600 clamp(25px,2.6vw,37px)/1.3 var(--serif);margin:12px 0 0}.tile-meta .circle-arrow{border:1px solid #fffc;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font:24px/1 var(--latin);transition:transform .25s}.product-tile:hover .circle-arrow{transform:translateX(6px)}
.sea-break{min-height:540px;position:relative;color:#fff;display:flex;align-items:center;text-align:center;background:var(--deep)}.sea-break .sea-bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,37,49,.76),rgba(13,37,49,.70)),url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=1900&q=85') center/cover fixed}.sea-break .sea-inner{z-index:1;position:relative;width:100%;padding:95px 25px}.sea-break .sea-line{font:600 clamp(34px,4.8vw,62px)/1.65 var(--serif);letter-spacing:.13em;margin:10px 0 20px}.sea-break p{font:500 12px/2.4 var(--sans);letter-spacing:.12em}.sea-break .wave-icon{width:45px;height:45px;margin:0 auto 18px;fill:none;stroke:#e6b199;stroke-width:2}
.recipes-preview{display:grid;grid-template-columns:50% 50%;background:#e7ded0;min-height:610px}.recipes-preview .recipe-pic{min-height:610px;background:#d4d0be url('https://images.unsplash.com/photo-1774451606775-68df417107b3?auto=format&fit=crop&w=1250&q=85') center/cover}.recipe-copy{padding:110px clamp(38px,7vw,120px);display:flex;justify-content:center;align-items:start;flex-direction:column}.recipe-copy h2{font:600 clamp(33px,3.7vw,56px)/1.6 var(--serif);margin:14px 0 30px}.recipe-copy p{font-size:13px;color:#66716f;line-height:2.3;max-width:430px}.recipe-copy .btn{margin-top:34px}.wholesale{padding:125px 0;background:var(--deep);color:#fff}.whole-row{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.whole-row h2{font:600 clamp(29px,4vw,54px)/1.6 var(--serif);margin:13px 0}.whole-row p{font-size:13px;line-height:2.4;color:#e4e8e5b8}.whole-right{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.whole-right .btn{min-width:330px}.whole-right .small{font-size:11px;color:#fff8}
.site-footer{background:#0a222b;color:#e4e7e2;padding:85px 0 30px}.footer-main{display:grid;grid-template-columns:1.1fr 1.7fr;gap:9%;padding-bottom:85px}.footer-logo{font:700 35px var(--serif);letter-spacing:.15em;line-height:1.25}.footer-logo-sub{font:10px var(--latin);letter-spacing:.21em;margin-top:10px}.footer-address{font-size:12px;color:#bac5c3;line-height:2.3;margin-top:33px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:7px}.footer-links h4{font:700 10px var(--latin);letter-spacing:.21em;color:#d2876f;margin:0 0 23px}.footer-links a{display:block;font-size:12px;margin:13px 0;color:#d8e1db;transition:color .2s}.footer-links a:hover{color:#eeb09b}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:25px;font:10px var(--latin);letter-spacing:.08em;color:#b0bbba;gap:20px}
/* inner */
.inner-hero{padding:190px 0 95px;min-height:435px;background:var(--deep);color:#fff;position:relative;overflow:hidden}.inner-hero:after{content:'';position:absolute;right:-120px;top:30px;width:530px;height:530px;border-radius:50%;border:1px solid #ffffff17;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff06}.inner-hero .shell{position:relative;z-index:1}.inner-hero .eyebrow{color:#e5ab9a}.inner-hero h1{font:600 clamp(40px,5.4vw,74px)/1.4 var(--serif);letter-spacing:.1em;margin:14px 0}.inner-hero p{font-size:13px;color:#cfdbda;letter-spacing:.07em}.breadcrumbs{color:#d4dcd7a8;font-size:11px;margin-top:45px}.breadcrumbs a{color:#fff}.inner-wrap{padding:95px 0 140px}.inner-lead{font:600 clamp(25px,3.1vw,42px)/1.9 var(--serif);letter-spacing:.06em;margin:0 0 45px}.inner-copy{font-size:14px;line-height:2.5;color:#5e6e72}.inner-section{padding:75px 0;border-bottom:1px solid var(--line)}.inner-section h2{font:600 clamp(24px,3vw,39px)/1.6 var(--serif);margin:0 0 26px}.interlude-card{padding:60px;background:var(--sand);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:70px}.interlude-card .photo{aspect-ratio:1.2}.interlude-card h2{font:600 32px/1.6 var(--serif)}.interlude-card p{font-size:13px;line-height:2.35;color:#67767b}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.value-card{padding:30px;border-top:2px solid var(--verm);background:#ece7dd}.value-card .num{font:700 11px var(--latin);color:var(--verm)}.value-card h3{font:600 23px var(--serif);margin:22px 0}.value-card p{font-size:12px;color:#68727a;line-height:2.25}.product-filter{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0 50px}.filter-chip{padding:12px 20px;border:1px solid #c8c9be;background:transparent;font-size:12px;font-weight:600;transition:.2s}.filter-chip.active,.filter-chip:hover{background:var(--deep);color:#fff;border-color:var(--deep)}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.item-card{border:1px solid var(--line);background:#fff}.item-card .photo{aspect-ratio:1.08}.item-card .info{padding:27px 29px 32px}.item-card .type{font:700 10px var(--latin);letter-spacing:.13em;color:var(--verm)}.item-card h3{font:600 19px/1.6 var(--serif);min-height:63px;margin:12px 0}.item-card p{font-size:11px;color:#7a8584;margin:8px 0 17px}.item-card .link{font-size:12px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.item-card .link:hover{color:var(--verm)}.notice{padding:27px 32px;background:#ebe6db;border-left:3px solid var(--verm);font-size:12px;line-height:2.1;margin:40px 0}.recipe-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin:60px 0 85px}.recipe-detail .photo{aspect-ratio:.93}.recipe-detail ol{padding-left:22px;color:#4b6167;font-size:14px;line-height:2.5}.recipe-detail li{padding:9px 0;border-bottom:1px solid var(--line)}.company-table{width:100%;border-collapse:collapse;font-size:13px}.company-table th,.company-table td{padding:24px 21px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.company-table th{width:25%;font-weight:600;color:#4b5862}.map-card{background:#d9e2df;padding:80px 40px;text-align:center}.map-card h3{font:600 30px var(--serif)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{padding:35px;border:1px solid var(--line);background:#fff}.step-card .num{font:700 36px var(--latin);color:#c17d66}.step-card h3{font:600 20px var(--serif)}.step-card p{font-size:12px;color:#657079;line-height:2.3}.inquiry-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:60px 0}.inquiry-card{background:#fff;padding:45px;border:1px solid var(--line)}.inquiry-card .eyebrow{color:var(--verm)}.inquiry-card h2{font:600 27px var(--serif)}.inquiry-card .large{font:600 25px var(--latin);margin:12px 0}.inquiry-card p{font-size:12px;line-height:2.1;color:var(--muted)}.legal-copy{max-width:950px;font-size:13px;line-height:2.5;color:#4f6066}.legal-copy h3{font:600 22px var(--serif);color:var(--ink);margin:35px 0 12px}
.js-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .95s cubic-bezier(.2,.8,.2,1)}.js-reveal.from-left{transform:translateX(-55px)}.js-reveal.from-right{transform:translateX(55px)}.js-reveal.show{opacity:1;transform:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1090px){.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.header-cta{padding:11px 13px}.header-row{height:78px}.feature-band .feature-inside{grid-template-columns:1fr;gap:55px}.feature-info{max-width:760px}.hero-photo{left:30%}.intro-grid{grid-template-columns:25% 1fr}.recipe-copy{padding:80px 45px}.footer-main{gap:5%}}
@media(max-width:800px){.shell{width:89%}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:78px 0 0;background:var(--ivory);color:var(--ink);padding:40px 6%;overflow:auto;transform:translateX(105%);transition:transform .35s;display:block}.nav-open .mobile-menu{transform:none}.mobile-menu a{display:block;padding:17px 2px;border-bottom:1px solid var(--line);font:600 20px var(--serif)}.hero{height:auto;min-height:760px}.hero-photo{inset:0;background-position:46% center}.hero-photo:after{background:linear-gradient(90deg,#102a33d9,#102a3399 72%,#102a3355)}.hero h1{font-size:clamp(47px,10vw,76px)}.hero-content{min-height:760px;padding-top:75px}.hero-vertical{display:none}.intro{padding:95px 0}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-side{padding-top:0}.intro-text h2{font-size:clamp(29px,5vw,45px)}.qualities{padding:95px 0}.quality-grid{grid-template-columns:1fr 1fr;gap:25px}.quality-item:nth-child(2){padding-top:70px}.quality-item:nth-child(3){padding-top:20px}.feature-band{padding:105px 0}.products{padding:95px 0}.product-tile:nth-child(1),.product-tile:nth-child(2),.product-tile:nth-child(3),.product-tile:nth-child(4){grid-column:span 6;min-height:355px}.tile-meta{left:24px;right:20px;bottom:27px}.sea-break{min-height:445px}.sea-break .sea-bg{background-attachment:scroll}.recipes-preview{grid-template-columns:1fr}.recipes-preview .recipe-pic{min-height:470px}.recipe-copy{padding:70px 7%}.whole-row{grid-template-columns:1fr;gap:40px}.footer-main{grid-template-columns:1fr}.footer-links{gap:12px}.product-cards{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr 1fr}.interlude-card{grid-template-columns:1fr;padding:40px;gap:25px}.recipe-detail{grid-template-columns:1fr}.recipe-detail .photo{max-height:550px}.steps{grid-template-columns:1fr}.inner-hero{padding:165px 0 80px;min-height:390px}}
@media(max-width:550px){.logo-big{font-size:22px}.logo-sub{font-size:7px}.hero-content,.hero{min-height:690px}.hero h1{font-size:45px}.hero-lead{font-size:12px}.hero-actions{margin-top:38px}.btn{width:100%;min-width:unset}.intro{padding:84px 0}.intro-text h2{font-size:28px}.intro-text p{font-size:12px}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:32px}.section-head p{margin-top:23px}.qualities,.products{padding:82px 0}.quality-grid{grid-template-columns:1fr}.quality-item:nth-child(1),.quality-item:nth-child(2),.quality-item:nth-child(3){padding:0}.quality-item .photo{aspect-ratio:1.3}.feature-band{padding:80px 0}.feature-info h2{font-size:29px}.heritage-frame{padding:11px;box-shadow:12px 12px 0 #b3b4ac40}.heritage-frame:after{display:none}.product-tiles{gap:14px}.product-tile:nth-child(1),.product-tile:nth-child(2),.product-tile:nth-child(3),.product-tile:nth-child(4){grid-column:span 12;min-height:305px}.tile-meta h3{font-size:28px}.sea-break .sea-line{font-size:30px}.sea-break p{font-size:11px}.recipe-copy h2{font-size:30px}.whole-right .btn{min-width:0}.whole-row h2{font-size:30px}.footer-main{padding-bottom:48px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block;line-height:2}.inner-wrap{padding:65px 0 95px}.inner-hero h1{font-size:41px}.inner-lead{font-size:24px}.product-cards,.values-grid,.inquiry-options{grid-template-columns:1fr}.interlude-card{padding:25px}.company-table th,.company-table td{display:block;width:100%;padding:13px 3px}.company-table th{border-bottom:0;padding-bottom:0}.company-table td{padding-top:0}.recipe-detail{gap:34px}.inquiry-card{padding:30px}.photo .stock-badge{font-size:9px}.section-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

/* Static product pages - 2026-10-23 */
.catalog-head{margin-bottom:62px}.catalog-tiles{margin-bottom:70px}.catalog-breadcrumb{margin:-20px 0 65px;color:#697b80;font-size:12px}.catalog-breadcrumb a{color:#962e26;border-bottom:1px solid #962e26}.catalog-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:70px}.catalog-heading-row .inner-lead{margin:20px 0}.category-item-count{font:500 12px/1.4 var(--latin);letter-spacing:.18em;color:#ab715e}.catalog-count{font:600 clamp(65px,9vw,118px)/1 var(--latin);color:#d3d9d7;white-space:nowrap}.catalog-count span{font-size:13px;letter-spacing:.2em;margin-left:9px;color:#889591}.catalog-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:36px}.catalog-tabs a{padding:18px 12px;border:1px solid var(--line);text-align:center;font:600 12px var(--serif);background:#fff;transition:.2s}.catalog-tabs a.selected,.catalog-tabs a:hover{background:var(--deep);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.catalog-product{border:1px solid var(--line);background:#fff;overflow:hidden;display:flex;flex-direction:column}.catalog-product-art{min-height:190px;background:linear-gradient(125deg,#14343d,#326773 60%,#102a33);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#e4d1b0}.catalog-product-art:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #fffc;border-radius:50%;right:-66px;top:-150px;opacity:.15;box-shadow:0 0 0 36px #ffffff10,0 0 0 70px #ffffff0b}.catalog-product:nth-child(3n+2) .catalog-product-art{background:linear-gradient(125deg,#7b5144,#ab806b,#513b3b)}.catalog-product:nth-child(3n+3) .catalog-product-art{background:linear-gradient(125deg,#384e52,#7d9799,#28414a)}.art-kicker{position:absolute;left:23px;top:23px;font:700 10px var(--latin);letter-spacing:.2em;opacity:.7}.art-number{font:300 90px var(--latin);opacity:.56}.art-wave{position:absolute;bottom:0;right:20px;font:300 90px var(--serif);opacity:.19}.catalog-product-info{padding:34px;display:flex;flex-direction:column;flex:1}.product-eyebrow{font:700 10px var(--latin);letter-spacing:.15em;color:var(--verm)}.catalog-product h2{font:600 clamp(19px,2.2vw,25px)/1.6 var(--serif);margin:17px 0 8px;min-height:80px}.product-spec{font-size:12px;color:#6e7979;margin-bottom:38px;line-height:2}.product-card-bottom{margin-top:auto;display:flex;gap:20px;justify-content:space-between;align-items:flex-end;padding-top:24px;border-top:1px solid var(--line)}.product-price-note{color:#818b8c;font-size:11px}.product-price{font:600 25px var(--latin);margin-top:8px;color:#263f48}.text-arrow{font-size:12px;display:inline-flex;gap:16px;align-items:center;white-space:nowrap;border-bottom:1px solid #b67564;padding-bottom:7px;color:#913f30}.text-arrow:hover{opacity:.65}.catalog-signature{margin:100px auto;max-width:980px;border-top:1px solid var(--line);padding-top:50px;text-align:center}.catalog-signature-heading h2{font:600 32px var(--serif);margin:13px 0}.catalog-signature-heading p{font-size:12px;color:#67767b;line-height:2}.catalog-signature img{display:block;width:100%;height:auto;object-fit:contain;background:#fff;margin:30px auto 12px}.catalog-signature small{color:#7a8584}.catalog-notice{margin:80px 0 0;padding:34px 39px;background:#ece7dc;border-left:3px solid var(--verm)}.catalog-notice strong{font:600 17px var(--serif)}.catalog-notice p{color:#627078;font-size:12px;line-height:2.3}.catalog-action{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}.catalog-tiles .product-tile{min-height:390px}.catalog-tiles .product-tile:nth-child(1),.catalog-tiles .product-tile:nth-child(2),.catalog-tiles .product-tile:nth-child(3),.catalog-tiles .product-tile:nth-child(4){grid-column:span 6}
@media(max-width:800px){.catalog-tiles .product-tile{min-height:340px}.catalog-grid{gap:16px}.catalog-tabs{grid-template-columns:repeat(2,1fr)}.catalog-heading-row{margin-bottom:45px}.catalog-product-info{padding:24px}.catalog-product-art{min-height:150px}.catalog-product h2{min-height:90px}}
@media(max-width:550px){.catalog-tiles .product-tile:nth-child(n){grid-column:span 12;min-height:300px}.catalog-count{display:none}.catalog-grid{grid-template-columns:1fr;gap:22px}.catalog-product h2{min-height:0}.catalog-product-art{min-height:180px}.catalog-product-info{padding:24px}.catalog-tabs a{font-size:11px}.catalog-notice{padding:24px 18px}.product-price{font-size:23px}.product-card-bottom{gap:10px}.text-arrow{font-size:11px}}

/* OUR PHILOSOPHY: 左右50:50 / 写真 + 文章 (2026-10-23) */
.intro{padding:112px 0 120px}
.intro-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.intro-side{margin:0;padding-top:0}
.intro-photo .photo{aspect-ratio:1/1.04;max-height:640px;width:100%}
.intro-photo .photo img{position:absolute;inset:0}
.intro-photo.is-armed{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.intro-photo.is-armed:not(.is-in){opacity:0;transform:translateX(-48px)}
.intro-text .intro-label{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--verm);margin-bottom:26px}
.intro-text .intro-label:after{content:'';height:1px;background:var(--verm);width:65px}
.intro-text h2{margin-bottom:28px}
@media(max-width:1090px){.intro-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:800px){.intro{padding:68px 0 76px}.intro-grid{grid-template-columns:1fr;gap:34px}.intro-photo .photo{aspect-ratio:4/3;max-height:none}.intro-photo.is-armed:not(.is-in){transform:translateX(-28px)}.intro-text .intro-label{margin-bottom:20px}}
@media(max-width:550px){.intro{padding:56px 0 64px}.intro-grid{gap:28px}}/* トップのレシピ欄: スライドイン待機中の右はみ出し(横スクロール)防止 */
.recipes-preview{overflow:hidden}

/* 商品カード: 写真・説明・詳細 (2026-11-13) */
.catalog-product-photo{background:#f4f1ea;display:flex;align-items:center;justify-content:center;padding:18px;min-height:190px}
.catalog-product-photo img{display:block;max-width:100%;height:auto;border:1px solid var(--line);background:#fff}
.catalog-product h2{min-height:0}
.product-desc{font-size:13px;line-height:2;color:#46524f;margin:0 0 18px}
.product-facts{margin:0 0 26px;font-size:12px;line-height:1.9;color:#6e7979}
.product-facts div{display:grid;grid-template-columns:6em 1fr;gap:8px;border-top:1px dashed var(--line);padding:6px 0}
.product-facts dt{font-weight:700;color:#263f48}
.product-facts dd{margin:0}
.product-price.ask{font-size:16px;font-family:var(--serif)}

/* メインビジュアル: 購入画像に差し替え (2026-11-13) 位置・サイズは既存指定のまま、背景画像と色味だけ上書き */
.hero-photo{background-image:linear-gradient(90deg,rgba(14,36,46,.3),rgba(10,25,32,.08)),url('products/hero-tako.jpg');filter:saturate(.95) contrast(1.05)}
/* メインビジュアル: PC幅のみ、写真にかかる暗い半透明グラデーション(影)を170px左へずらす (2026-11-13)。右端はグラデ終端色で埋める */
@media(min-width:1091px){.hero-photo:after{background-position:-170px 0,0 0;background-repeat:no-repeat,no-repeat;background-color:rgba(16,42,51,.19)}}
/* メインビジュアル: 影を弱めて写真本来の色を出す(案C) PC幅のみ (2026-11-13) */
@media(min-width:1091px){.hero-photo{filter:saturate(1.12) contrast(1.05) brightness(1.03)}.hero-photo:after{background:linear-gradient(90deg,rgba(16,42,51,.8) 0%,rgba(16,42,51,.18) 12%,rgba(16,42,51,0) 24%) 0 0/100% 100% no-repeat}}

/* ご注文・お問い合わせ (order.html) 2026-11-13 */
.order-block{margin:70px 0 0;max-width:760px}
.order-block h3{font:600 clamp(21px,2.4vw,28px)/1.7 var(--serif);margin:0 0 14px;color:#152c35}
.order-lead{font-size:14px;line-height:2.2;color:#4b6167;margin:0 0 18px}
.order-tel{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:22px 28px;background:#fff;border:1px solid var(--line)}
.order-tel a{font:600 clamp(30px,4.2vw,46px)/1.2 var(--latin);letter-spacing:.03em;color:#9b3a2a}
.order-tel span{font-size:13px;line-height:2;color:#4b6167}
.order-note{margin-top:14px;font-size:13px;color:#5e6e72}
.order-form{margin-top:10px}
.order-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.order-form .form-row{margin:0 0 24px}
.order-form .form-row label{display:block;font-size:14px;color:#263f48;margin-bottom:8px}
.order-form .form-row em{font-style:normal;font-size:11px;color:var(--verm);margin-left:6px}
.order-form input[type=text],.order-form input[type=email],.order-form textarea{width:100%;padding:14px 16px;border:1px solid #cfc8ba;background:#fff;font-size:15px;color:#152c35;border-radius:0}
.order-form textarea{min-height:200px;resize:vertical;line-height:1.8}
.form-privacy{font-size:12px;line-height:2;color:#6a777a;margin:0 0 16px}
.form-privacy a{text-decoration:underline}
.form-status{min-height:1.6em;font-size:13px;color:#9b3a2a;margin:0 0 12px}
.form-thanks{padding:26px 30px;background:#ebe6db;border-left:3px solid var(--verm);font-size:14px;line-height:2.1}
.order-form .btn{cursor:pointer;background:var(--verm);color:#fff;border-color:var(--verm)}
@media(max-width:700px){.order-block{margin-top:50px}.order-tel{padding:18px}}

/* 特商法/個人情報保護方針 (2026-11-13) */
.legal-table{width:100%;border-collapse:collapse;margin:10px 0 0;font-size:14px;line-height:2}
.legal-table th{width:230px;text-align:left;vertical-align:top;padding:18px 22px;background:#ebe6db;border-bottom:1px solid #f7f4ed;font-weight:600;color:#263f48}
.legal-table td{padding:18px 22px;border-bottom:1px solid var(--line);color:#4b6167}
.legal-table .sub{display:block;font-size:13px;color:#6a777a}
.fee-table{border-collapse:collapse;margin:8px 0 0;font-size:13px}
.fee-table td{padding:2px 22px 2px 0;border:0}
.policy-intro{font-size:14px;line-height:2.3;color:#4b6167;margin:0 0 10px}
.legal-copy h3{font:600 clamp(18px,2vw,22px)/1.7 var(--serif);margin:42px 0 10px;color:#152c35}
.legal-copy p{font-size:14px;line-height:2.2;color:#4b6167}
@media(max-width:700px){.legal-table th,.legal-table td{display:block;width:auto}.legal-table th{padding:12px 16px}.legal-table td{padding:12px 16px 18px}}