/* v17 — a little discovery in everyday life. Structure first, decoration second. */
.pop-title-line{display:inline-block;position:relative}
.pop-scene{display:block;width:100%;height:auto;color:var(--ink);overflow:visible;pointer-events:none;user-select:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pop-scene path{stroke-width:1.7}
.pop-scene .pop-fill-sky{fill:var(--sky)}
.pop-scene .pop-fill-sakura{fill:var(--sakura)}
.pop-scene .pop-fill-paper{fill:var(--paper)}
/* The existing vertical copy becomes the hero's strongest silhouette. */
.home .editorial-hero{min-height:790px}
.home .hero-title{top:38px;left:8%;gap:28px}
.home .hero-title h1{font-size:56px;gap:17px;line-height:1.3}
.home .hero-title h1>.pop-title-line{background:white;padding:17px 9px 20px;border-radius:4px 4px 19px 4px;box-shadow:7px 8px 0 rgba(160,182,192,.19)}
.home .hero-place{font-weight:700;letter-spacing:.16em;font-size:12px}
.home .hero-illustration{width:76%;max-width:1130px;right:-1%;bottom:62px}
.hero-discovery{position:absolute;width:210px;right:13%;top:4px;z-index:2;pointer-events:none}
.hero-discovery>.pop-scene{width:150px;margin:0 auto}
.hero-discovery>span{display:block;text-align:center;font:500 32px/1 var(--hand);rotate:-5deg;white-space:nowrap}
.home .hero-side-note{left:8%;bottom:118px;padding:15px 22px 18px;background:white;border-radius:55% 45% 47% 53%/43% 48% 52% 57%;font-size:16px;rotate:-3deg;z-index:2}
/* Chapters have a distinct silhouette and an intentionally different rhythm. */
.home .story-paper{padding-top:115px;padding-bottom:120px}
.home .story-intro .chapter-en{font-size:62px;rotate:-5deg;width:max-content;margin:auto;color:var(--secondary)}
.home .story-intro h2{font-size:46px;margin-top:30px;line-height:1.65}
.home .story-intro h2>.pop-title-line:last-child{background:linear-gradient(transparent 75%,var(--sky) 75%,var(--sky) 94%,transparent 94%)}
.home .story-composition{margin-top:64px;margin-bottom:55px}
.home .root-illustration{width:37%;max-width:370px}
.home .craft-chapter{border-radius:48% 52% 0 0/65px 65px 0 0;padding-top:105px;padding-bottom:100px}
.home .chapter-heading .chapter-en{font-size:66px;rotate:-5deg;display:inline-block}
.home .chapter-heading h2{font-size:46px;line-height:1.65;margin-top:26px}
.home .chapter-heading h2>.pop-title-line:last-child{background:linear-gradient(transparent 72%,white 72%,white 93%,transparent 93%)}
.home .craft-chapter>.margin-drawing{width:160px;top:125px;left:10%;rotate:-7deg}
.home .craft-chapter>.margin-drawing:before{content:'';position:absolute;inset:15px -10px 22px;background:white;border-radius:46% 54% 63% 37%/61% 39% 61% 39%;z-index:-1}
.home .craft-panorama{width:76%;max-width:950px;margin:28px auto 45px}
.home .craft-stories{gap:42px;margin-bottom:48px}
.home .craft-stories h3{font-size:24px}
/* Three brand worlds: original artwork and official logos, no extra row arrows. */
.home .brands-chapter{display:block;padding:105px 7% 120px;overflow:hidden}
.home .brands-heading{max-width:900px;margin:auto;text-align:center;padding:0}
.home .brands-heading .chapter-en{font-size:64px;rotate:-5deg;display:inline-block}
.home .brands-heading h2{font-size:44px;line-height:1.65;margin:24px 0}
.home .brands-heading p{font-size:15px}
.home .brands-chapter>.margin-drawing{left:auto;right:10%;top:130px;bottom:auto;width:150px;rotate:6deg}
.home .brand-editorial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1120px;margin:55px auto 0}
.home .brand-editorial-list>a{border:0;padding:10px 12px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.home .brand-editorial-list>a:hover{opacity:1}
.brand-scene{position:relative;display:block;width:220px;max-width:100%;margin:0 auto 20px;isolation:isolate}
.brand-scene>.pop-scene{width:100%;height:auto}
.brand-scene:before{content:'';position:absolute;inset:2% 2% 0;background:var(--sky);border-radius:54% 46% 48% 52%/63% 59% 41% 37%;z-index:-1}
.brand-editorial-list>a:nth-child(2) .brand-scene:before{background:var(--mist);border-radius:46% 54% 39% 61%/56% 42% 58% 44%}
.brand-editorial-list>a:nth-child(3) .brand-scene:before{background:var(--sakura);border-radius:50% 50% 59% 41%/44% 65% 35% 56%}
.home .brand-editorial-list small{font-size:12px;line-height:1.5;margin:0}
.home .home-brand-logo{height:82px;max-width:100%;width:205px;margin:12px auto}
.home .brand-editorial-list p{font-size:13px;white-space:nowrap}
.home .recruit-chapter{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;gap:45px;text-align:center;padding-top:105px;padding-bottom:80px;border-radius:0 100px 0 0}
.home .recruit-chapter>div{width:100%;max-width:680px}
.home .recruit-chapter>img{width:100%;max-width:740px;margin-inline:auto}
.home .recruit-chapter .cta.oval-link{display:flex;width:fit-content;margin:0 auto}
.home .recruit-chapter .chapter-en{font-size:60px;display:inline-block;rotate:-5deg}
.home .recruit-chapter h2{font-size:42px;line-height:1.65;margin-top:30px}
.home .recruit-chapter h2>.pop-title-line:first-child{background:linear-gradient(transparent 73%,white 73%,white 94%,transparent 94%)}
/* Shared inner-page heads: keep the pale blue header, bring the drawing into a colour field. */
.expressive-head{isolation:isolate;overflow:hidden;padding-bottom:45px;border-radius:0 0 80px 0}
.expressive-head .page-head-inner{min-height:425px;grid-template-columns:minmax(0,1fr) 300px;gap:70px;padding-top:45px;padding-bottom:50px}
.expressive-head .eyebrow{font-size:52px;rotate:-4deg;display:inline-block;line-height:1.1}
.expressive-head h1{font-size:clamp(34px,3.9vw,56px);line-height:1.5;margin:28px 0 24px}
.expressive-head h1>.pop-title-line{background:linear-gradient(transparent 73%,white 73%,white 94%,transparent 94%)}
.expressive-head--brands-select h1{font-size:clamp(30px,3.1vw,44px)}
.expressive-head p{font-size:15px}
.expressive-head .margin-drawing{position:relative;width:255px;max-width:100%;isolation:isolate;transform:none;rotate:-4deg}
.expressive-head .margin-drawing:before{content:'';position:absolute;inset:-16px -25px 16px;background:white;border-radius:49% 51% 58% 42%/62% 46% 54% 38%;z-index:-1}
.expressive-head .margin-drawing:after{content:'';position:absolute;width:33px;height:44px;right:-15px;top:-30px;background:var(--sakura);border-radius:70% 30% 70% 30%;rotate:25deg;z-index:-1}
.expressive-head .margin-drawing span{font-size:31px;margin-top:8px}
.expressive-head--business-plan .margin-drawing:before{background:white;border-radius:30% 65% 38% 53%/51% 34% 60% 42%;rotate:9deg}
.expressive-head--brands-select .margin-drawing:before{border-radius:50% 50% 12% 12%/70% 70% 20% 20%;background:white}
.expressive-head--recruit-team .margin-drawing:before{border-radius:35% 65% 50% 50%/64% 43% 57% 36%;background:white}
.expressive-head--company-town .margin-drawing:before{border-radius:50% 50% 0 0/75% 75% 0 0}
.expressive-head--contact-talk .margin-drawing:before{border-radius:48% 50% 8% 50%;background:white}
.expressive-head--store-shopping .margin-drawing:before{border-radius:40% 65% 42% 50%/50% 40% 65% 52%}
/* Accent only editorial moments, leaving long copy and facts quiet. */
.about-page .about-intro>.eyebrow{font:500 43px/1.2 var(--hand)}
.about-page .about-intro>h2{font-size:42px}
.about-page .values .section-marker span:first-child{font-size:43px}
.about-page .values dt{font:500 35px/1.3 var(--hand)}
.products-page .product-story .brand-name{font-size:18px}
.products-page .product-story h2{font-size:42px;line-height:1.65}
.products-page .product-story .cta.text-link{display:flex;width:fit-content;margin-inline:auto}
.products-page .brand-index{gap:45px}
.products-page .brand-index a{border:0;padding:8px 15px;border-radius:18px;background:var(--mist)}
.products-page .brand-index a:nth-child(2){background:var(--sky)}
.products-page .brand-index a:nth-child(3){background:var(--sakura)}
.products-page .store-cta .chapter-en,.recruit-page .recruit-intro .chapter-en{font-size:48px}
.recruit-page .people-section .section-marker span:first-child{font-size:52px;display:inline-block;rotate:-4deg}
.recruit-page .person{position:relative}
.recruit-page .person-info{padding-left:0}
.recruit-page .person-info>span:first-child{display:inline-block;padding:3px 12px;background:var(--sky);border-radius:15px}
.recruit-page .person:nth-child(2n) .person-info>span:first-child{background:var(--sakura)}
.staff-head-inner>.eyebrow{font-size:42px}
.company-page .section-marker span:first-child{font-size:42px}
/* A shared invitation is a dialogue, not another rectangular chapter. */
.contact-band{position:relative;isolation:isolate;overflow:hidden;padding-top:90px;padding-bottom:85px;border-radius:70px 0 0 0}
.contact-band>.pop-scene{position:absolute;width:180px;left:calc(50% + 275px);top:100px;rotate:6deg}
.contact-band>.chapter-en{font-size:64px;rotate:-5deg;display:inline-block}
.contact-band>h2{font-size:34px;line-height:1.75;margin-top:28px}
.contact-band>p{margin-top:22px}
.contact-band>.cta{position:relative;z-index:1}
.home .contact-band{border-radius:0;padding-top:80px}
/* The brand store section is blue: connect the next colored section directly. */
.products-page .contact-band{border-radius:0}
/* No ambient loops; small hover responses stay inside the existing links. */
@media(hover:hover) and (pointer:fine){
 .brand-scene{transition:rotate .25s ease}
 .brand-editorial-list>a:hover .brand-scene{rotate:-3deg}
 .brand-editorial-list>a:nth-child(2):hover .brand-scene{rotate:3deg}
}
@media(max-width:1100px){
 .home .hero-title h1{font-size:48px}
 .hero-discovery{right:8%;width:175px}.hero-discovery>.pop-scene{width:125px}.hero-discovery>span{font-size:28px}
 .home .craft-chapter>.margin-drawing{left:5%;width:125px}
 .home .brands-chapter>.margin-drawing{right:4%;width:110px}
 .home .brand-editorial-list{gap:15px}
 .expressive-head .page-head-inner{grid-template-columns:minmax(0,1fr) 230px;gap:40px}
 .expressive-head .margin-drawing{width:210px}
 .expressive-head .eyebrow{font-size:44px}
 .expressive-head--business-plan h1{font-size:36px}
 .contact-band>.pop-scene{left:calc(50% + 220px);width:130px}
}
@media(max-width:850px){
 .home .hero-title h1{font-size:43px}.hero-discovery{right:7%;top:25px}
 .home .brands-chapter>.margin-drawing{position:relative;inset:auto;width:110px;margin:0 auto 20px}
 .home .recruit-chapter h2{font-size:33px}.home .recruit-chapter .chapter-en{font-size:45px}
 .home .brand-editorial-list p{font-size:11px}
 .brand-scene{width:190px}.home .home-brand-logo{height:70px}
 .contact-band>.pop-scene{left:calc(50% + 160px);width:100px;top:75px}
}
@media(max-width:600px){
 .home .editorial-hero{min-height:730px}
 .home .hero-title{left:9%;top:33px;gap:17px}
 .home .hero-title h1{font-size:32px;gap:12px}
 .home .hero-title h1>.pop-title-line{padding:13px 5px 16px;box-shadow:4px 5px 0 rgba(160,182,192,.19)}
 .home .hero-place{font-size:10px;letter-spacing:.08em}
 .hero-discovery{width:108px;top:28px;right:5%}
 .hero-discovery>.pop-scene{width:92px}.hero-discovery>span{font-size:20px;white-space:normal;line-height:.9}
 .home .hero-illustration{width:124%;right:-12%;bottom:62px}
 .home .hero-side-note{writing-mode:horizontal-tb;left:auto;right:5%;bottom:355px;padding:12px 14px;font-size:11px;line-height:1.8;rotate:3deg}
 .home .story-paper{padding-top:95px;padding-bottom:85px}
 .home .story-intro .chapter-en{font-size:49px}
 .home .story-intro h2{font-size:clamp(24px,6.7vw,29px);margin-top:22px;line-height:1.8}
 .home .root-illustration{width:70%;max-width:285px}
 .home .story-composition{margin-top:40px;margin-bottom:40px}
 .home .craft-chapter{border-radius:48% 52% 0 0/30px 30px 0 0;padding-top:65px;padding-bottom:80px}
 .home .craft-chapter>.margin-drawing{position:relative;inset:auto;width:105px;margin:0 auto 25px;rotate:-5deg}
 .home .chapter-heading .chapter-en{font-size:52px}
 .home .chapter-heading h2{font-size:29px;line-height:1.75;margin-top:22px}
 .home .craft-panorama{width:115%;margin:25px -7.5% 30px}
 .home .craft-stories{display:grid;grid-template-columns:1fr;gap:45px;margin-bottom:40px}
 .home .craft-stories article{padding-top:0}
 .home .craft-stories h3{font-size:22px}
 .home .brands-chapter{padding:75px 7% 85px}
 .home .brands-heading .chapter-en{font-size:53px}
 .home .brands-heading h2{font-size:29px;margin:23px 0}
 .home .brands-heading p{font-size:14px}
 .home .brand-editorial-list{display:grid;grid-template-columns:1fr;gap:38px;margin-top:40px}
 .home .brand-editorial-list>a{padding:0 0 20px}
 .brand-scene{width:190px;margin-bottom:18px}
 .home .home-brand-logo{width:205px;height:78px;margin:14px auto}
 .home .brand-editorial-list p{font-size:13px}
 .home .recruit-chapter{border-radius:0 50px 0 0;padding-top:80px;padding-bottom:44px;gap:35px}
 .home .recruit-chapter .cta.oval-link{width:min(100%,290px)}
 .home .recruit-chapter .chapter-en{font-size:49px}
 .home .recruit-chapter h2{font-size:30px}
 .expressive-head{border-radius:0 0 42px 0;padding-bottom:30px}
 .expressive-head .page-head-inner{display:grid;min-height:0;grid-template-columns:1fr;gap:30px;text-align:center;padding:35px 0 30px}
 .expressive-head .eyebrow{font-size:39px;max-width:100%}
 .expressive-head h1{font-size:31px;line-height:1.6;margin:22px 0 20px}
 .expressive-head--business-plan h1{font-size:28px}
 .expressive-head--brands-select h1{font-size:29px}
 .expressive-head p{font-size:13px}
 .expressive-head .margin-drawing{width:145px;rotate:-3deg;margin-top:12px}
 .expressive-head .margin-drawing:before{inset:-10px -20px 7px}
 .expressive-head .margin-drawing:after{width:22px;height:28px;right:-17px;top:-10px}
 .expressive-head .margin-drawing span{font-size:24px;margin-top:7px}
 .about-page .about-intro>.eyebrow{font-size:34px}
 .about-page .about-intro>h2{font-size:29px}
 .about-page .values .section-marker span:first-child{font-size:35px}
 .about-page .values dt{font-size:29px}
 .products-page .product-story h2{font-size:clamp(24px,6.7vw,29px)}
 .products-page .brand-index{gap:10px;padding-inline:4%;font-size:12px;flex-wrap:wrap}
 .products-page .brand-index a{padding:7px 10px}
 .products-page .store-cta .chapter-en{font-size:38px}
 .recruit-page .recruit-intro .chapter-en{font-size:42px}
 .recruit-page .people-section .section-marker span:first-child{font-size:43px}
 .company-page .section-marker span:first-child{font-size:35px}
 .staff-head-inner>.eyebrow{font-size:32px}
 .contact-band{padding-top:60px;padding-bottom:65px;border-radius:45px 0 0 0}
 .contact-band>.pop-scene{position:relative;left:auto;top:auto;width:105px;margin:0 auto 13px;rotate:6deg}
 .contact-band>.chapter-en{font-size:52px}
 .contact-band>h2{font-size:clamp(23px,6.5vw,27px);line-height:1.95;margin-top:23px}
 .contact-band>p{margin-top:20px}
 .home .contact-band{border-radius:0;padding-top:52px}
}
@media(max-width:360px){
 .home .hero-title h1{font-size:29px}.home .hero-title{left:7%;gap:12px}.hero-discovery{right:3%;width:92px}
 .home .hero-side-note{right:4%;font-size:10px;bottom:365px}
 .home .craft-stories h3{font-size:20px}.home .craft-stories p{font-size:12px}
 .home .chapter-heading h2,.home .brands-heading h2{font-size:27px}
 .expressive-head h1{font-size:28px}.expressive-head--business-plan h1{font-size:25px}
 .expressive-head .eyebrow{font-size:34px}.expressive-head--business-plan .eyebrow{font-size:29px}
 .about-page .about-intro>h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce),print{.brand-scene{transition:none!important}}

@media(min-width:601px) and (max-width:850px){.home .brand-editorial-list p{white-space:normal;max-width:19em}}

/* Keep the hero and marginal drawings tied to the central page, not the monitor edges. */
@media(min-width:1101px){
 .home .craft-chapter>.margin-drawing{left:max(10%,calc(50% - 560px))}
 .home .brands-chapter>.margin-drawing{right:max(10%,calc(50% - 560px))}
}
@media(min-width:1440px){
 .home .hero-title,.home .hero-side-note{left:calc(50% - 600px)}
 .home .hero-illustration{right:calc(50% - 720px);width:1094px}
 .home .hero-discovery{right:calc(50% - 530px)}
}

/* Restored history and business information: open editorial layouts, scoped to these pages. */
.business-page .business-detail{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;padding-bottom:90px}
.business-page .business-detail>div{order:0}
.business-page #sec02{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.business-page #sec02>div{order:2}
.business-page .business-achievements,.business-page .oem-expanded{padding-top:20px;padding-bottom:105px}
.business-section-heading{text-align:center;max-width:760px;margin:0 auto}
.business-section-heading>.eyebrow,.oem-support-heading>.eyebrow{font:500 38px/1.2 var(--hand);letter-spacing:0;margin-bottom:20px}
.business-section-heading h2{font-size:clamp(27px,3vw,36px);line-height:1.8}
.business-section-heading p{font-size:15px;line-height:2.25;margin:25px auto 0;max-width:42em;text-wrap:pretty}
.experience-facts{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:920px;margin:0 auto}
.experience-fact{padding-top:24px;border-top:1px solid var(--line)}
.experience-number{display:block;font:700 64px/1.2 var(--latin);letter-spacing:-.05em;color:var(--ink)}
.experience-number>span{font-size:22px;margin-left:8px}
.experience-fact h3{font-size:21px;margin:20px 0}
.experience-fact p{font-size:14px;line-height:2.2}
.business-page .experience-source{font-size:12px;color:var(--secondary);line-height:1.8;margin-top:14px}
.oem-concerns{max-width:820px;margin:0 auto 70px;padding-block:30px;border-block:1px solid var(--line)}
.oem-concerns h3{font-size:22px;margin-bottom:25px}
.oem-concerns ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}
.oem-concerns li{font-size:15px;padding-left:22px;position:relative;line-height:2}
.oem-concerns li:before{content:'';position:absolute;left:0;top:.65em;width:9px;height:12px;border-radius:65% 30% 60% 40%;background:#edbdce;rotate:35deg}
.oem-support-section,.oem-production{max-width:820px;margin-inline:auto;scroll-margin-top:48px}
.oem-support-heading{text-align:center;margin:0 auto 40px}
.oem-support-heading h3,.oem-production h3{font-size:30px;line-height:1.7}
.oem-heading-accent{background:linear-gradient(transparent 70%,var(--sakura) 70%,var(--sakura) 93%,transparent 93%);padding-inline:.08em}
.oem-support,.oem-production-steps{--oem-number-size:60px;--oem-lane-gap:22px;--oem-row-gap:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--oem-row-gap);padding:0;list-style:none;margin:0}
.oem-numbered-item{position:relative;display:grid;grid-template-columns:var(--oem-number-size) minmax(0,1fr);column-gap:var(--oem-lane-gap);align-items:start}
.oem-number{position:relative;z-index:1;display:grid;place-items:center;min-height:var(--oem-number-size);border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);font:600 29px/1 var(--latin);letter-spacing:-.04em}
.oem-explanation{min-width:0;padding:24px 30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.oem-explanation h4{font:600 22px/1.7 var(--sans);letter-spacing:-.025em;margin:0 0 10px;text-wrap:pretty}
.oem-explanation p{font-size:15px;line-height:2.1;margin:0;text-wrap:pretty}
/* Both guides follow reading progress; support topics remain parallel capabilities. */
[data-oem-flow]>.oem-numbered-item:not(:last-child):before,
[data-oem-flow]>.oem-numbered-item:not(:last-child):after{content:'';position:absolute;left:calc(var(--oem-number-size)/2 - 1px);top:calc(var(--oem-number-size)/2);width:2px;height:calc(100% + var(--oem-row-gap));background:var(--line);pointer-events:none}
[data-oem-flow]>.oem-numbered-item:not(:last-child):after{background:var(--ink);transform:scaleY(0);transform-origin:top}
[data-oem-flow][data-oem-flow-state="active"]>.oem-numbered-item:not(:last-child):after{transform:scaleY(var(--oem-segment-progress,0))}
[data-oem-flow][data-oem-flow-state="active"] .oem-number{transition:background-color .22s ease,color .22s ease,border-color .22s ease}
[data-oem-flow][data-oem-flow-state="active"]>.is-reached>.oem-number{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(prefers-reduced-motion:reduce),print{
 [data-oem-flow]>.oem-numbered-item:after{display:none}
 [data-oem-flow][data-oem-flow-state="active"]>.is-reached>.oem-number{background:var(--paper);color:var(--ink);border-color:var(--line)}
 [data-oem-flow] .oem-number{transition:none!important}
}
.oem-quality-art{width:650px;max-width:100%;margin:65px auto}
.oem-production-steps{margin-top:40px}
.oem-contact{text-align:center;margin-top:50px}
.company-page .history.history-complete{grid-template-columns:250px minmax(0,1fr);gap:65px;background:var(--mist)}
.history-intro{align-self:start}
.history-intro>.chapter-en{font:500 45px/1.2 var(--hand);margin-bottom:25px}
.history-intro h2{font-size:28px;line-height:1.9}
.history-intro p{font-size:14px;margin-top:25px;line-height:2.2}
.history-content{min-width:0}
.history-index{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:45px;font-size:14px}
.history-index a{border-bottom:1px solid var(--ink);padding-bottom:5px}
.history-period{scroll-margin-top:35px}
.history-period+.history-period{margin-top:65px}
.history-range{font:600 30px/1.3 var(--latin);letter-spacing:-.03em}
.history-period h3{font-size:20px;margin:15px 0 26px;text-wrap:pretty}
.history-complete .history-period dl>div{grid-template-columns:125px minmax(0,1fr);gap:25px;padding:23px 0;border:0}
.history-complete .history-period dt{font:600 15px/2.1 var(--latin);white-space:nowrap}
.history-complete .history-period dd{font-size:14px;line-height:2.1}
.history-period ul{list-style:none;padding:0;margin:0}
.history-period li+li{margin-top:10px}
@media(max-width:850px){
 .company-page .history.history-complete{display:block}
 .history-intro{text-align:center;margin-bottom:45px}
 .history-intro p{margin-top:20px}
 .history-index{justify-content:center}
 .business-page .business-detail,.business-page #sec02{grid-template-columns:1fr;gap:40px}
 .business-page #sec02>div{order:0}
 .business-page .business-detail{padding-bottom:65px}
 .experience-facts{gap:35px}
}
@media(max-width:600px){
 .business-page .business-achievements,.business-page .oem-expanded{padding-top:10px;padding-bottom:65px}
 .business-section-heading>.eyebrow,.oem-support-heading>.eyebrow{font-size:31px}
 .business-section-heading h2{font-size:27px}
 .business-section-heading p{font-size:14px;max-width:23em;text-align:left}
 .business-section-heading p br{display:none}
 .experience-facts,.oem-concerns ul{grid-template-columns:1fr}
 .experience-facts{gap:32px}
 .experience-number{font-size:52px}
 .experience-fact h3{font-size:20px;margin:17px 0}
 .oem-concerns{margin:0 auto 45px;padding-block:25px}
 .oem-concerns h3{font-size:20px}
 .oem-concerns ul{gap:18px}
 .oem-support-heading{margin-bottom:30px}
 .oem-support-heading h3,.oem-production h3{font-size:26px;line-height:1.7}
 .oem-support,.oem-production-steps{--oem-number-size:38px;--oem-lane-gap:10px;--oem-row-gap:16px}
 .oem-number{border-radius:11px;font-size:19px}
 .oem-explanation{padding:17px 16px;border-radius:14px}
 .oem-explanation h4{font-size:18px;line-height:1.65;margin-bottom:9px}
 .oem-explanation p{font-size:14px;line-height:1.95}
 .oem-quality-art{margin:40px auto}
 .oem-production-steps{margin-top:30px}
 .oem-contact{margin-top:35px}
 .history-intro h2{font-size:27px}
 .history-index{gap:18px;font-size:13px}
 .history-range{font-size:28px}
 .history-period h3{font-size:19px;line-height:1.8}
 .history-complete .history-period dl>div{grid-template-columns:1fr;gap:8px;padding:22px 0}
 .history-complete .history-period dt{font-size:15px}
 .history-complete .history-period dd{font-size:14px}
}
/* Keep the LandField vignette on its own white space, below the tent. */
.products-page .scene-landfield .margin-drawing{position:relative;inset:auto;width:110px;max-width:35%;margin:4px 5% 0 auto}
.expressive-head--privacy-care h1{font-size:clamp(28px,3vw,42px)}
@media(max-width:600px){.products-page .scene-landfield .margin-drawing{width:90px;margin:0 7% 0 auto}}