@media(max-width:760px){
html{scroll-padding-top:16px}body{overflow-x:hidden}nav{padding:14px 5% 12px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.brand{justify-content:center;gap:10px}.brand .header-logo{width:58px;height:58px}.brand .header-brand-text{font-size:11px;letter-spacing:1.5px;gap:4px}.navlinks{width:100%;display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:6px;border-top:1px solid var(--line);padding-top:10px}.navlinks a:not(.button){display:flex;justify-content:center;align-items:center;min-height:44px;text-align:center;padding:6px 4px;font-size:12px;border-radius:5px}.navlinks a[aria-current="page"]{background:#ede3d2;font-weight:700}.navlinks .button{grid-column:1/-1;min-height:44px;font-size:13px;padding:11px 16px;margin-top:3px}.hero{padding:35px 6% 40px;gap:28px;grid-template-columns:minmax(0,1fr)}.hero>div{min-width:0}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.6;text-align:center;margin-bottom:20px}.hero-brand-lockup{margin:0 auto 26px;width:100%}.hero .hero-brand-lockup h1{font-size:clamp(78px,23vw,112px)}.hero .hero-brand-lockup .english{font-size:24px;margin-top:8px}.hero h2{font-size:clamp(31px,8.7vw,40px);text-align:center;max-width:none;line-height:1.16;margin-bottom:18px}.hero p{font-size:15px;line-height:1.75;max-width:460px;margin:0 auto;text-align:center}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:23px}.actions .button{min-height:48px;padding:14px 16px;font-size:14px}.hero-image{width:100%;max-width:440px;margin:0 auto}.hero-image img{aspect-ratio:1.22;border-radius:120px 120px 8px 8px}.caption{font-size:9px;letter-spacing:1px;line-height:1.6;margin-top:12px}.collab-strip{padding:19px 0}.collab-logo{width:220px;padding:0 24px}.collab-logo b{font-size:37px}.collab-logo span{font-size:18px}.section{padding:48px 6%}.section .eyebrow{font-size:10px;line-height:1.6;margin-bottom:16px}.section h2{font-size:33px;line-height:1.18;margin-bottom:20px}.section p{font-size:15px;line-height:1.8}.intro,.contact{grid-template-columns:minmax(0,1fr);gap:20px}.intro p:first-child{font-size:21px;line-height:1.5}.panorama{height:auto;min-height:0;aspect-ratio:1.65;object-fit:cover}.steps{margin-top:28px;gap:22px}.step{padding-top:17px}.step h3{margin:13px 0 7px;font-size:18px}.step p{margin-bottom:0}.contact-card{margin-top:22px;padding-top:18px}.contact-card a{font-size:23px;margin-top:0;padding:8px 0}.contact form{padding:21px 18px;border-radius:9px}label{font-size:13px;margin-bottom:17px}input,textarea,select{font-size:16px;min-height:46px;padding:12px}form .button{min-height:48px}.note{font-size:11px!important}footer{padding:30px 6%;flex-direction:column;gap:24px;line-height:1.7}footer b{font-size:30px}.story-top{padding:36px 6% 28px}.story-top h1{font-size:clamp(39px,10vw,56px);margin:16px 0 20px;line-height:1.12}.story-top p{font-size:18px;line-height:1.7}.archive{padding:0 5%}.photo-window{border-radius:7px}.archive figcaption{font-size:11px;padding-top:10px}.story-copy{padding:38px 7%}.story-copy .eyebrow{font-size:10px;line-height:1.6;margin-bottom:15px}.story-copy h2{font-size:32px;line-height:1.2}.story-copy p{font-size:16px;line-height:1.85}.story-quote{font-size:26px;padding:28px 0;margin:30px 0}.story-end{padding:40px 7%}.story-end h2{font-size:32px}.story-end p{font-size:15px}.story-end .button{width:100%;min-height:48px}
}
@media(min-width:500px) and (max-width:760px){.actions{grid-template-columns:1fr 1fr}.navlinks{grid-template-columns:.7fr 1fr 1.4fr 1.3fr}.navlinks .button{grid-column:auto;margin:0}.hero p{max-width:500px}}

@media(max-width:760px){nav .navlinks>.button{display:none}.hero>.hero-image{grid-row:1}.hero{padding-top:22px;gap:32px}}

@media(max-width:760px){.hero-image .caption{display:none}}