/* Anzen: an editorial identity built around Nagasaki and everyday mobility. */
:root{--ink:#183c31;--cream:#f4f0e5;--orange:#d9532f;--yellow:#edbf54}
body{background:var(--cream)}
.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:30;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{transform:none}
header{padding:21px 4%;border:0;gap:22px;background:var(--cream)}
nav a{position:relative}header nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s}header nav a:hover:after,header nav a[aria-current]:after{transform:scaleX(1)}
.brand-mark{border-radius:2px;transform:rotate(-5deg);background:var(--ink);color:var(--cream);border:0}
.header-call{border-radius:0;padding:15px 20px}#pause{min-height:44px}
.hero{margin:0 20px;padding:0 4%;background:var(--ink);color:var(--cream);isolation:isolate}
.hero-copy{padding:54px 0 48px;width:55%}.hero .eyebrow{font-size:10px;letter-spacing:2px;color:#d8d9bb}
.hero h1{font-size:clamp(48px,6vw,86px);line-height:1.2;letter-spacing:-3px;margin-bottom:24px}.hero h1 .headline-line{display:block;color:var(--cream);white-space:nowrap}.hero h1 .accent{color:var(--yellow)}
.lead{font-size:14px;line-height:1.9;margin-bottom:24px}.hero .pill{background:var(--yellow);color:var(--ink);border-radius:2px;gap:58px;padding:15px 22px}.hero .tiny{color:#d1d7ca}.hero-recruit{display:block;width:fit-content;margin-top:19px;font-size:12px}
.hero-art{width:48%;top:30px;right:30px;bottom:80px;border-radius:48% 48% 3px 3px;background:#bdd1c4;z-index:-1}.hero-buddy{width:66%;left:15%;bottom:13%;animation:ride 5s ease-in-out infinite}.hero-art .town{height:94%;width:110%;left:-5%;bottom:-3%}.art-label{top:18%;left:15%;font-size:15px;letter-spacing:1px;color:var(--ink)}.art-label span{font-size:8px;letter-spacing:2px}.speech{font-size:12px;top:45%;right:5%;padding:18px;color:var(--ink)}.sun{width:72px;height:72px;right:17%;top:10%}.art-caption{font-size:9px;right:20px;bottom:15px;color:var(--ink)}
.hero-bottom{height:52px;border-top:1px solid #ffffff35;font-size:9px}.hero-bottom>a{animation:none}
.purpose-nav{margin:0;display:grid;grid-template-columns:.9fr 1fr 1fr 1fr;padding:0 5.5%;gap:0;background:#e8e6da}.purpose-label{font-size:13px;font-weight:700;align-self:center}.purpose-label small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:8px}.purpose-nav>a{font-size:15px;line-height:1.5;padding:27px 23px;border-left:1px solid #183c3125;position:relative;transition:background .2s}.purpose-nav>a:hover,.purpose-nav>a:focus-visible{background:#d6dccb}.purpose-nav>a small{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:10px;opacity:.7}.purpose-nav>a b{position:absolute;right:14px;top:48px;font-size:20px;font-weight:400}
.ticker{background:var(--cream);color:var(--ink);border-bottom:1px solid #183c3125;font-size:15px;padding:17px 0;letter-spacing:3px}
.section{padding:108px 8%}.intro{grid-template-columns:1.2fr 1fr;gap:8%}.intro h2{font-size:clamp(32px,3.8vw,54px);line-height:1.5}.intro>div:last-child{font-size:15px;padding-top:38px;line-height:2.2}.eyebrow{font-size:10px;letter-spacing:1.7px}h2{line-height:1.4}.section-heading{align-items:center;margin-bottom:45px}.section-heading>p{font-size:14px;padding:0;line-height:2}
.vehicles{background:#e0e4d7}.vehicle-list{display:block;border-top:1px solid #183c3140}.vehicle-list article{display:grid;grid-template-columns:46% 1fr;grid-template-rows:auto auto auto;column-gap:8%;position:relative;border-radius:0;padding:36px 0;background:none;border-bottom:1px solid #183c3140}.vehicle-list article:hover{box-shadow:none}.vehicle-list article:nth-child(even){grid-template-columns:1fr 46%}.vehicle-list article:nth-child(even) .vehicle-visual{grid-column:2}.vehicle-list article:nth-child(even) h3,.vehicle-list article:nth-child(even)>p,.vehicle-list article:nth-child(even) .tag{grid-column:1}.vehicle-visual{grid-row:1/4;overflow:hidden;align-self:center}.vehicle-visual img{display:block;width:100%;height:auto;transition:transform .6s ease}.vehicle-list article:hover img{transform:scale(1.025)}.vehicle-list .number{position:absolute;right:0;top:40px;font-size:10px;letter-spacing:1px}.vehicle-list h3{font-size:clamp(22px,2.4vw,34px);align-self:end;margin:35px 0 10px;font-weight:800}.vehicle-list p{min-height:0;font-size:14px;line-height:2;margin:0 0 20px;max-width:430px}.tag{align-self:start;width:fit-content;font-size:10px;border-radius:0;padding:6px 12px}.note{font-size:11px;max-width:850px}
.callout{padding:74px 5%;background-image:none;position:relative}.callout h2{font-size:42px}.callout>a{font-size:clamp(36px,6.5vw,85px);line-height:1.3;letter-spacing:1px}.callout .eyebrow{color:#d8d9bb}
.group{background:var(--cream)}.group-row{grid-template-columns:1fr 1.2fr;padding:31px 0}.group-row h3{font-size:22px}.group-row p{font-size:14px}.group-row span{font-size:9px;opacity:.8}
.recruit{position:relative;background:#dc653e;color:#17392e;border-radius:0;margin:0 20px;padding:78px 7%;grid-template-columns:1.2fr 1fr;overflow:hidden;gap:8%}.recruit>div{position:relative;z-index:1}.recruit h2{font-size:clamp(34px,4vw,58px);margin-top:24px}.recruit p{font-size:14px}.recruit .eyebrow{font-size:10px}.recruit .pill{border-radius:0;gap:20px;padding:19px 24px}.recruit .tiny{font-size:11px;max-width:420px}.recruit-word{position:absolute;top:70px;left:110%;font-size:clamp(64px,8vw,120px);font-weight:900;line-height:.85;color:#17392e20;pointer-events:none;letter-spacing:-7px}.recruit-art{padding-top:30px}.recruit-art img{max-width:360px;position:relative;margin-top:60px}.recruit-message{position:relative;text-align:left;font-size:24px!important;line-height:1.6!important;font-weight:800;margin:0 0 0 20px;z-index:2}.recruit-art>span{top:45%;right:0;font-size:12px;background:#f3e4c1}
.faq{max-width:1100px}.faq summary{padding:6px 36px 6px 0;font-size:16px;list-style:none;position:relative}.faq summary:after{content:'＋';position:absolute;right:3px;top:4px;font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;max-width:750px}.faq details{padding:20px 0}
footer{padding-top:65px}footer .brand-mark{background:var(--cream);color:var(--ink)}footer p{font-size:14px}.footer-links{font-size:12px}footer details p{font-size:12px}
#guide-toggle{box-shadow:0 3px 18px #0001;border-radius:4px;padding-right:15px;font-size:11px}#guide-panel{border-radius:4px}#guide-panel a{min-height:48px}.guide{right:18px;bottom:18px}#guide-toggle img{width:58px;height:48px}.mobile-call{background:var(--ink)}
@media(min-width:1500px){.hero-copy{padding-left:0}.hero h1{font-size:86px}}
@media(max-width:1050px){header{gap:14px}.hero-copy{width:56%}.hero h1{font-size:6.5vw}.hero-art{right:20px;width:46%;top:25px;bottom:75px}.hero .lead{font-size:12px}.hero .pill{gap:30px}.purpose-nav{padding:0 4%;grid-template-columns:.8fr 1fr 1fr 1fr}.purpose-nav>a{font-size:12px;padding:23px 17px}.purpose-nav>a b{right:8px;top:44px;font-size:16px}.purpose-label{font-size:11px}.section{padding:80px 6%}.group-row h3{font-size:18px}.vehicle-list p{font-size:13px}.recruit{padding:60px 6%}.recruit-message{font-size:20px!important}.recruit-word{left:100%}}
@media(max-width:720px){header{display:grid;grid-template-columns:1fr auto;padding:16px 5% 0;gap:14px}.brand{font-size:16px}.brand small{font-size:7px}header nav{grid-column:1/-1;grid-row:2;padding:12px 0 16px;margin:0;border:0;border-top:1px solid #183c3125;justify-content:space-between}#pause{font-size:9px;min-height:36px;margin:0}.hero{margin:0 12px;padding:0 6%;display:flex;flex-direction:column}.hero-copy{width:100%;padding:32px 0 27px}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:23px}.hero h1{font-size:clamp(40px,11.2vw,67px);line-height:1.18;letter-spacing:-2px;margin-bottom:22px}.hero .lead{font-size:12px;line-height:1.9;margin-bottom:22px}.hero .pill{width:100%;max-width:335px;gap:15px;padding:13px 18px}.hero .pill small{font-size:25px}.hero-recruit{font-size:10px;margin-top:15px}.hero .tiny{margin:10px 0}.hero-art{position:relative;z-index:0;width:100%;max-width:none;right:auto;top:auto;bottom:auto;margin:0;height:305px;border-radius:46% 46% 0 0}.art-label{top:19%;left:14%;font-size:12px}.art-label span{font-size:7px}.hero-buddy{width:72%;left:12%;bottom:8%}.hero-art .town{height:100%}.sun{width:50px;height:50px;right:20%;top:9%}.speech{font-size:10px;padding:14px;right:1%;top:40%}.art-caption{font-size:7px;right:11px;bottom:9px}.hero-bottom{font-size:8px;height:45px;margin-top:16px}.purpose-nav{display:grid;grid-template-columns:1fr;padding:20px 6% 14px;gap:0}.purpose-label{font-size:12px;padding-bottom:13px;display:flex;justify-content:space-between}.purpose-label small{margin:0;font-size:8px}.purpose-nav>a{border-left:0;border-top:1px solid #183c3125;display:flex;align-items:center;gap:16px;padding:17px 0;font-size:13px;min-height:58px}.purpose-nav>a small{font-size:8px;min-width:85px;margin:0;letter-spacing:1px}.purpose-nav>a b{position:static;margin-left:auto}.ticker{font-size:12px;padding:15px 0}.section{padding:65px 6%}.intro{display:block}.intro h2{font-size:29px}.intro>div:last-child{padding-top:12px;font-size:13px;line-height:2.15}.intro>div:last-child br{display:none}.section-heading{margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading>p{font-size:12px;line-height:1.9}.vehicle-list article,.vehicle-list article:nth-child(even){display:flex;flex-direction:column;padding:25px 0;gap:0}.vehicle-visual{width:100%;margin-bottom:20px}.vehicle-list .number{top:auto;bottom:26px;right:0}.vehicle-list h3{margin:0 0 13px;font-size:23px;align-self:start}.vehicle-list p{font-size:13px;line-height:1.95;margin:0 0 18px}.tag{font-size:9px}.note{font-size:10px}.callout{padding:56px 6%}.callout h2{font-size:30px}.callout>a{font-size:33px}.callout p{font-size:12px}.group-row{display:block;padding:25px 0}.group h2{font-size:29px}.group-row h3{font-size:18px;margin-bottom:13px}.group-row p{font-size:13px;margin-bottom:9px}.group-row span{font-size:8px}.recruit{margin:0 12px;padding:42px 7% 25px;display:block;border-radius:0}.recruit h2{font-size:32px;margin-top:0}.recruit .eyebrow{font-size:9px}.recruit p{font-size:13px}.recruit .pill{font-size:12px;padding:17px;max-width:100%}.recruit .tiny{font-size:9px}.recruit-word{font-size:85px;left:30%;top:370px;letter-spacing:-5px}.recruit-art{max-width:300px;padding:28px 0 0;margin:0 auto}.recruit-message{font-size:20px!important;margin-left:0}.recruit-art img{width:80%;margin-top:0}.recruit-art>span{top:57%;font-size:10px;padding:12px}.faq h2{font-size:29px}.faq summary{font-size:13px}.faq details p{font-size:12px}.guide{bottom:65px;right:10px}#guide-toggle{font-size:9px;padding:2px 10px 2px 0}#guide-toggle img{width:46px;height:37px}footer{padding-bottom:150px}footer .brand{font-size:15px}footer p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vehicle-visual img,header nav a:after{transition:none}}
@media(max-width:720px){.recruit h2{font-size:clamp(24px,7.2vw,40px);letter-spacing:-1px}}
.mobile-recruit{display:none}
@media(max-width:720px){.mobile-call{right:29%;padding:9px 5px calc(10px + env(safe-area-inset-bottom));font-size:15px;line-height:1.4}.mobile-call small{display:block;font-size:9px;font-weight:500;letter-spacing:1px;margin-bottom:2px}.mobile-recruit{display:grid;place-items:center;position:fixed;right:0;bottom:0;width:29%;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);font-size:12px;font-weight:700;background:var(--yellow);color:var(--ink);z-index:9;border-left:1px solid #f4f0e530}.guide{bottom:calc(67px + env(safe-area-inset-bottom))}}