:root{--ink:#1b2c38;--muted:#64717a;--copper:#ae6b45;--line:#dde1e3;--pale:#f3f5f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:white;font-family:'Hiragino Kaku Gothic ProN','Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ca895f;outline-offset:6px}a{transition:color .2s,background .2s,transform .2s}a:hover{color:var(--copper)}p,h1,h2,h3{margin-top:0}h2{font-size:32px;line-height:1.7;letter-spacing:.06em}h3{font-size:24px}.header{height:124px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;background:white}.brand{display:flex;gap:15px;align-items:center;white-space:nowrap}.brand strong{font-size:28px;letter-spacing:.16em;display:block;line-height:1.45}.brand small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.075em;margin-top:5px}.brand-symbol{color:var(--copper);font:bold 58px Georgia;letter-spacing:-13px;padding-right:10px;line-height:1}.brand-symbol span{font-size:40px}.header-right{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-top:16px;padding-bottom:21px}.utility{display:flex;justify-content:flex-end;gap:28px;font-size:13px;align-items:center}.member-login{color:var(--copper)}.member-login span{padding-left:10px}nav{display:flex;gap:34px;font-size:15px;font-weight:600}.menu-toggle{display:none}.hero{position:relative;min-height:590px;color:white;isolation:isolate;background:#15242d;background-position:center;background-size:cover}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,24,32,.92),rgba(10,24,32,.48) 46%,rgba(10,24,32,.06) 80%)}.hero-content{padding:76px 8% 90px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.17em;color:var(--copper);margin-bottom:15px}.hero .eyebrow{color:#e2b79a;font-size:12px;letter-spacing:.19em;margin-bottom:23px}.hero h1{font-size:64px;line-height:1.5;font-weight:500;letter-spacing:.08em;margin:0 0 24px}.hero h1 span{color:#e8bb9c}.hero-description{font-size:16px;line-height:2.1;color:#eceeef;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:52px;padding:16px 24px;font-weight:600;font-size:14px}.hero-button{border:1px solid #a6a29b;color:white}.hero-button:hover{background:#fff;color:var(--ink)}.hero-bottom{position:absolute;bottom:25px;left:8%;right:4.5%;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:.18em;color:#bfc4c6}.hero-bottom a span{margin-left:15px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 8%}.quick-links a{padding:27px 30px;display:flex;align-items:center;gap:20px;position:relative}.quick-links a:first-child{padding-left:0}.quick-links a:not(:last-child):after{content:'';position:absolute;right:0;height:50%;width:1px;background:var(--line)}.quick-number{font:14px Georgia;color:var(--copper)}.quick-links a>span:nth-child(2){flex:1;font-weight:600;font-size:17px}.quick-links small{font:10px Arial;display:block;letter-spacing:.13em;color:var(--muted);margin-bottom:4px}.section{padding:76px 8%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-heading h2{margin:0}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:38px;align-items:center}.text-link span{color:var(--copper);font-size:23px}.news-row{display:grid;grid-template-columns:115px 100px 1fr 20px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:25px 0;font-size:15px}.news-row:last-child{border-bottom:1px solid var(--line)}time{font:14px Arial;letter-spacing:.05em;color:var(--muted)}.tag{font-size:12px;text-align:center;padding:3px 10px;color:#715440;background:#f5eee9}.arrow{font-size:21px;color:var(--copper)}.about-section{background:var(--pale);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:88px;padding-bottom:84px}.about-title h2{font-size:32px}.since{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;margin-top:38px}.since strong{font-family:Georgia,serif;font-size:74px;font-weight:400;line-height:1;color:var(--copper)}.since span:first-child{font:11px Arial;letter-spacing:.12em}.since span:last-child{font-size:12px;color:var(--muted);flex-basis:100%}.about-copy{padding-top:6px}.about-copy>p:first-child{font-size:22px;font-weight:600;line-height:1.9}.about-copy>p{line-height:2;font-size:15px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-card{position:relative;padding:38px 40px;color:white;min-height:300px}.resource-card:hover{color:white;transform:translateY(-4px)}.resource-card.dark{background:#203542}.resource-card.copper{background:#a76947}.resource-card .eyebrow{color:#d4b59d}.resource-card.copper .eyebrow{color:#f4dfd0}.resource-card h3{margin:41px 0 10px;font-size:29px}.resource-card p{font-size:14px;color:#e5e8eb;line-height:1.9}.resource-index{position:absolute;right:35px;top:27px;font:48px Georgia;opacity:.3}.circle-arrow{position:absolute;bottom:34px;right:35px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;height:46px;width:46px;font-size:20px}.related{padding-top:0}.related h2{font-size:25px}.related>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.related>div>a{padding:24px 0;display:flex;gap:20px;align-items:center;font-size:15px}.related>div>a:last-child{padding-left:30px}.related small{color:var(--muted);font:12px Arial}.related a span{margin-left:auto;margin-right:30px;color:var(--copper)}.contact-band{background:#eef1f3;padding:40px 8%;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-band h2{font-size:24px;margin:0}.contact-band .eyebrow{font-size:11px;margin:0 0 5px}.button.light{background:#fff;min-width:250px;box-shadow:0 1px 0 #ddd}.footer{padding:48px 4.5% 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer .brand strong{font-size:23px}.footer .brand small{font-size:9px}.footer .brand-symbol{font-size:47px}.footer nav{font-size:12px;gap:23px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:38px;color:var(--muted);font-size:11px}.skip{position:absolute;top:-100px;z-index:1000;background:white;padding:10px}.skip:focus{top:0}.page-heading{padding:46px 8% 55px;background:var(--pale);border-top:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumb span{margin:0 14px}.page-heading h1{font-size:40px;margin:0;letter-spacing:.08em}.page-content{max-width:1100px;margin:auto;padding:64px 40px 90px;min-height:400px}.page-content h2{font-size:26px;margin:48px 0 20px}.page-content h2:first-child{margin-top:0}.page-content h3{font-size:20px}.intro{font-size:19px;line-height:2}.info-table{margin:35px 0}.info-table>div{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line);padding:23px 5px;gap:20px}.info-table>div:last-child{border-bottom:1px solid var(--line)}.info-table dt{font-weight:600}.info-table dd{margin:0}.activity-list{list-style:none;padding:0;counter-reset:activities}.activity-list li{border-top:1px solid var(--line);padding:22px 0;counter-increment:activities;display:flex;gap:25px}.activity-list li:before{content:'0' counter(activities);font:22px Georgia;color:var(--copper)}.notice{background:var(--pale);padding:20px 24px;font-size:14px;border-left:3px solid var(--copper);margin:25px 0}.list-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0;font-size:19px;gap:20px}.list-link:last-child{border-bottom:1px solid var(--line)}.list-link span{color:var(--copper)}.standard-item{border-top:1px solid var(--line);padding:24px 0}.standard-item h3{font-family:Arial,sans-serif;margin-bottom:8px}.standard-item p{margin-bottom:0;color:var(--muted)}.body-button{color:white;background:var(--ink);margin:15px 0}.body-button:hover{background:var(--copper);color:white}.news-article{padding:20px 0 40px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.news-article h2{margin:15px 0;font-size:24px}.source-note{font-size:13px;color:var(--muted)}.source-note a{text-decoration:underline}.contact-form{display:grid;gap:22px}.contact-form label{display:grid;gap:7px;font-size:15px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;border:1px solid #bbc3c8;padding:12px;background:white;border-radius:0}.required{font-size:12px;color:var(--copper);margin-left:10px}.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form button{border:0;cursor:pointer;width:fit-content}.form-review{margin-top:30px;padding:24px;background:var(--pale)}.form-review[hidden]{display:none}.form-review pre{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--copper);outline-offset:3px}@media(min-width:1600px){.header,.footer{padding-left:max(4.5%,calc((100vw - 1500px)/2));padding-right:max(4.5%,calc((100vw - 1500px)/2))}.hero{min-height:660px}.hero-content{padding-top:100px}}
@media(max-width:1050px){.header{padding:0 4%;height:105px}.brand strong{font-size:24px}.brand small{font-size:8px}nav{gap:20px;font-size:14px}.utility{gap:20px;font-size:12px}.hero h1{font-size:56px}.footer-top{align-items:flex-start;flex-direction:column}.footer nav{flex-wrap:wrap}.hero{min-height:570px}.about-section{gap:7%}}
@media(max-width:760px){.header{height:87px;padding:0 5%}.brand strong{font-size:22px}.brand small{font-size:8px;letter-spacing:0}.brand-symbol{font-size:45px;letter-spacing:-10px}.brand-symbol span{font-size:30px}.brand{gap:11px}.header-right{padding:0;justify-content:center}.utility{display:none}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:0;font-size:12px;color:var(--ink);padding:14px 0}.menu-toggle span{font-size:22px}#navigation{display:none;position:absolute;left:0;right:0;top:87px;background:white;z-index:20;flex-direction:column;padding:20px 7% 30px;gap:0;box-shadow:0 10px 15px #0001}#navigation.open{display:flex}#navigation a{padding:15px 0;border-bottom:1px solid var(--line)}.hero{min-height:570px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(10,24,32,.87),rgba(10,24,32,.25))}.hero-content{padding:68px 7% 85px}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:42px;line-height:1.65;letter-spacing:.05em}.hero-description{font-size:14px;margin-top:21px}.hero-bottom{left:7%;right:7%}.hero-bottom>span{font-size:8px;letter-spacing:.08em;max-width:210px;line-height:1.6}.hero-button{font-size:13px;gap:45px}.quick-links{padding:0 5%}.quick-links a,.quick-links a:first-child{padding:20px 12px;gap:8px}.quick-number{display:none}.quick-links a>span:nth-child(2){font-size:12px}.quick-links small{font-size:8px;letter-spacing:.04em}.quick-links a>span:last-child{font-size:14px}.section{padding:52px 7%}.section-heading{margin-bottom:22px;gap:20px}h2{font-size:26px}.text-link{font-size:12px;gap:15px;white-space:nowrap}.eyebrow{font-size:10px}.news-row{grid-template-columns:95px 88px 1fr;gap:10px 15px;padding:22px 0;font-size:14px}.news-row>span:nth-child(3){grid-column:1/3}.news-row .arrow{grid-column:3;grid-row:2;text-align:right}.about-section{grid-template-columns:1fr;gap:32px}.about-title h2{font-size:28px}.since{margin-top:25px}.since strong{font-size:65px}.about-copy>p:first-child{font-size:20px}.resource-grid{grid-template-columns:1fr;gap:18px}.resource-card{padding:30px;min-height:280px}.resource-card h3{margin-top:33px}.resource-section h2{font-size:25px}.related{padding-top:0}.related>div{grid-template-columns:1fr}.related>div>a,.related>div>a:last-child{padding:20px 0;font-size:13px;gap:13px}.related>div>a:first-child{border-bottom:1px solid var(--line)}.contact-band{padding:35px 7%;flex-direction:column;align-items:flex-start}.contact-band h2{font-size:20px}.footer{padding:35px 7% 23px}.footer nav{font-size:12px;gap:18px}.footer-bottom{font-size:10px;gap:18px}.page-heading{padding:28px 7% 40px}.page-heading h1{font-size:30px}.breadcrumb{font-size:11px;margin-bottom:25px}.page-content{padding:40px 7% 60px}.intro{font-size:17px}.info-table>div{grid-template-columns:1fr;gap:6px}.list-link{font-size:16px}.contact-form .field-row{grid-template-columns:1fr}.resource-card p{max-width:85%}.source-note{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.hero{background-image:url('copper-foil-hero.png')}
.brand-symbol,.brand small,.eyebrow,.hero-bottom,.quick-number,.quick-links small,time,.since strong,.since span:first-child,.resource-index,.related small,.activity-list li:before,.standard-item h3{font-family:Inter,'Noto Sans JP',sans-serif}
body,button,input,textarea{font-family:Inter,'Noto Sans JP',sans-serif;letter-spacing:0}
h1,h2,h3,.brand strong,.hero h1,.page-heading h1{letter-spacing:0}

/* 4px / 8px design grid */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--page-gutter:clamp(24px,8vw,128px)}
body{font-size:16px;line-height:1.4}
p{line-height:1.8!important}
h1,h2,h3{line-height:1.4}
.header{height:120px;padding:0 64px}
.brand{gap:16px}
.brand strong{font-size:28px;line-height:1.4}
.brand small{font-size:12px;margin-top:4px}
.brand-symbol{font-size:56px;letter-spacing:-12px;padding-right:8px}
.brand-symbol span{font-size:40px}
.header-right{padding-top:16px;padding-bottom:24px}
.utility{gap:24px;font-size:12px}
.member-login span{padding-left:8px}
nav{gap:32px;font-size:16px}
.hero{min-height:592px}
.hero-content{padding:80px var(--page-gutter) 96px}
.hero .eyebrow{font-size:12px;margin-bottom:24px}
.hero h1{font-size:64px;line-height:1.4;margin:0 0 24px}
.hero-description{font-size:16px;margin-bottom:32px}
.button{gap:48px;padding:16px 24px;font-size:16px}
.hero-bottom{bottom:24px;left:var(--page-gutter);right:64px;font-size:12px;line-height:1.4}
.hero-bottom a span{margin-left:16px}
.quick-links{padding:0 var(--page-gutter)}
.quick-links a{padding:24px 32px;gap:16px}
.quick-links a>span:nth-child(2){font-size:16px}
.quick-links small{font-size:12px;margin-bottom:4px}
.section{padding:80px var(--page-gutter)}
.section-heading{margin-bottom:32px}
.section-heading h2,h2{font-size:32px}
.text-link{font-size:16px;gap:32px}
.text-link span{font-size:24px}
.news-row{grid-template-columns:112px 96px 1fr 24px;gap:24px;padding:24px 0;font-size:16px}
time{font-size:12px}
.tag{font-size:12px;padding:4px 8px}
.arrow{font-size:20px}
.about-section{gap:96px;padding-top:80px;padding-bottom:80px}
.about-title h2{font-size:32px}
.since{gap:16px;margin-top:40px}
.since strong{font-size:72px}
.since span:first-child,.since span:last-child{font-size:12px}
.about-copy{padding-top:8px}
.about-copy>p:first-child{font-size:24px}
.about-copy>p{font-size:16px}
.resource-grid{gap:24px}
.resource-card{padding:40px;min-height:304px}
.resource-card h3{margin:40px 0 8px;font-size:28px}
.resource-card p{font-size:16px}
.resource-index{right:32px;top:24px;font-size:48px}
.circle-arrow{bottom:32px;right:32px;width:48px;height:48px;font-size:20px}
.related h2{font-size:24px}
.related>div>a{padding:24px 0;gap:16px;font-size:16px}
.related>div>a:last-child{padding-left:32px}
.related small{font-size:12px}
.related a span{margin-right:32px}
.contact-band{padding:40px var(--page-gutter);gap:24px}
.contact-band h2{font-size:24px}
.contact-band .eyebrow{font-size:12px;margin:0 0 4px}
.button.light{min-width:256px}
.footer{padding:48px 64px 24px}
.footer-top{gap:32px}
.footer .brand strong{font-size:24px}
.footer .brand small{font-size:12px}
.footer .brand-symbol{font-size:48px}
.footer nav{font-size:12px;gap:24px}
.footer-bottom{padding-top:24px;margin-top:40px;font-size:12px}
.skip{padding:8px}
.page-heading{padding:48px var(--page-gutter) 56px}
.breadcrumb{font-size:12px;margin-bottom:32px}
.breadcrumb span{margin:0 16px}
.page-heading h1{font-size:40px}
.page-content{max-width:1104px;padding:64px 40px 88px}
.page-content h2{font-size:28px;margin:48px 0 24px}
.page-content h3{font-size:20px}
.intro{font-size:20px}
.info-table{margin:32px 0}
.info-table>div{grid-template-columns:176px 1fr;padding:24px 4px;gap:16px}
.activity-list li{padding:24px 0;gap:24px}
.activity-list li:before{font-size:20px}
.notice{padding:24px;font-size:16px;border-left-width:4px;margin:24px 0}
.list-link{padding:24px 0;font-size:20px;gap:24px}
.standard-item{padding:24px 0}
.standard-item h3{font-size:20px;margin-bottom:8px}
.body-button{margin:16px 0}
.news-article{padding:24px 0 40px}
.news-article h2{margin:16px 0;font-size:24px}
.source-note{font-size:12px}
.contact-form{gap:24px}
.contact-form label{gap:8px;font-size:16px}
.contact-form input,.contact-form textarea{padding:12px}
.required{font-size:12px;margin-left:8px}
.contact-form .field-row{gap:24px}
.form-review{margin-top:32px;padding:24px}
@media(max-width:1024px){.header{height:104px;padding:0 32px}.header-right{padding-top:16px;padding-bottom:20px}.brand strong{font-size:24px}.brand small{font-size:12px}nav{gap:24px}.hero{min-height:568px}.hero h1{font-size:56px}.about-section{gap:64px}.footer{padding-left:32px;padding-right:32px}}
@media(max-width:760px){:root{--page-gutter:24px}.header{height:88px;padding:0 24px}.brand{gap:12px}.brand strong{font-size:20px}.brand small{font-size:12px;margin-top:0}.brand-symbol{font-size:48px;letter-spacing:-8px;padding-right:8px}.brand-symbol span{font-size:32px}.menu-toggle{gap:8px;padding:16px 0;font-size:12px}.menu-toggle span{font-size:24px}#navigation{top:88px;padding:24px;gap:0}#navigation a{padding:16px 0}.hero{min-height:568px}.hero-content{padding:64px 24px 88px}.hero .eyebrow{font-size:12px;margin-bottom:16px}.hero h1{font-size:40px;line-height:1.4;margin-bottom:24px}.hero-description{font-size:16px;margin:0 0 24px}.hero-bottom{left:24px;right:24px;bottom:24px;font-size:12px}.hero-bottom>span{max-width:208px}.quick-links{padding:0 16px}.quick-links a,.quick-links a:first-child{padding:20px 8px;gap:8px}.quick-links a>span:nth-child(2){font-size:12px}.quick-links small{font-size:12px;margin-bottom:4px}.section{padding:56px 24px}.section-heading{margin-bottom:24px}.section-heading h2,h2{font-size:28px}.text-link{font-size:12px;gap:16px}.text-link span{font-size:24px}.news-row{grid-template-columns:96px 88px 1fr;gap:12px 16px;padding:24px 0;font-size:16px}.about-section{gap:32px}.about-title h2{font-size:28px}.since{margin-top:24px}.since strong{font-size:64px}.about-copy>p:first-child{font-size:20px}.resource-grid{gap:16px}.resource-card{padding:32px;min-height:280px}.resource-card h3{margin:32px 0 8px;font-size:28px}.resource-card p{max-width:88%}.related>div>a,.related>div>a:last-child{padding:24px 0;gap:16px;font-size:16px}.related a span{margin-right:24px}.contact-band{padding:32px 24px;gap:24px}.contact-band h2{font-size:20px}.footer{padding:32px 24px 24px}.footer nav{gap:16px}.footer-bottom{gap:16px}.page-heading{padding:32px 24px 40px}.page-heading h1{font-size:32px}.breadcrumb{margin-bottom:24px}.page-content{padding:40px 24px 64px}.intro{font-size:20px}.info-table>div{grid-template-columns:1fr;gap:8px}.list-link{font-size:16px}.contact-form .field-row{gap:24px}}
.button{border:1px solid var(--copper);border-radius:2px;background:var(--copper);color:#fff}
.hero-button{border-color:var(--copper);background:var(--copper);color:#fff}
.body-button{border-color:var(--ink);background:var(--ink);color:#fff}
.button.light{border:1px solid #b8c0c4;border-radius:2px;background:#fff;color:var(--ink);box-shadow:none}
.hero-button:hover,.body-button:hover{border-color:#8c5334;background:#8c5334;color:#fff}
.button.light:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.menu-toggle{border:1px solid var(--line);border-radius:2px;background:var(--pale);padding:8px 12px}
main,.header,.contact-band{width:min(100%,1200px);margin-inline:auto}
.footer{width:100%;max-width:none}
.hero-content{padding-bottom:176px}
.hero-bottom{bottom:112px;justify-content:flex-start}
.hero .quick-links{position:absolute;right:0;bottom:0;z-index:3;width:min(720px,calc(100% - 64px));padding:0;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.hero .quick-links a{min-height:96px;padding:24px}
.member-login span,.button span,.text-link span,.quick-links a>span:last-child,.news-row .arrow,.related a>span:last-child,.list-link>span{position:relative;display:inline-block;flex:0 0 20px;width:20px;height:16px;font-size:0}
.circle-arrow{font-size:0}
@media(max-width:760px){.hero-content{padding-bottom:184px}.hero-bottom{display:none}.hero .quick-links{width:100%;grid-template-columns:repeat(3,1fr)}.hero .quick-links a{min-height:104px;padding:16px 8px}}
:root{--content-gutter:max(24px,calc((100vw - 1200px)/2))}
main,.header,.hero,.contact-band{width:100%;max-width:none;margin-inline:0}
.header,.hero-content,.section,.page-heading,.contact-band{padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
.page-content{width:min(calc(100% - 48px),1200px);max-width:1200px;margin-inline:auto}
.footer{width:100%;max-width:none;padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
.footer-top,.footer-bottom{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
.hero .quick-links{right:var(--content-gutter)}
.hero .quick-links a>span:first-child{flex:1;font-weight:600;font-size:16px}
.hero .quick-links a>span:last-child{flex:0 0 20px}
.hero h1{letter-spacing:-.04em}
.hero .eyebrow{line-height:1.6}
.member-login span,.button span,.text-link span,.quick-links a>span:last-child,.news-row .arrow,.related a>span:last-child,.list-link>span{display:inline-grid;place-items:center;width:20px;height:20px;font-family:'Material Symbols Rounded';font-size:0;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20}
.member-login span::before,.button span::before,.text-link span::before,.quick-links a>span:last-child::before,.news-row .arrow::before,.related a>span:last-child::before,.list-link>span::before{content:"arrow_forward";position:static;width:auto;height:auto;background:none;font-family:'Material Symbols Rounded';font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga'}
.member-login span::after,.button span::after,.text-link span::after,.quick-links a>span:last-child::after,.news-row .arrow::after,.related a>span:last-child::after,.list-link>span::after{content:none}
.circle-arrow{font-family:'Material Symbols Rounded';font-size:0;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20}
.circle-arrow::before{content:"arrow_forward";position:static;width:auto;height:auto;background:none;font-family:'Material Symbols Rounded';font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;font-feature-settings:'liga'}
.circle-arrow::after{content:none}
@media(max-width:760px){.hero .quick-links{right:0}.hero .quick-links a>span:first-child{font-size:12px}}
.brand{display:block;flex:0 1 auto;min-width:0;width:360px;max-width:100%;aspect-ratio:121/26;overflow:hidden;position:relative}
.brand-logo{display:block;position:absolute;left:0;top:-16.154%;width:100%;max-width:none;height:auto}
.footer .brand{width:320px}
@media(max-width:1024px){.header .brand{width:300px}}
@media(max-width:760px){.header .brand{width:min(232px,calc(100vw - 136px))}.footer .brand{width:min(320px,100%)}}

/* Full-width header, hero and footer alignment */
.header,.hero-content,.footer{padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}
.footer-top,.footer-bottom{width:100%;max-width:none}
.hero-content{width:min(100%,1800px);max-width:1800px;margin-left:auto;margin-right:auto}
.hero .quick-links{right:0;width:min(720px,100%)}

/* Compact the two navigation rows */
.header-right{justify-content:center;gap:8px;padding-top:0;padding-bottom:0}
.utility{gap:16px}
.header nav{gap:20px}
.member-login{display:inline-flex;align-items:center;gap:8px;line-height:1.4}
.member-login span{padding-left:0;align-self:center}

@media(max-width:760px){
  .header,.hero-content,.footer{padding-left:24px;padding-right:24px}
  .header-right{gap:0}
}

/* Google Material Symbols for every interface icon */
.menu-icon,.to-top-icon,.breadcrumb-icon{display:inline-grid;place-items:center;font-family:'Material Symbols Rounded';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20}
.menu-icon{font-size:24px}
.to-top{display:inline-flex;align-items:center;gap:8px}
.to-top-icon::before{content:'arrow_upward';font-size:20px}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.breadcrumb span{margin:0}
.breadcrumb-icon::before{content:'chevron_right';font-size:18px}

/* Sticky header with a more compact logo */
.header{position:sticky;top:0;z-index:50;height:100px;background:#fff;box-shadow:0 1px 0 rgba(27,44,56,.1)}
.header .brand{width:220px}
.hero{min-height:clamp(600px,56.25vw,840px)}
@media(max-width:1024px){.header{height:96px}.header .brand{width:200px}.hero{min-height:clamp(568px,62.5vw,720px)}}
@media(max-width:760px){.header{height:80px}.header .brand{width:min(184px,calc(100vw - 144px))}#navigation{top:80px}.hero{min-height:max(568px,calc(100svh - 80px))}}

/* Responsive section side padding */
:root{--section-side-padding:64px}
@media(max-width:1024px){:root{--section-side-padding:40px}}
@media(max-width:760px){:root{--section-side-padding:24px}}
.header,.hero-content,.section,.page-heading,.contact-band,.footer,.page-content{padding-left:var(--section-side-padding);padding-right:var(--section-side-padding)}

/* Tight tracking for all interface and heading text; body paragraphs stay neutral */
body{letter-spacing:-.04em}
h1,h2,h3,a,button,input,textarea,select,label,dt,dd,li,time,small,strong,.eyebrow,.tag,.breadcrumb{letter-spacing:-.04em!important}
p:not(.eyebrow),p:not(.eyebrow) *{letter-spacing:0!important}
.member-login span,.button span,.text-link span,.quick-links a>span:last-child,.news-row .arrow,.related a>span:last-child,.list-link>span,.circle-arrow,.menu-icon,.to-top-icon,.breadcrumb-icon{letter-spacing:normal!important}
.member-login span::before,.button span::before,.text-link span::before,.quick-links a>span:last-child::before,.news-row .arrow::before,.related a>span:last-child::before,.list-link>span::before,.circle-arrow::before,.to-top-icon::before,.breadcrumb-icon::before{letter-spacing:normal!important}

/* Adopt LINE Seed JP across the full site */
body,body *{font-family:'LINE Seed JP',sans-serif!important;font-weight:400!important}
.eyebrow,.quick-links small,time,.since span:first-child,.resource-index,.related small,.footer-bottom>span{letter-spacing:0!important}

/* Keep full-width backgrounds while limiting section content to 1200px */
:root{--content-max:1200px;--content-padding:max(var(--section-side-padding),calc((100% - var(--content-max))/2))}
.section,.page-heading,.contact-band,.page-content{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:var(--content-padding);padding-right:var(--content-padding)}

/* Every directional icon sits inside a circular outline */
.member-login span,.button span,.text-link span,.quick-links a>span:last-child,.news-row .arrow,.related a>span:last-child,.list-link>span,.to-top-icon,.breadcrumb-icon{width:32px;height:32px;flex:0 0 32px;border:1px solid currentColor;border-radius:50%}
.circle-arrow{width:48px;height:48px;border:1px solid currentColor;border-radius:50%}
.member-login span,.button span,.text-link span,.quick-links a>span:last-child,.news-row .arrow,.related a>span:last-child,.list-link>span,.circle-arrow,.menu-icon,.to-top-icon,.breadcrumb-icon{font-family:'Material Symbols Rounded'!important}
.member-login span::before,.button span::before,.text-link span::before,.quick-links a>span:last-child::before,.news-row .arrow::before,.related a>span:last-child::before,.list-link>span::before,.circle-arrow::before,.to-top-icon::before,.breadcrumb-icon::before{font-family:'Material Symbols Rounded'!important}
.button{justify-content:flex-start;gap:24px;min-width:0}
.news-row{grid-template-columns:112px 96px 1fr 32px}
.hero .quick-links a>span:last-child{flex:0 0 32px}
.quick-links a{min-width:0}

/* Four hero actions and a first-view-height key visual */
.hero{min-height:calc(100svh - 100px)}
.hero .quick-links{width:min(720px,100%);grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1024px){.hero{min-height:calc(100svh - 96px)}}
@media(max-width:760px){
  .hero{min-height:calc(100svh - 80px)}
  .hero-content{padding-top:32px;padding-bottom:176px}
  .hero .quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero .quick-links a{min-height:80px;padding:12px 16px}
}

/* Transparent home header, logo swap and dark footer */
.brand{width:200px!important;max-width:200px;aspect-ratio:2263/535;overflow:visible}
.brand-logo{inset:0;top:0;width:100%;height:100%;object-fit:contain;transition:opacity .16s ease}
.header .brand-logo--color{opacity:1}
.header .brand-logo--white{opacity:0}
.home-page .header{position:fixed;top:0;left:0;right:0;background:transparent;color:#fff;box-shadow:none;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.home-page .header:not(.is-scrolled) a,.home-page .header:not(.is-scrolled) .menu-toggle{color:#fff}
.home-page .header:not(.is-scrolled) a:hover{color:#e8bb9c}
.home-page .header:not(.is-scrolled) .brand-logo--color{opacity:0}
.home-page .header:not(.is-scrolled) .brand-logo--white{opacity:1}
.home-page .header.is-scrolled{background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(27,44,56,.1)}
.home-page .header.is-scrolled .member-login{color:var(--copper)}
.home-page .hero{min-height:100svh}
.home-page .hero-content{padding-top:180px}
.footer{background:#07090b;color:#fff}
.footer .brand{width:200px!important;max-width:200px}
.footer .brand-logo--white{opacity:1}
.footer a{color:#fff}
.footer a:hover{color:var(--copper)}
.footer-bottom{color:#fff;border-color:rgba(255,255,255,.25)}
@media(max-width:1024px){.home-page .hero-content{padding-top:160px}}
@media(max-width:760px){
  .brand{width:min(176px,calc(100vw - 144px))!important}
  .home-page .hero-content{padding-top:112px}
  .home-page .header:not(.is-scrolled) .menu-toggle{background:rgba(7,9,11,.24);border-color:rgba(255,255,255,.55)}
  .home-page .header.is-scrolled .menu-toggle{background:var(--pale);color:var(--ink);border-color:var(--line)}
  .home-page #navigation.open a{color:var(--ink)}
  .footer .brand{width:200px!important;max-width:100%}
}

/* Four-pixel corners and responsive hero actions */
.button,.menu-toggle,.resource-card{border-radius:4px}
.breadcrumb-icon{width:auto;height:auto;flex:0 0 auto;border:0;border-radius:0}
.hero .quick-links{border-radius:4px 0 0 0;overflow:hidden}
@media(max-width:760px){
  .hero .quick-links{grid-template-columns:1fr;width:100%}
  .hero .quick-links a{width:100%;min-height:72px}
  .hero .quick-links a:not(:last-child)::after{left:0;right:0;bottom:0;width:100%;height:1px}
}
