@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');
:root{--red:#f04432;--deep:#9d261e;--cream:#fff8e7;--yellow:#ffd84f;--green:#72a84c;--ink:#2d3327;--paper:#fffdf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"A1ゴシック","A-OTF A1ゴシック Std","Kiwi Maru",sans-serif;line-height:1.75}a{color:inherit}p{margin:0}.hero{min-height:100vh;overflow:hidden;padding:22px 5vw 0;background:radial-gradient(circle at 8% 28%,#ffd84f 0 8px,transparent 9px),radial-gradient(circle at 92% 15%,#72a84c 0 11px,transparent 12px),var(--cream)}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding:0 0 17px}.logo{text-decoration:none;font-weight:500;letter-spacing:.05em}.logo span{color:var(--red);font-size:1.5em}.nav-link{font-size:.8rem;text-decoration:none;border:1.5px solid;border-radius:99px;padding:7px 15px;background:#fff}
.hero-grid{max-width:1180px;margin:7vh auto 0;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.eyebrow,.mini-heading{font-size:.78rem;letter-spacing:.18em;font-weight:500}.hero h1{font-size:clamp(3.3rem,7.2vw,7rem);line-height:.98;letter-spacing:-.07em;margin:.16em 0 .24em;font-weight:500}.hero h1 span,.lead span{display:block;white-space:nowrap}.hero h1 em{color:var(--red);font-style:normal}.lead{font-size:clamp(.78rem,1.28vw,1.04rem);letter-spacing:-.025em}.button{display:inline-flex;gap:35px;text-decoration:none;background:var(--ink);color:#fff;border-radius:99px;padding:12px 19px;margin-top:30px;font-size:.9rem;box-shadow:4px 4px 0 var(--yellow)}
.art-slot{position:relative;min-height:280px;border:2px dashed currentColor;border-radius:46% 54% 43% 57% / 54% 43% 57% 46%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.45);color:var(--deep)}.art-slot p{line-height:1.5}.art-slot strong{font-size:1.25em}.art-slot small{margin-top:12px;font-family:monospace;opacity:.65}.hero-art{height:auto;min-height:0;aspect-ratio:1.3;overflow:hidden;border-radius:46% 54% 48% 52% / 55% 48% 52% 45%;transform:rotate(2deg);background:#fbd0bd}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:68% center;transform:rotate(-2deg) scale(1.05)}.slot-sticker{position:absolute;z-index:1;right:-12px;top:18px;background:var(--yellow);color:var(--ink);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;line-height:1.05;font-size:.72rem;transform:rotate(9deg)}.ticker{margin:6vh -5vw 0;background:var(--red);color:#fff;padding:9px 0;white-space:nowrap;font-size:1rem;letter-spacing:.14em;transform:rotate(-1deg)}
.section{padding:110px 5vw}.section-title{max-width:1100px;margin:0 auto 45px;display:flex;align-items:center;gap:18px}.section-title.center{justify-content:center;text-align:left}.section-title p{font-size:.75rem;letter-spacing:.16em}.section h2{font-size:clamp(2rem,4.5vw,4.1rem);line-height:1.1;margin:.1em 0;letter-spacing:-.04em;font-weight:500}.number{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:50%;background:var(--yellow);font-size:.9rem}.number.inverse{background:var(--cream);color:var(--red);margin-bottom:25px}
.card-row{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tomato-card{padding:16px 16px 27px;border:1.5px solid var(--ink);border-radius:28px;background:var(--paper);box-shadow:5px 6px 0 var(--ink)}.tomato-card:nth-child(2){transform:translateY(18px) rotate(1deg)}.tomato-card h3{font-size:1.3rem;margin:18px 8px 4px}.tomato-card>p{font-size:.85rem;margin:0 8px}.art-slot.small{min-height:230px;overflow:hidden;border:0;border-radius:20px}.art-slot.small img{display:block;width:100%;height:230px;object-fit:cover}.red .small{background:#f8c5bd}.yellow .small{background:#ffe795}.green .small{background:#cbdcae}
.color-section{background:var(--red);color:#fff;transform:skewY(-1deg);margin:45px 0}.split-panel{max-width:1100px;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center;transform:skewY(1deg)}.split-panel>div:first-child>p:last-of-type{max-width:330px;margin-top:22px}.art-slot.dark{min-height:400px;overflow:hidden;color:var(--ink);background:#fff}.art-slot.dark img{display:block;width:100%;height:100%;min-height:400px;object-fit:contain}.color-dots{display:flex;gap:10px;margin-top:28px}.color-dots i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#f43227}.color-dots i:nth-child(2){background:#ff8b38}.color-dots i:nth-child(3){background:#ffd94a}.color-dots i:nth-child(4){background:#78bd45}.color-dots i:nth-child(5){background:#643b5f}
.taste-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.taste{min-width:0;background:#fff;border:1.5px solid;border-radius:28px;padding:26px;text-align:center}.taste b{font-size:1.2rem}.taste p{font-size:.8rem}.taste-icon{position:relative;height:82px;margin:8px 0 10px;overflow:hidden;border:0;border-radius:16px;background:#fff;color:var(--red)}.taste-icon img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}.taste-icon img:not([hidden])+small{display:none}.taste-icon small{position:absolute;inset:0;display:grid;place-items:center;font-size:.62rem;line-height:1.35;font-family:monospace;opacity:.72}.taste-art{width:100%;min-height:0;aspect-ratio:1;border-radius:46% 54% 43% 57% / 54% 43% 57% 46%;align-self:center;background:var(--yellow);color:var(--ink);transform:rotate(2deg)}.taste-art>*{transform:rotate(-2deg)}
.grow-section{background:#eef3d7}.growth-grid{max-width:1100px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none}.growth-grid li{position:relative;min-width:0;padding:38px 12px 18px;border:1.5px solid var(--ink);border-radius:24px;background:var(--paper);text-align:center}.growth-grid b{position:absolute;top:-13px;left:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff}.growth-image{position:relative;height:150px;margin-bottom:13px;overflow:hidden;border:0;border-radius:18px;background:#fff;color:var(--green)}.growth-image img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}.growth-image img:not([hidden])+small{display:none}.growth-image small{position:absolute;inset:0;display:grid;place-items:center;font-size:.6rem;line-height:1.4;font-family:monospace}.growth-grid span{font-weight:500}
footer{padding:80px 5vw;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:40px;text-align:center}footer strong{font-size:1.25rem;color:var(--yellow)}footer a{font-size:.75rem}.footer-tomato{font-size:4rem;color:var(--red)}
@media(max-width:760px){.hero{min-height:auto}.nav-link{display:none}.hero-grid{grid-template-columns:1fr;margin-top:55px}.hero-art{height:auto;aspect-ratio:1.3}.ticker{margin-top:70px}.section{padding:80px 6vw}.card-row{grid-template-columns:1fr}.tomato-card:nth-child(2){transform:none}.split-panel{grid-template-columns:1fr}.taste-grid{grid-template-columns:1fr;padding:0 8vw}.taste-art{grid-column:auto;grid-row:auto;max-width:280px;min-height:0;justify-self:center;order:-1}.taste{padding:25px 28px}.taste-icon{height:145px}.growth-grid{grid-template-columns:1fr;padding:0;gap:26px;justify-items:start}.growth-grid li{width:100%;transform:none!important;justify-self:start}.growth-grid b{left:14px}.growth-image{height:210px}.section-title{align-items:flex-start}.number{flex-basis:45px;width:45px;height:45px}footer{flex-direction:column;gap:18px}}