:root{--ink:#111216;--paper:#f7f6f3;--line:#d9d8d3;--muted:#67686c;--accent:#7656dd;--lime:#d9ff49;--orange:#ff7a2f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:rgba(247,246,243,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,18,22,.08)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font:600 20px "DM Sans"}.brand b{display:block;font:600 14px/1.1 "DM Sans";letter-spacing:.1em}.brand small{display:block;margin-top:5px;font:500 9px/1 "DM Sans";letter-spacing:.19em;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}nav a{transition:opacity .2s}nav a:hover{opacity:.55}.nav-cta{padding:10px 17px;border:1px solid var(--ink);border-radius:99px}.menu-button{display:none;background:none;border:0;font:600 12px "DM Sans";letter-spacing:.12em}.hero{max-width:var(--max);margin:auto;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:70px 28px 78px}.eyebrow,.section-no,.aside-kicker,.product-line{font:600 12px "DM Sans";letter-spacing:.16em}.eyebrow{color:var(--accent);margin:0 0 24px}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.28;letter-spacing:-.045em;margin:0}.lead{font-size:18px;max-width:600px;color:#4d4e52;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:22px;margin:36px 0 54px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;font-weight:600}.primary{padding:0 25px;background:var(--ink);color:white;border-radius:99px}.text span{font-size:20px;margin-left:10px}.proof-strip{display:flex;margin:0;gap:42px}.proof-strip div{min-width:105px}.proof-strip dt{font:600 25px "DM Sans"}.proof-strip dd{margin:2px 0 0;color:var(--muted);font-size:12px}.hero-visual{position:relative;min-height:570px;background:#eee6df;overflow:hidden}.hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.section{padding:120px max(28px,calc((100vw - var(--max))/2));scroll-margin-top:70px}.section-no{color:var(--accent);margin:0 0 26px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2{font-size:clamp(34px,4.2vw,58px);line-height:1.35;letter-spacing:-.035em;margin:0}.large-copy{font-size:22px;line-height:1.7;margin-top:0}.intro-grid>div p:last-child{color:var(--muted)}.dark{background:var(--ink);color:white}.dark .section-no{color:var(--lime)}.section-head{max-width:720px;margin-bottom:60px}.section-head>p:last-child{color:var(--muted);font-size:18px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3a3b3f}.business-grid article{padding:34px 28px 5px 0;border-right:1px solid #3a3b3f;min-height:270px}.business-grid article+article{padding-left:28px}.business-grid article:last-child{border-right:0}.business-grid span{font:500 13px "DM Sans";color:var(--lime)}.business-grid h3{font-size:20px;margin:48px 0 14px}.business-grid p{color:#adaeb2;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{padding-bottom:30px}.product-image{height:440px;overflow:hidden;background:#fff;margin-bottom:24px}.product-image img{width:100%;height:100%;object-fit:cover}.product-card h3{font-size:25px;line-height:1.4;margin:7px 20px 10px}.product-card>p{margin-left:20px;margin-right:20px}.product-card .product-line{font-size:10px;margin-bottom:0}.product-card>p:last-child{font-size:14px;color:#55575b}.orange{background:#fff0e3}.violet{background:#eee8ff}.silver{background:#e8e8e6}.reg-note{text-align:right;color:var(--muted);font-size:12px;margin-top:24px}.experience{background:#e7e5df}.experience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.experience-grid>div:first-child p{color:var(--muted);margin-top:35px}.timeline{border-top:1px solid #aaa9a5}.timeline>div{display:grid;grid-template-columns:90px 1fr;padding:18px 0;border-bottom:1px solid #aaa9a5}.timeline b{font:600 16px "DM Sans"}.timeline p{margin:0;font-size:14px}.timeline .active b{color:var(--accent)}.flow-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.flow-list li{display:grid;grid-template-columns:120px 1fr;padding:34px 0;border-bottom:1px solid var(--line)}.flow-list span{font:600 13px "DM Sans";color:var(--accent)}.flow-list div{display:grid;grid-template-columns:280px 1fr;gap:40px}.flow-list h3,.flow-list p{margin:0}.flow-list h3{font-size:21px}.flow-list p{color:var(--muted)}.company-panel{display:grid;grid-template-columns:1.45fr .55fr;border:1px solid var(--line)}table{border-collapse:collapse;width:100%}th,td{padding:21px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}tr:last-child th,tr:last-child td{border-bottom:0}th{width:180px;font-size:13px;color:var(--muted);font-weight:500}td{font-size:14px}mark{background:#fff0a7;color:inherit;padding:2px 4px}.company-panel aside{background:#e9e3ff;padding:42px 34px}.company-panel aside h3{font:600 22px "DM Sans";letter-spacing:.04em;margin:10px 0 22px}.company-panel aside p{font-size:13px;color:#4e4d58}.company-panel aside a{display:inline-block;margin-top:22px;font-size:13px;font-weight:600;border-bottom:1px solid}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-box{border-top:1px solid #3a3b3f;padding-top:28px}.contact-box>p{color:#adaeb2}.contact-box dl{margin-top:35px}.contact-box dl div{display:grid;grid-template-columns:100px 1fr;padding:14px 0;border-bottom:1px solid #3a3b3f}.contact-box dt{font:600 11px "DM Sans";letter-spacing:.14em;color:var(--lime)}.contact-box dd{margin:0;font-size:14px}.contact mark{background:#504d31;color:white}footer{padding:50px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;border-top:1px solid var(--line)}.footer-links{display:flex;gap:24px;font-size:12px}.footer-links a{text-decoration:underline;text-underline-offset:4px}footer>p{grid-column:1/-1;margin:0;color:var(--muted);font:500 10px "DM Sans";letter-spacing:.1em}
.brand-intro{display:grid;grid-template-columns:180px 1fr;gap:40px;margin:0 0 32px;padding-top:28px;border-top:1px solid var(--line)}.brand-count{font:600 11px "DM Sans";letter-spacing:.15em;color:var(--accent);margin:0}.brand-intro h3,.noproblab-copy h3{font:600 clamp(28px,3vw,42px)/1.2 "DM Sans";letter-spacing:.06em;margin:0 0 14px}.brand-intro div p{max-width:760px;color:var(--muted);margin:0}.noproblab-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;margin-top:80px;padding:64px;background:#c8a68c}.noproblab-copy{align-self:center}.noproblab-lead{font-size:24px;font-weight:600;margin:26px 0 10px}.noproblab-copy>p:not(.brand-count):not(.noproblab-lead){color:#4d3d33}.brand-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}.brand-links a{font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:3px}.noproblab-products{display:grid;grid-template-columns:1fr 1fr;gap:14px}.noproblab-products figure{margin:0;background:#eee}.noproblab-products img{width:100%;height:440px;object-fit:cover}.noproblab-products figcaption{min-height:70px;padding:17px 18px;background:#fff;font:600 11px/1.5 "DM Sans";letter-spacing:.05em}.portfolio{background:#fff}.brand-wall{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-wall span{min-height:92px;display:grid;place-items:center;padding:14px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:600 15px "DM Sans";letter-spacing:.035em}.brand-wall span:nth-child(7n+1){background:#f1edff}.brand-wall span:nth-child(7n+4){background:#fff4e8}.portfolio-note{margin:22px 0 0;color:var(--muted);font-size:12px;text-align:right}
@media(max-width:900px){nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:25px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{min-height:520px}.intro-grid,.experience-grid,.contact{grid-template-columns:1fr;gap:50px}.business-grid{grid-template-columns:1fr 1fr}.business-grid article:nth-child(2){border-right:0}.product-grid{grid-template-columns:1fr}.product-image{height:auto}.noproblab-feature{grid-template-columns:1fr;padding:48px}.brand-wall{grid-template-columns:repeat(3,1fr)}.company-panel{grid-template-columns:1fr}.flow-list div{grid-template-columns:220px 1fr}}
@media(max-width:600px){.site-header{height:70px}.brand-mark{width:35px;height:35px}.hero{padding:48px 20px 60px;gap:38px}.hero h1{font-size:39px}.proof-strip{gap:17px}.proof-strip div{min-width:0}.proof-strip dd{font-size:10px}.hero-visual{min-height:420px}.section{padding:82px 20px}.intro-grid{gap:36px}.large-copy{font-size:19px}.business-grid{grid-template-columns:1fr}.business-grid article,.business-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #3a3b3f;min-height:0}.business-grid h3{margin:28px 0 10px}.brand-intro{grid-template-columns:1fr;gap:12px}.noproblab-feature{padding:30px 20px;margin-left:-20px;margin-right:-20px}.noproblab-products{grid-template-columns:1fr}.noproblab-products img{height:auto}.brand-wall{grid-template-columns:repeat(2,1fr)}.brand-wall span{min-height:74px;font-size:12px}.portfolio-note{text-align:left}.flow-list li{grid-template-columns:55px 1fr}.flow-list div{display:block}.flow-list p{margin-top:10px}.company-panel{border-left:0;border-right:0}th,td{display:block;padding:12px 16px}th{width:auto;padding-bottom:0;border-bottom:0}td{padding-top:5px}.company-panel aside{padding:30px 24px}.contact{gap:38px}footer{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:8px}footer>p{grid-column:auto}}

/* Expanded brand and channel information */
.brand-film{display:grid;grid-template-columns:.65fr 1.35fr;gap:44px;align-items:center;margin-top:34px;padding:44px;background:#f1b32d}
.brand-film h3{font:600 clamp(28px,3.4vw,44px)/1.15 "DM Sans";letter-spacing:.02em;margin:18px 0}
.brand-film>div>p:last-child{font-size:14px;color:#4d412b}
.brand-film video{display:block;width:100%;background:#111;box-shadow:0 18px 50px rgba(51,37,8,.18)}
.lineup-panel{margin-top:74px;padding:52px;background:#fff;border:1px solid var(--line)}
.lineup-heading{display:grid;grid-template-columns:170px 1fr 1fr;gap:38px;align-items:start;margin-bottom:38px}
.lineup-heading h3{font-size:30px;line-height:1.35;margin:0}
.lineup-heading>p:last-child{margin:0;color:var(--muted);font-size:14px}
.lineup-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lineup-groups article{padding:18px;background:#f4f1ee}
.lineup-groups img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
.lineup-groups .product-line{margin:20px 0 6px;color:var(--accent)}
.lineup-groups h4{font-size:19px;margin:0 0 10px}
.lineup-groups article>p:last-child{margin:0;color:var(--muted);font-size:13px}
.channel-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;margin-top:34px;padding:54px;background:var(--ink);color:#fff}
.channel-panel h3{font-size:29px;line-height:1.45;margin:18px 0 12px}
.channel-panel>div>p:last-child{color:#adaeb2;font-size:13px}
.channel-panel ul{list-style:none;margin:0;padding:0;border-top:1px solid #3a3b3f}
.channel-panel li{display:grid;grid-template-columns:145px 1fr;gap:6px 20px;padding:17px 0;border-bottom:1px solid #3a3b3f}
.channel-panel li span{grid-row:1/3;font:600 10px "DM Sans";letter-spacing:.13em;color:var(--lime)}
.channel-panel li strong{font-size:15px}
.channel-panel li small{color:#adaeb2}
.noproblab-feature{grid-template-columns:1fr;gap:42px}
.noproblab-copy{max-width:920px}
.noproblab-products{grid-template-columns:repeat(3,1fr)}
.noproblab-products img{height:auto;aspect-ratio:1/1.08;object-fit:cover}
.noproblab-products figcaption{min-height:145px;padding:17px 18px;background:#fff;font:inherit;letter-spacing:normal}
.noproblab-products figcaption b,.noproblab-products figcaption span{display:block}
.noproblab-products figcaption b{font:600 11px/1.5 "DM Sans";letter-spacing:.04em}
.noproblab-products figcaption span{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.65}
.nopro-channel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(17,18,22,.28)}
.nopro-channel p{margin:0;padding:19px 22px 0 0;font-size:13px}
.nopro-channel p+p{padding-left:22px;border-left:1px solid rgba(17,18,22,.28)}
.nopro-channel span,.nopro-channel strong{display:block}
.nopro-channel span{font:600 10px "DM Sans";letter-spacing:.13em}
.nopro-channel strong{margin:6px 0 2px;font-size:16px}

@media(max-width:900px){.brand-film{grid-template-columns:1fr}.lineup-heading{grid-template-columns:1fr;gap:12px}.lineup-groups{grid-template-columns:1fr 1fr}.channel-panel{grid-template-columns:1fr}.noproblab-products{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.brand-film{padding:30px 20px;margin-left:-20px;margin-right:-20px}.lineup-panel{padding:28px 20px;margin-left:-20px;margin-right:-20px}.lineup-groups{grid-template-columns:1fr}.channel-panel{padding:34px 20px;margin-left:-20px;margin-right:-20px}.channel-panel li{grid-template-columns:1fr}.channel-panel li span{grid-row:auto}.noproblab-products{grid-template-columns:1fr}.nopro-channel{grid-template-columns:1fr}.nopro-channel p+p{padding-left:0;border-left:0}}