/* SuzuLabo lower pages, aligned with the approved warm corporate homepage. */
.sl28{--sl28-paper:#faf8f4;--sl28-ink:#49372f;--sl28-muted:#78665b;--sl28-line:#d9c8ba;background:var(--sl28-paper);color:var(--sl28-ink)}
.sl28 *, .sl28 *:before, .sl28 *:after{box-sizing:border-box}
.sl28 main{overflow:clip}
.sl28.case-list-page main{padding-top:0}
.sl28 .sl28-wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.sl28 .sl28-kicker{font:500 10px/1.8 var(--sl-sans);letter-spacing:.13em;color:#866c5b;margin:0 0 20px}
.sl28 h1,.sl28 h2,.sl28 h3{font-weight:500}
.sl28 .sl28-hero{position:relative;isolation:isolate;overflow:hidden;padding:145px 0 68px;background:linear-gradient(118deg,#faf8f4 20%,#eee1d6 74%,#d6b7a4);color:var(--sl28-ink)}
.sl28 .sl28-hero:before{content:'';position:absolute;z-index:-1;right:-3%;top:96px;width:440px;height:360px;background:url('/assets/trust-20261031-v23/renewal-20261030/assets/reset/current-logo.png') center/contain no-repeat;opacity:.055;mix-blend-mode:multiply;transform:rotate(-10deg)}
.sl28 .sl28-hero:after{content:'';position:absolute;z-index:-1;width:590px;height:490px;right:-180px;top:30px;border:1px solid #fff8;border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 0 65px #fff1}
.sl28 .sl28-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font:11px/1.8 var(--sl-sans);color:#806b5d;margin-bottom:32px}
.sl28 .sl28-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.sl28 .sl28-hero h1{font:500 clamp(32px,3.1vw,45px)/1.6 var(--sl-serif);letter-spacing:.03em;margin:0 0 22px}
.sl28 .sl28-lead{font:400 15px/2.15 var(--sl-sans);max-width:780px;margin:0}
.sl28 .sl28-section{padding:86px 0}
.sl28 .sl28-soft{background:#f0e5dc}
.sl28 .sl28-section-head{display:grid;grid-template-columns:190px 1fr;gap:36px;margin-bottom:40px}
.sl28 .sl28-section-head>.sl28-kicker{padding-top:9px}
.sl28 .sl28-section-head h2,.sl28 .sl28-prose h2,.sl28 .sl28-company-grid>div>h2{font:500 30px/1.7 var(--sl-serif);margin:0 0 16px;letter-spacing:.02em}
.sl28 .sl28-section-head p:not(.sl28-kicker){font:400 14px/2.1 var(--sl-sans);margin:0;color:#756254;max-width:760px}
.sl28 .sl28-message{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.1fr);gap:90px;align-items:center}
.sl28 .sl28-portrait{position:relative;margin:0 13px 17px 0;padding:10px 10px 0;background:#fffcf9;border:1px solid #d3bfae;box-shadow:17px 17px 0 #bb947c;isolation:isolate}
.sl28 .sl28-portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
.sl28 .sl28-portrait figcaption{font:400 11px/1.8 var(--sl-sans);text-align:center;padding:14px 10px;color:#685247}
.sl28 .sl28-prose{max-width:680px}
.sl28 .sl28-prose p{font:400 14px/2.15 var(--sl-sans);margin:18px 0 0}
.sl28 .sl28-prose p.sl28-kicker{font-size:10px;letter-spacing:.13em;margin:0 0 17px}
.sl28 .sl28-prose p.about-invitation{padding-top:20px;border-top:1px solid #cbb6a5;margin-top:24px}
.sl28 .sl28-prose .sl28-sign{font-size:11px;line-height:2.3;margin-top:26px}
.sl28 .sl28-sign strong{font:500 27px/1.9 var(--sl-serif);display:block;margin-top:4px}
.sl28 .sl28-principles{margin-left:226px}
.sl28 .sl28-principles article{display:grid;grid-template-columns:54px 1fr;gap:25px;border-top:1px solid #cdb7a5;padding:28px 0}
.sl28 .sl28-principles article:last-child{border-bottom:1px solid #cdb7a5}
.sl28 .sl28-principles article>span{font:400 22px/1.8 var(--sl-serif);color:#a47e64}
.sl28 .sl28-principles h3{font:500 23px/1.7 var(--sl-serif);margin:0 0 12px}
.sl28 .sl28-principles p{font:400 14px/2.1 var(--sl-sans);margin:0;max-width:720px}
.sl28 .sl28-story .sl28-prose{margin-left:226px;max-width:760px}
.sl28 .sl28-text-link{display:inline-flex;gap:26px;align-items:center;padding:11px 0 8px;border-bottom:1px solid #b59b87;color:#664b3c;text-decoration:none;font:500 12px/1.8 var(--sl-sans)}
.sl28 .sl28-text-link:hover{border-color:#614234;color:#442f25}
.sl28 .sl28-prose>.sl28-text-link{margin-top:24px}
.sl28 .sl28-trust{display:grid;grid-template-columns:1fr 1.05fr 1.2fr;gap:34px;align-items:center;padding:34px 0;border-block:1px solid #cdb7a5}
.sl28 .sl28-trust-number>span{font-size:12px;display:block;margin-bottom:12px}
.sl28 .sl28-trust-number strong{font:400 64px/1.15 var(--sl-serif);letter-spacing:.02em}
.sl28 .sl28-trust-number small{font:500 15px/1.6 var(--sl-sans);margin-left:10px}
.sl28 .sl28-trust-number p{font-size:10px;margin:14px 0 0}
.sl28 .sl28-trust-badge{display:flex;align-items:center;gap:20px}
.sl28 .sl28-trust-badge img{width:85px;height:85px;object-fit:contain}
.sl28 .sl28-trust-badge strong{font:500 22px/1.6 var(--sl-serif)}
.sl28 .sl28-trust-badge p{font-size:10px;line-height:1.9;margin:8px 0 0}
.sl28 .sl28-trust-copy{border-left:1px solid #cdb7a5;padding-left:32px;font:400 13px/2 var(--sl-sans)}
.sl28 .sl28-note{font:400 11px/1.9 var(--sl-sans);color:#816c5e;margin:18px 0 0}
.sl28 .sl28-inline-links{display:flex;gap:38px;flex-wrap:wrap;margin-top:32px}
.sl28 .sl28-reading{display:block;font:400 11px/1.8 var(--sl-sans);color:#8a7363;margin-top:7px}
.sl28 .sl28-company-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:start}
.sl28 .sl28-company-grid .company-table{width:100%;border-collapse:collapse;table-layout:fixed;box-shadow:none;margin:0;border-top:1px solid #cdb7a5;background:transparent;border-radius:0}
.sl28 .company-table th,.sl28 .company-table td{background:transparent;border:0;border-bottom:1px solid #ded0c3;padding:24px 20px;font:400 14px/2 var(--sl-sans);vertical-align:top;text-align:left}
.sl28 .company-table th{width:180px;padding-left:0;font-weight:500;color:#6f5849}
.sl28 .company-table a{color:#7a4e3e;text-underline-offset:4px}
.sl28 .company-table td{padding-right:0;overflow-wrap:anywhere}
.sl28 .sl28-contact{padding:70px 0;background:linear-gradient(110deg,#e5cbbc,#eeded1);border-radius:65px 0 0 0}
.sl28 .sl28-contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}
.sl28 .sl28-contact h2{font:500 29px/1.75 var(--sl-serif);margin:0 0 21px}
.sl28 .sl28-contact p:not(.sl28-kicker){font:400 14px/2.1 var(--sl-sans);margin:0}
.sl28 .sl28-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.sl28 .sl28-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #713e34;background:#713e34;color:#fffaf5;border-radius:32px;padding:17px 28px;min-height:54px;font:500 13px/1.7 var(--sl-sans);text-decoration:none;transition:background .25s ease,color .25s ease}
.sl28 .sl28-button:hover{background:#523b30;border-color:#523b30;color:#fffaf5}
.sl28 .sl28-filters{display:flex;gap:25px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #d1bcaa}
.sl28 .sl28-filters button{font:500 13px/1.8 var(--sl-sans);color:#876c59;background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;cursor:pointer;min-height:44px}
.sl28 .sl28-filters button[aria-pressed=true]{color:#5b3a2d;border-bottom-color:#6d4635}
.sl28 .sl28-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 55px;margin-top:44px}
.sl28 .sl28-work{min-width:0;padding-bottom:34px;border-bottom:1px solid #d9c7b6}
.sl28 .sl28-work[hidden]{display:none}
.sl28 .sl28-work-image{position:relative;display:block;aspect-ratio:16/10;padding:24px 24px 0;background:#e4d5c7;overflow:hidden;border-radius:0 38px 0 0;border:1px solid #dfcebd}
.sl28 .sl28-work:nth-child(4n+2) .sl28-work-image{background:#eee5d8}
.sl28 .sl28-work:nth-child(4n+3) .sl28-work-image{background:#ded2c7}
.sl28 .sl28-work-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border:1px solid #fff;box-shadow:0 4px 18px #54362113;transition:transform .45s ease}
.sl28 a.sl28-work-image:hover img{transform:translateY(-3px)}
.sl28 .sl28-work-image.logo{padding:46px;background:linear-gradient(140deg,#f1e8dc,#e1c9b7);display:flex;align-items:center;justify-content:center}
.sl28 .sl28-work-image.logo img{width:80%;height:auto;max-height:140px;object-fit:contain;border:0;box-shadow:none;mix-blend-mode:multiply}
.sl28 .sl28-work-image.diagram{display:flex;flex-direction:column;justify-content:center;padding:28px;color:#695141;text-decoration:none}
.sl28 .sl28-scope-map{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}
.sl28 .sl28-scope-map span{position:relative;background:#fcf8f2;border:1px solid #cbb49f;border-top:5px solid #b68c6e;padding:30px 8px;text-align:center;font:500 13px/1.9 var(--sl-sans);box-shadow:5px 6px 0 #cbb49f66}
.sl28 .sl28-scope-caption{font:400 10px/1.8 var(--sl-sans);margin:24px 0 0;text-align:center}
.sl28 .sl28-image-rule{position:absolute;width:130px;height:130px;border:1px solid #fff5;border-radius:50%;right:-40px;top:-32px;pointer-events:none}
.sl28 .sl28-work-scope{font:500 10px/1.8 var(--sl-sans);color:#91705a;margin:23px 0 10px}
.sl28 .sl28-work h2{font:500 24px/1.6 var(--sl-serif);margin:0 0 13px}
.sl28 .sl28-work-result{font:500 15px/1.9 var(--sl-sans);margin:0 0 12px;color:#704833}
.sl28 .sl28-work p:not([class]){font:400 13px/2 var(--sl-sans);color:#756153;margin:0 0 14px}
.sl28 .sl28-card-note{font:400 10px/1.9 var(--sl-sans);color:#8b7665;margin:12px 0}
.sl28 .sl28-work .sl28-text-link{margin-top:5px}
.sl28 .sl-footer-bottom>div{justify-content:flex-end}
.sl28 .sl28-skip{position:fixed;top:-80px;left:20px;z-index:1000;background:#fff9ef;color:#4b372f;padding:10px 20px}
.sl28 .sl28-skip:focus{top:12px}
.sl28 .sl28-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Retain the existing case evidence and give it the same navigation and typography. */
.sl28.sl28-case-detail{--case-ink:#4b372f;--case-accent:#80513e;--case-accent-dark:#654531;--case-muted:#7f6b5b;--case-line:#dbcbba;--case-soft:#f2e9e0;background:#fbf8f4}
.sl28.sl28-case-detail main{padding-top:100px}
.sl28.sl28-case-detail .case-container{width:min(1120px,calc(100% - 112px))}
.sl28.sl28-case-detail main h1{font:500 clamp(29px,3.2vw,43px)/1.65 var(--sl-serif);letter-spacing:.02em;text-wrap:balance;max-width:900px;word-break:normal}
.sl28.sl28-case-detail .case-hero{padding-top:48px;padding-bottom:55px}
.sl28.sl28-case-detail .case-hero:after{opacity:.6}
.sl28.sl28-case-detail .case-hero-grid{gap:48px;align-items:start}
.sl28.sl28-case-detail .case-lead-copy,.sl28.sl28-case-detail .cp-lead p{font:400 14px/2.1 var(--sl-sans)}
.sl28.sl28-case-detail .sl28-case-service{font:500 15px/1.9 var(--sl-sans);color:#8b654b;margin:17px 0 0}
.sl28.sl28-case-detail .case-meta{border-left:1px solid #cdb59f}
.sl28.sl28-case-detail .case-meta dd{font-size:13px;line-height:1.9;font-weight:400}
.sl28.sl28-case-detail .case-meta dt{font-size:11px;color:#927760;font-weight:500}
.sl28.sl28-case-detail h2{font-family:var(--sl-serif);font-weight:500;letter-spacing:.015em}
.sl28.sl28-case-detail .case-story-copy p{font-size:14px;line-height:2.15}
.sl28.sl28-case-detail .case-story-section{grid-template-columns:190px minmax(0,1fr);gap:45px}
.sl28.sl28-case-detail .case-next{background:#ebdacb;border-radius:55px 0 0 0;color:#4b372f}
.sl28.sl28-case-detail .case-next h2,.sl28.sl28-case-detail .case-next p{color:#4b372f}
.sl28.sl28-case-detail .cp-hero-card{border-radius:0 24px 0 0;border-color:#d8c5b1;box-shadow:0 10px 25px #5c3e2211}
.sl28.sl28-case-detail .hz-hero{background:linear-gradient(120deg,#f9f5ef,#e7d3c3);color:#4b372f}
.sl28.sl28-case-detail .hz-hero h1,.sl28.sl28-case-detail .hz-hero p{color:#4b372f}
.sl28.case-sapporo-harukaze{--hz-navy:#74503d;--hz-navy-deep:#4b372f;--hz-gold:#947254;--hz-gold-soft:#e8d8c8;--hz-paper:#fbf8f4;--hz-paper-blue:#f2e7dc;--hz-ink:#4b372f;--hz-muted:#7f6b5b;--hz-line:#d8c5b2}
.sl28.case-sapporo-harukaze .hz-hero-eyecatch{padding:15px 15px 0;background:#f9f4ed;border:1px solid #d1bda9;box-shadow:13px 13px 0 #d5bca6;border-radius:0 24px 0 0;overflow:hidden}
.sl28.case-sapporo-harukaze .hz-hero-eyecatch img{width:100%;height:280px;object-fit:cover;object-position:top;border-radius:0;box-shadow:none}
.sl28.case-sapporo-harukaze .hz-hero-eyecatch figcaption{font:400 10px/1.9 var(--sl-sans);color:#7f6b5b;padding:12px 0}
.sl28.case-sapporo-harukaze .hz-hero-facts dd{font-family:var(--sl-serif);font-weight:500}
.sl28.sl28-case-detail .sl28-line-evidence{padding:28px 32px;margin:30px 0 0;border-block:1px solid #cfb8a3;background:#f5eadf}
.sl28 .sl28-line-evidence h3{font:500 25px/1.7 var(--sl-serif);margin:0 0 15px}
.sl28 .sl28-line-evidence p{font:400 13px/2 var(--sl-sans);margin:0}
.sl28 .sl28-line-evidence p.sl28-kicker{font-size:10px;margin-bottom:14px}
/* Match the existing ChatGPT Ads content to the corporate shell without altering its terms. */
.sl28 .cg-hero{background:linear-gradient(115deg,#faf7f1,#e7d1c0);padding-top:145px;color:#4b372f}
.sl28 .cg-hero h1,.sl28 .cg-section h2{font-family:var(--sl-serif);font-weight:500;color:#4b372f}
.sl28 .cg-hero h1{font-size:clamp(30px,3vw,43px);line-height:1.65}
.sl28 .cg-section{background:#fbf8f4}
.sl28 .cg-section:nth-of-type(even){background:#f2e9e0}
.sl28 .cg-button{border-radius:30px;background:#713e34;border-color:#713e34;color:#fff9f4}
.sl28 .cg-cta{background:#e7d1c0;color:#4b372f}
.sl28.sl-service-v24 .sr-section{scroll-margin-top:35px}
.sl28.sl-service-v24 .sr24-case-visual img{height:180px}
.sl28.sl-service-v24 .sl28-note{font-size:11px}
.sl28.sl-service-v24 .sr-precheck>div{min-width:0}
.sl28.sl-service-v24 .sr-policy-wrap{max-width:100%}
.sl28.sl-service-v24 .sl28-ad-title span{display:inline-block}
@media(max-width:1000px){
 .sl28 .sl28-wrap{width:calc(100% - 64px)}
 .sl28 .sl28-message{gap:52px}
 .sl28 .sl28-section-head,.sl28 .sl28-company-grid{grid-template-columns:150px 1fr;gap:28px}
 .sl28 .sl28-principles,.sl28 .sl28-story .sl28-prose{margin-left:178px}
 .sl28 .sl28-trust{gap:24px;grid-template-columns:1fr 1.2fr}
 .sl28 .sl28-trust-copy{grid-column:1/-1;border-left:0;border-top:1px solid #cdb7a5;padding:20px 0 0;max-width:600px}
 .sl28 .sl28-contact-grid{gap:36px;grid-template-columns:1.4fr 1fr}
 .sl28 .sl28-work-grid{gap:48px 32px}
}
@media(max-width:760px){
 .sl28 .sl28-wrap{width:calc(100% - 48px)}
 .sl28 .sl28-hero{padding:115px 0 45px}
 .sl28 .sl28-hero:before{width:270px;height:240px;right:-70px;top:115px;opacity:.045}
 .sl28 .sl28-hero:after{width:400px;height:350px;right:-250px}
 .sl28 .sl28-hero h1{font-size:31px;line-height:1.65;margin-bottom:20px}
 .sl28 .sl28-lead{font-size:14px;line-height:2.05}
 .sl28 .sl28-kicker{font-size:9px;margin-bottom:14px}
 .sl28 .sl28-breadcrumb{font-size:10px;margin-bottom:25px}
 .sl28 .sl28-pc{display:none}
 .sl28 .sl28-section{padding:52px 0}
 .sl28 .sl28-message{grid-template-columns:1fr;gap:38px}
 .sl28 .sl28-portrait{max-width:410px;margin:0 auto 15px;width:calc(100% - 33px);box-shadow:13px 13px 0 #bb947c}
 .sl28 .sl28-portrait figcaption{font-size:10px;padding:12px}
 .sl28 .sl28-section-head{grid-template-columns:1fr;gap:0;margin-bottom:30px}
 .sl28 .sl28-section-head h2,.sl28 .sl28-prose h2,.sl28 .sl28-company-grid>div>h2{font-size:25px;line-height:1.65}
 .sl28 .sl28-prose p,.sl28 .sl28-principles p{font-size:14px;line-height:2}
 .sl28 .sl28-principles,.sl28 .sl28-story .sl28-prose{margin-left:0}
 .sl28 .sl28-principles article{grid-template-columns:32px 1fr;gap:16px;padding:25px 0}
 .sl28 .sl28-principles h3{font-size:22px}
 .sl28 .sl28-principles article>span{font-size:18px}
 .sl28 .sl28-trust{grid-template-columns:1fr;gap:26px;padding:28px 0}
 .sl28 .sl28-trust-number strong{font-size:58px}
 .sl28 .sl28-trust-badge{border-top:1px solid #d4c0b1;padding-top:22px}
 .sl28 .sl28-trust-badge img{width:70px;height:70px}
 .sl28 .sl28-trust-copy{padding-top:22px}
 .sl28 .sl28-inline-links{gap:22px;margin-top:23px}
 .sl28 .sl28-company-grid{grid-template-columns:1fr;gap:22px}
 .sl28 .company-table tr{display:block;padding:17px 0;border-bottom:1px solid #ded0c3}
 .sl28 .company-table th,.sl28 .company-table td{display:block;width:100%;border:0;padding:0;font-size:13px;line-height:2}
 .sl28 .company-table th{font-size:11px;color:#947862;margin-bottom:6px}
 .sl28 .sl28-contact{border-radius:42px 0 0 0;padding:48px 0}
 .sl28 .sl28-contact-grid{grid-template-columns:1fr;gap:29px}
 .sl28 .sl28-contact h2{font-size:25px;line-height:1.75;margin-bottom:18px}
 .sl28 .sl28-contact p:not(.sl28-kicker){font-size:13px;line-height:2.1}
 .sl28 .sl28-button{padding:15px 23px;min-height:52px;font-size:12px;gap:24px;max-width:100%}
 .sl28 .sl28-filters{gap:7px 22px;padding-bottom:18px}
 .sl28 .sl28-filters button{font-size:12px}
 .sl28 .sl28-works-section{padding-top:30px}
 .sl28 .sl28-work-grid{grid-template-columns:1fr;gap:36px;margin-top:30px}
 .sl28 .sl28-work-image{padding:17px 17px 0;border-radius:0 29px 0 0}
 .sl28 .sl28-work-image.logo{padding:34px}
 .sl28 .sl28-work h2{font-size:22px}
 .sl28 .sl28-work-result{font-size:14px}
 .sl28 .sl28-work-scope{margin-top:20px}
 .sl28.sl-service-v24 .sl28-ad-title{font-size:26px;letter-spacing:0}
 .sl28.sl28-case-detail main{padding-top:82px}
 .sl28.sl28-case-detail .case-container{width:calc(100% - 44px)}
 .sl28.sl28-case-detail .case-hero{padding:31px 0 39px}
 .sl28.sl28-case-detail main h1{font-size:27px;line-height:1.65;text-wrap:initial}
 .sl28.sl28-case-detail .case-hero-grid{grid-template-columns:1fr;gap:27px}
 .sl28.sl28-case-detail .case-lead-copy,.sl28.sl28-case-detail .cp-lead p{font-size:13px;line-height:2.1}
 .sl28.sl28-case-detail .sl28-case-service{font-size:13px;line-height:1.9;margin-top:15px}
 .sl28.sl28-case-detail .case-story-section{grid-template-columns:1fr;gap:24px}
 .sl28.sl28-case-detail .case-story-copy p{font-size:13px;line-height:2.1}
 .sl28.sl28-case-detail .sl28-line-evidence{padding:25px 22px}
 .sl28 .sl28-line-evidence h3{font-size:22px}
 .sl28 .cg-hero{padding-top:115px}
 .sl28 .cg-hero h1{font-size:28px;line-height:1.65}
}
@media(max-width:360px){
 .sl28 .sl-site-header{gap:10px}
 .sl28 .sl-brand img{width:113px}
 .sl28 .sl28-wrap{width:calc(100% - 40px)}
 .sl28 .sl28-hero h1{font-size:28px}
 .sl28.sl28-case-detail main h1{font-size:25px}
 .sl28 .sl28-filters{column-gap:17px}
}
@media(prefers-reduced-motion:reduce){.sl28 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
