/* Nutrition Selections — 2027. Editorial copy is at least 18px at default zoom;
   clearly identified source, scope and image notes are the only exceptions. */
:root{
color-scheme:light;
--navy:#0d1b2c;
--navy-soft:#162a40;
--ivory:#f7f5ef;
--paper:#fff;
--gold:#d6be81;
--gold-ink:#765b27;
--ink:#15283d;
--muted:#546172;
--line:#d8dcd9;
--serif:"Noto Serif JP Variable","Yu Mincho","Hiragino Mincho ProN",Georgia,serif;
--sans:"Noto Sans JP Variable","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}

*{
box-sizing:border-box}
html{
font-size:112.5%;
scroll-behavior:smooth;
scroll-padding-top:6rem}
body{
margin:0;
background:var(--ivory);
color:var(--ink);
font:400 1rem/1.85 var(--sans);
-webkit-line-break:strict;
line-break:strict;
word-break:normal;
word-break:auto-phrase;
-webkit-font-smoothing:antialiased}
button,input,select,textarea{
font:inherit}
small,figcaption{
font-size:1rem}
img{
display:block;
max-width:100%;
height:auto}
figure,p,h1,h2,h3,h4,h5{
margin:0}
a{
color:inherit;
text-decoration:none}
button,a,input,select,textarea{
touch-action:manipulation}
button,a{
 -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid #a87726;
outline-offset:5px}
a:hover{
text-decoration-thickness:1px;
text-underline-offset:.3em}
button{
cursor:pointer}
button:disabled{
cursor:not-allowed}
h1,h2,h3,h4,h5{
font-family:var(--serif);
font-weight:500;
line-height:1.5;
word-break:normal;
word-break:auto-phrase;
overflow-wrap:normal;
line-break:strict;
text-wrap:pretty}
h1{
font-size:clamp(2.1rem,4vw,3.7rem)}
h2{
font-size:clamp(1.9rem,3.5vw,3.2rem)}
h3{
font-size:1.45rem}
p{
line-break:strict;
word-break:normal;
word-break:auto-phrase;
overflow-wrap:normal;
text-wrap:pretty}
.phrase{
display:inline-block}
.word-unit{
display:inline-block;
white-space:nowrap}
p+p{
margin-top:1rem}
ul,ol{
padding-left:1.3rem}
button[hidden],[hidden]{
display:none!important}
.wrap{
width:min(100% - 6rem,1320px);
margin-inline:auto}
.section{
padding-block:6rem}
.section-tight{
padding-block:3rem}
.eyebrow{
font:500 1rem/1.5 var(--sans);
letter-spacing:.11em;
text-transform:uppercase;
color:var(--gold-ink);
margin-bottom:1.1rem}
.dark{
background:var(--navy);
color:var(--ivory)}
.dark .eyebrow{
color:var(--gold)}
.intro{
color:var(--muted);
max-width:38rem}
.dark .intro{
color:#ccd3dd}
.rule-link{
display:inline-flex;
align-items:center;
gap:2rem;
border-bottom:1px solid var(--gold-ink);
padding:.55rem 0;
font-weight:500}
.rule-link::after{
content:"↗";
font-family:var(--sans)}
.dark .rule-link{
border-color:var(--gold)}
.button{
min-height:3.3rem;
display:inline-flex;
align-items:center;
justify-content:center;
gap:1.4rem;
padding:.7rem 1.5rem;
border:1px solid var(--navy);
background:var(--navy);
color:white;
font-weight:500;
line-height:1.5}
.button::after{
content:"→"}
.button.gold{
background:var(--gold);
border-color:var(--gold);
color:var(--navy)}
.button.outline{
background:transparent;
color:inherit;
border-color:currentColor}
.actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:1rem 1.8rem;
margin-top:2rem}
.skip{
position:absolute;
top:-10rem;
left:1rem;
padding:.7rem 1rem;
background:white;
z-index:100}
.skip:focus{
top:1rem}
.site-header{
position:relative;
z-index:40;
background:var(--navy);
color:var(--ivory);
border-bottom:1px solid #ffffff26}
.header-inner{
min-height:5.5rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:2rem}
.wordmark{
font:500 1.15rem/1.25 Georgia,serif;
letter-spacing:.045em}
.wordmark span{
display:block}
.nav{
display:flex;
gap:1.4rem;
align-items:center}
.nav a{
font-size:1rem;
padding:.45rem 0;
border-bottom:1px solid transparent}
.nav a[aria-current="page"]{
border-color:var(--gold);
color:var(--gold)}
.nav .contact-nav{
border:1px solid #d6be8188;
padding:.55rem 1rem}
.menu-toggle{
display:none;
border:1px solid #ffffff80;
background:none;
color:inherit;
padding:.55rem 1rem;
font-size:1rem}
.hero{
position:relative;
isolation:isolate;
background:var(--navy);
color:var(--ivory);
overflow:clip}
.hero-photo{
position:absolute;
inset:0 0 0 auto;
width:100%;
height:100%;
object-fit:cover;
object-position:right top;
z-index:-3}
.hero::before{
content:"";
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(90deg,#081521 0%,#081521f5 23%,#081521d9 39%,#08152130 65%,#08152105 100%)}
.hero::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:linear-gradient(0deg,#0d1b2ce8 0%,transparent 42%)}
.hero-inner{
position:relative;
min-height:760px;
padding-block:2.4rem 3rem;
display:flex;
align-items:center}
.hero-copy{
position:relative;
z-index:3;
width:55%;
max-width:36rem}
.hero .eyebrow{
color:var(--gold);
margin-bottom:1.2rem}
.hero-brand{
font:400 clamp(2.5rem,5vw,5rem)/.98 Georgia,"Times New Roman",serif;
letter-spacing:-.025em;
margin-bottom:1.8rem}
.hero-brand span{
display:block}
.hero-signature{
display:grid;
grid-template-columns:52% minmax(0,1fr);
align-items:center;
gap:1.7rem;
max-width:34rem;
margin-block:2rem 1.4rem}
.hero-award{
font:400 clamp(1.3rem,2.2vw,2.15rem)/1.27 Georgia,serif;
color:var(--gold);
letter-spacing:.01em}
.hero-subtitle{
font-family:var(--serif);
font-size:clamp(1.2rem,1.6vw,1.5rem);
margin-top:1.7rem;
line-height:1.75;
max-width:25rem}
.hero-summary{
margin-top:1rem;
max-width:26rem;
color:#d8dce1}
.hero .actions{
margin-top:1.8rem}
.hero-badge{
width:100%;
max-width:320px;
position:relative;
margin:0;
z-index:2;
text-align:center}
.badge-disc{
display:block;
aspect-ratio:1;
position:relative;
border-radius:50%;
overflow:hidden;
border:0;
background:#fffdf8;
box-shadow:0 0 0 6px #d1a03b}
.badge-disc img{
position:absolute;
width:123.3%;
max-width:none;
height:117.9%;
left:-11.7%;
top:-8.3%;
object-fit:fill;
transform:none}
.hero-badge figcaption{
color:var(--gold);
margin-top:1.4rem;
font-size:1rem;
letter-spacing:.06em}
.hero-note{
position:relative;
padding:.5rem 3rem;
color:#c5ccd5;
font-size:1rem;
text-align:right;
line-height:1.55;
background:#0d1b2c}
.news-bar{
background:#ede9dd;
border-bottom:1px solid var(--line)}
.news-bar .wrap{
display:flex;
gap:1.7rem;
align-items:center;
padding-block:1.2rem}
.news-bar .eyebrow{
margin:0;
flex-shrink:0}
.news-bar a{
display:flex;
justify-content:space-between;
align-items:center;
gap:2rem;
width:100%;
line-height:1.6}
.news-bar a span:last-child{
font-size:1.25rem}
.section-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:3rem;
margin-bottom:2.5rem}
.section-heading .intro{
max-width:28rem}
.section-heading h2{
max-width:34rem}
.photo-editorial{
display:grid;
grid-template-columns:1.15fr 1fr;
gap:4.2rem;
align-items:center}
.photo-editorial img{
width:100%;
height:auto}
.photo-editorial figcaption{
color:var(--muted);
margin-top:.65rem}
.editorial-copy h2{
margin-bottom:1.6rem}
.editorial-copy .rule-link{
margin-top:1.5rem}
.review-steps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.6rem;
margin-top:3.5rem}
.review-step{
border-top:1px solid var(--line);
padding-top:1.2rem}
.step-heading{
display:flex;
align-items:baseline;
gap:1rem;
margin-bottom:.7rem}
.step-heading span{
color:var(--gold-ink);
font-family:Georgia,serif;
font-size:1.5rem}
.review-step p{
color:var(--muted)}
.photo-strip{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.6rem;
margin-top:3rem}
.photo-strip .portrait-frame{
aspect-ratio:4/5;
background:#e8e7e1;
overflow:hidden}
.portrait-frame img{
width:100%;
height:100%;
object-fit:contain}
.photo-strip h3{
margin-top:1.25rem;
margin-bottom:.6rem}
.photo-strip .eyebrow{
margin:1rem 0 .6rem}
.photo-note{
margin-top:1.2rem;
color:var(--muted);
font-size:1rem}
.filter-bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:1.5rem;
flex-wrap:wrap;
margin:1.8rem 0 2rem;
border-bottom:1px solid var(--line);
padding-bottom:1rem}
.filter-group{
display:flex;
gap:.5rem;
flex-wrap:wrap}
.filter-btn{
padding:.6rem 1rem;
border:1px solid transparent;
border-radius:0;
background:transparent;
color:var(--ink);
font-size:1rem;
line-height:1.5}
.filter-btn[aria-pressed="true"]{
background:var(--navy);
color:white}
.filter-btn:hover{
border-color:var(--ink)}
.year-control{
display:flex;
align-items:center;
gap:.8rem}
.year-control select{
color:var(--ink);
background:white;
border:1px solid #97a1ad;
padding:.45rem .6rem;
max-width:10rem}
.result-count{
margin-bottom:1.5rem;
color:var(--muted)}
.winner-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2rem 1.5rem}
.winner-card{
display:grid;
grid-template-rows:auto 1fr;
min-width:0;
border-top:1px solid var(--line);
background:white}
.winner-image{
display:block;
position:relative;
aspect-ratio:4/3;
min-height:0;
overflow:hidden;
background:#eeeee9;
padding:0}
.winner-image .winner-product-image{
position:absolute;
inset:8%;
height:84%;
width:84%;
object-fit:contain;
mix-blend-mode:multiply;
transition:transform .25s ease}
.winner-image:hover .winner-product-image{
transform:scale(1.035)}
.winner-record-seal{
position:absolute;
z-index:2;
isolation:isolate;
display:block;
pointer-events:auto}
.winner-record-seal--card{
right:.8rem;
bottom:.55rem;
width:5.35rem}
.winner-record-seal--detail{
right:-1rem;
bottom:-2.1rem;
width:8rem}
.winner-record-seal--image img{
display:block;
width:100%;
height:auto;
filter:drop-shadow(0 0 .28rem rgba(221,184,75,.42)) drop-shadow(0 .55rem .9rem rgba(13,27,44,.2));
transition:filter .3s ease,transform .3s ease}
.winner-record-seal--fallback{
aspect-ratio:1;
display:grid;
place-content:center;
gap:.05rem;
overflow:hidden;
border:2px solid var(--gold);
border-radius:50%;
background:rgba(255,253,248,.96);
box-shadow:inset 0 0 0 3px rgba(209,160,59,.22),0 .55rem 1.35rem rgba(13,27,44,.14);
color:var(--gold-ink);
text-align:center}
.winner-record-seal--fallback span,
.winner-record-seal--fallback strong{
position:relative;
z-index:1;
display:block;
line-height:1.05}
.winner-record-seal--fallback span{
font:600 1rem/1 var(--serif);
letter-spacing:.04em}
.winner-record-seal--fallback strong{
font:500 1.2rem/1.15 var(--serif);
font-variant-numeric:tabular-nums}
.winner-record-seal--image::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background-image:linear-gradient(105deg,transparent 0%,rgba(233,192,79,.1) 30%,rgba(255,248,207,.4) 44%,rgba(255,255,255,.62) 52%,rgba(226,181,55,.14) 68%,transparent 100%);
background-repeat:no-repeat;
background-size:20% 100%;
background-position:-25% 0;
-webkit-mask:var(--seal-mask) center/contain no-repeat;
mask:var(--seal-mask) center/contain no-repeat;
mix-blend-mode:screen;
opacity:0;
will-change:background-position,opacity}
.winner-record-seal--image:hover::after,
.winner-image:focus-visible .winner-record-seal--image::after,
.winner-card:focus-within .winner-record-seal--image::after{
animation:winner-seal-hover .75s ease-out 1 both}
.winner-record-seal--image:hover img,
.winner-image:focus-visible .winner-record-seal--image img,
.winner-card:focus-within .winner-record-seal--image img{
filter:drop-shadow(0 0 .48rem rgba(242,201,92,.62)) drop-shadow(0 .58rem .95rem rgba(13,27,44,.22));
transform:translateY(-1px)}
@keyframes winner-seal-hover{
0%{opacity:0;background-position:-25% 0}
20%{opacity:.58}
80%{opacity:.42}
100%{opacity:0;background-position:125% 0}}
.winner-content{
padding:1.4rem 1.4rem 1.7rem;
display:grid;
grid-template-rows:auto minmax(4.6rem,auto) minmax(3.2rem,auto) auto}
.winner-meta{
display:flex;
justify-content:space-between;
gap:1rem;
color:var(--muted);
font-size:1rem;
margin-bottom:.8rem}
.winner-content h3{
font-size:1.35rem;
margin-bottom:.7rem}
.winner-award{
font-family:Georgia,var(--serif);
color:var(--gold-ink);
line-height:1.5;
margin-bottom:1rem;
overflow-wrap:normal}
.winner-content .rule-link{
margin-top:1.2rem;
align-self:flex-start}
.center-action{
text-align:center;
margin-top:2.8rem}
.criteria-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2rem 1.5rem}
.criterion{
display:grid;
grid-template-rows:auto 1fr;
background:#fff;
color:var(--ink);
min-width:0}
.criterion figure{
background:#dfdfd6;
aspect-ratio:4/3;
overflow:hidden}
.criterion figure img{
width:100%;
height:100%;
object-fit:contain}
.criterion-copy{
padding:1.35rem 1.4rem 1.8rem}
.criterion .eyebrow{
display:flex;
justify-content:space-between;
gap:.8rem;
font-size:1rem;
color:var(--gold-ink);
letter-spacing:.04em;
margin-bottom:.7rem}
.criterion h3{
margin-bottom:.7rem}
.criterion-copy>p:last-child{
color:var(--muted)}
.scope-note{
border-left:3px solid var(--gold);
padding:.2rem 0 .2rem 1.4rem;
margin-top:2rem;
color:var(--muted);
max-width:60rem}
.dark .scope-note{
color:#cbd3dd}
.award-feature{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:5rem;
align-items:center}
.award-display{
padding:3.5rem;
background:var(--navy);
color:white;
text-align:center}
.award-display .badge-disc{
max-width:340px;
margin:0 auto 2.6rem}
.award-display figcaption{
color:var(--gold);
line-height:1.5;
letter-spacing:.08em}
.award-display-light{
position:relative;
overflow:hidden;
color:var(--navy);
border:1px solid #d7c89f;
background:radial-gradient(circle at 50% 38%,rgba(214,190,129,.3),transparent 38%),linear-gradient(145deg,#fffefa 0%,#f1ede2 58%,#e4dccb 100%);
box-shadow:0 1.4rem 3.5rem rgba(13,27,44,.12)}
.award-display-light::before{
content:"";
position:absolute;
inset:1rem;
border:1px solid rgba(118,91,39,.2);
pointer-events:none}
.award-display-light .badge-disc,
.award-display-light figcaption{
position:relative;
z-index:1}
.award-display-light .badge-disc{
box-shadow:0 0 0 6px #d1a03b,0 1.4rem 3rem rgba(82,62,24,.17),0 0 4.5rem rgba(214,190,129,.22)}
.award-display-light figcaption{
color:var(--gold-ink)}
.award-feature h2{
margin-bottom:1.7rem}
.award-value-intro{
max-width:45rem}
.award-value-list{
list-style:none;
padding:0;
margin:2rem 0 0;
border-top:1px solid var(--line)}
.award-value-list li{
display:grid;
grid-template-columns:3.2rem minmax(0,1fr);
gap:1rem;
padding:1.05rem 0;
border-bottom:1px solid var(--line)}
.award-value-list li>span{
font:500 1.15rem/1.5 var(--serif);
color:var(--gold-ink);
font-variant-numeric:tabular-nums}
.award-value-list h3{
font-size:1.18rem;
margin:0 0 .3rem}
.award-value-list p{
color:var(--muted);
line-height:1.75}
.compact-table{
width:100%;
border-collapse:collapse;
margin-top:1.8rem;
text-align:left}
.compact-table th,.compact-table td{
padding:1.1rem 1rem 1.1rem 0;
border-bottom:1px solid var(--line);
vertical-align:top;
font-size:1rem}
.compact-table th{
width:26%;
font-weight:500}
.year-links{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
background:#ffffff33;
border-block:1px solid #ffffff33}
.year-link{
padding:2rem 1.5rem;
background:var(--navy);
display:flex;
flex-direction:column;
gap:.5rem;
transition:background .2s}
.year-link:hover{
background:var(--navy-soft)}
.year-link strong{
font:400 2.6rem/1.25 Georgia,serif;
color:var(--gold)}
.year-link span{
display:flex;
justify-content:space-between;
font-size:1rem}
.organization{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:4rem}
.organization>div:first-child{
max-width:34rem}
.organization h2{
font-size:clamp(1.6rem,2.5vw,2.2rem)}
.organization .intro{
margin-top:1.3rem}
.site-footer{
background:#081321;
color:#ccd2db;
padding:3.5rem 0 1.8rem}
.footer-top{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:3rem}
.footer-brand{
font:400 clamp(1.5rem,2.2vw,2.3rem)/1.25 Georgia,serif;
color:var(--ivory)}
.footer-top p{
margin-top:1.4rem}
.footer-links{
display:grid;
grid-template-columns:1fr 1fr;
gap:1rem 2rem;
align-content:start}
.footer-links a{
font-size:1rem}
.footer-links a:hover{
text-decoration:underline}
.footer-bottom{
border-top:1px solid #ffffff33;
padding-top:1.5rem;
margin-top:3rem;
display:flex;
justify-content:space-between;
gap:1rem;
flex-wrap:wrap;
font-size:1rem}
.local-note{
background:#eee8d8;
color:#51472d;
font-size:1rem;
padding:.8rem 1.4rem;
text-align:center;
line-height:1.7}
.back-to-top{
position:fixed;
right:1.35rem;
bottom:1.35rem;
z-index:90;
display:grid;
place-items:center;
width:3.2rem;
height:3.2rem;
border:1px solid rgba(214,190,129,.72);
border-radius:50%;
background:rgba(13,27,44,.94);
box-shadow:0 .65rem 1.8rem rgba(13,27,44,.24);
color:var(--gold);
font:500 1.45rem/1 var(--sans);
text-decoration:none;
transition:transform .25s ease,background .25s ease,color .25s ease}
.back-to-top:hover{
background:#fffdf8;
color:var(--navy);
transform:translateY(-3px);
text-decoration:none}
.page-top{
padding:3.8rem 0 3.6rem}
.award-page-hero{
position:relative;
isolation:isolate;
overflow:hidden;
background:#081625;
border-bottom:1px solid rgba(214,190,129,.48)}
.award-page-hero::after{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:linear-gradient(90deg,rgba(8,22,37,.99) 0%,rgba(8,22,37,.96) 39%,rgba(8,22,37,.7) 64%,rgba(8,22,37,.28) 100%),linear-gradient(0deg,rgba(8,22,37,.68),transparent 48%)}
.award-hero-photo{
position:absolute;
inset:0;
z-index:-2;
width:100%;
height:100%;
object-fit:cover;
object-position:center}
.award-page-hero .wrap{
position:relative;
z-index:1}
.award-page-hero .split-hero{
min-height:31rem}
.award-hero-emblem{
position:relative;
margin:0;
padding:1.5rem}
.award-hero-emblem::before{
content:"";
position:absolute;
inset:6% 12%;
border-radius:50%;
background:radial-gradient(circle,rgba(255,244,204,.25) 0%,rgba(214,190,129,.12) 42%,transparent 70%);
filter:blur(10px)}
.award-page-hero .split-hero .badge-disc{
max-width:390px;
margin:0 auto}
.badge-glint{
overflow:hidden;
isolation:isolate}
.badge-glint::after{
content:"";
position:absolute;
top:-12%;
bottom:-12%;
left:-48%;
width:42%;
z-index:3;
pointer-events:none;
background:linear-gradient(105deg,transparent 0%,rgba(226,184,71,.1) 24%,rgba(255,246,201,.58) 43%,rgba(255,255,247,.9) 52%,rgba(231,191,78,.34) 68%,rgba(226,184,71,.08) 82%,transparent 100%);
mix-blend-mode:screen;
opacity:0;
transform:translate3d(0,0,0) skewX(-14deg);
will-change:transform,opacity}
.badge-glint.is-glinting::after{
animation:badge-sheen 12s cubic-bezier(.42,0,.3,1) infinite both}
@keyframes badge-sheen{
0%{opacity:0;transform:translate3d(0,0,0) skewX(-14deg)}
3%{opacity:.96}
24%{opacity:.72;transform:translate3d(350%,0,0) skewX(-14deg)}
30%,100%{opacity:0;transform:translate3d(350%,0,0) skewX(-14deg)}}
.breadcrumb{
display:flex;
flex-wrap:wrap;
gap:.5rem .8rem;
font-size:1rem;
margin-bottom:1.8rem;
color:var(--muted)}
.dark .breadcrumb{
color:#c7d0dc}
.breadcrumb a{
text-decoration:underline;
text-underline-offset:.2em}
.page-top .intro{
margin-top:1.4rem}
.page-top h1{
max-width:50rem}
.split-hero{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:4rem;
align-items:center}
.split-hero .badge-disc{
max-width:300px;
margin:1rem auto}
.split-hero .badge-label{
text-align:center;
color:var(--gold);
margin-top:2rem}
.subpage-photo{
position:relative}
.subpage-photo img{
width:100%;
height:auto}
.subpage-photo figcaption{
margin:.8rem 0;
color:var(--muted)}
.value-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.5rem}
.value-card{
background:white;
border-top:2px solid var(--gold);
padding:2rem}
.value-card .eyebrow{
margin-bottom:1rem}
.value-card h3{
margin-bottom:1rem}
.value-card p{
color:var(--muted)}
.flow-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:2rem;
margin:2rem 0}
.flow-list>li{
border-top:1px solid var(--gold);
padding-top:1.2rem}
.flow-list .number{
font:400 2rem Georgia,serif;
color:var(--gold-ink)}
.flow-list h3{
margin:.8rem 0}
.flow-list p{
color:var(--muted)}
.product-head{
padding-block:2rem 2.5rem;
background:var(--navy);
color:var(--ivory)}
.product-head h1{
font-size:clamp(1.9rem,3.2vw,3rem)}
.product-head .winner-award{
color:var(--gold);
font-size:1.3rem;
margin-top:1rem;
margin-bottom:0}
.product-layout{
display:grid;
grid-template-columns:32% minmax(0,1fr);
gap:3.5rem;
align-items:start}
.product-aside{
position:sticky;
top:2rem}
.product-pack{
position:relative;
padding:1.6rem;
background:#fff;
aspect-ratio:1;
margin-bottom:2.6rem}
.product-pack .product-pack-image{
width:100%;
height:100%;
object-fit:contain}
.product-aside .compact-table{
margin-top:1rem}
.product-aside .compact-table th{
width:30%}
.product-aside .rule-link{
margin-top:1.5rem}
.story{
background:white;
border-top:3px solid var(--gold);
padding:2.7rem 2.5rem;
min-width:0;
--story-readable:44rem}
.story-note{
border-top:1px solid var(--line);
padding-top:.8rem;
margin-top:3rem;
color:var(--muted);
font-size:11px;
line-height:1.65}
.story .story-note p{font-size:11px;line-height:1.65;margin:.15rem 0}
.story h2{
font-size:1.75rem;
margin-block:2rem 1rem}
.story h3{
font-size:1.55rem;
line-height:1.65;
color:var(--navy);
margin:0 0 1.35rem;
padding-bottom:.8rem;
border-bottom:1px solid var(--line)}
.story h4{
font-size:1.25rem;
line-height:1.7;
color:var(--navy-soft);
margin-block:1.9rem .75rem;
padding-left:.85rem;
border-left:3px solid var(--gold)}
.story h5,.story h6{
font:600 1rem/1.75 var(--sans);
color:var(--gold-ink);
margin-block:1.35rem .55rem}
.story p,.story li,.story td,.story th{
font-size:1rem;
line-height:1.95}
.story p{
margin:0 0 1.15rem}
.story-intro,.story-section{max-width:var(--story-readable)}
.story-intro{padding-bottom:2rem}
.story-section{padding:2.2rem 0;border-top:1px solid #ece9df}
.story-section:first-of-type{border-top:0}
.story-closing{max-width:var(--story-readable);margin:2rem 0 0;padding:1.1rem 1.3rem;border-left:3px solid var(--gold);background:var(--ivory);font-family:var(--serif);color:var(--navy)}
.story h2:first-child,.story h3:first-child,.story h4:first-child{margin-top:0}
.story .product-story__headline{
font:500 clamp(1.45rem,2.3vw,2rem)/1.65 var(--serif);
margin-bottom:1.1rem;
color:var(--ink)}
.story-intro .product-story__headline+p{
font-family:var(--serif);
font-size:1.1rem;
line-height:1.85;
color:var(--gold-ink)}
.story-section p{color:#33465a}
.story p:first-child{
margin-top:0}
.story ul,.story ol{
margin-block:1.1rem 1.6rem}
.story table{
border-collapse:collapse;
width:100%;
display:block;
overflow-x:auto}
.story td,.story th{
padding:.7rem;
border:1px solid var(--line)}
.story img{
height:auto;
margin-block:1rem}
.story a{
text-decoration:underline}
.article-wrap{
max-width:880px}
.article-wrap h2{
font-size:1.75rem;
margin:2.4rem 0 1.1rem}
.article-wrap h3{
font-size:1.35rem;
margin:2rem 0 1rem}
.article-wrap .lead{
font-size:1.2rem}
.article-wrap p{
margin-bottom:1.2rem}
.article-wrap ul li{
margin-bottom:.65rem}
.notice-meta{
margin-top:1rem;
color:var(--muted)}
.news-item{
display:grid;
grid-template-columns:12rem 1fr;
gap:2rem;
border-top:1px solid var(--line);
padding-block:2.35rem}
.news-archive{
max-width:72rem}
.news-section{
padding-top:1.25rem}
.news-archive-lead{
max-width:49rem;
margin:0 0 4.5rem;
color:var(--muted)}
.news-year{
display:grid;
grid-template-columns:10rem 1fr;
column-gap:3rem;
border-top:2px solid var(--navy)}
.news-year + .news-year{
margin-top:5rem}
.news-year>h2{
position:sticky;
top:7.5rem;
align-self:start;
margin:2rem 0 0;
color:var(--gold-ink);
font-family:var(--serif);
font-size:1.55rem;
font-weight:500;
font-variant-numeric:tabular-nums}
.news-year .news-item{
grid-column:2}
.news-year .news-item:first-of-type{
border-top:0}
.news-item h3{
max-width:44rem;
font-size:1.55rem;
margin:0 0 .85rem}
.news-item p{
color:var(--muted)}
.news-item .eyebrow{
color:var(--gold-ink);
margin-bottom:.65rem}
.news-item .actions{
margin-top:1.25rem}
.news-date,.article-date{display:block;font-size:1rem;color:var(--muted);font-variant-numeric:tabular-nums}
.article-date{margin-bottom:1.5rem}
.news-result-list{
margin:1.5rem 0 2.5rem;
border-top:1px solid var(--navy)}
.news-result-row{
display:grid;
grid-template-columns:7rem minmax(12rem,1fr) minmax(12rem,.8fr);
gap:1.4rem;
align-items:center;
padding:1.2rem 0;
border-bottom:1px solid var(--line)}
.news-result-row:hover{
background:var(--paper)}
.news-result-row span{
color:var(--gold-ink)}
.news-result-row strong{
font-family:var(--serif);
font-weight:500}
.news-result-row em{
color:var(--muted);
font-style:normal}
.sitemap-subheading{
margin-top:2.5rem!important}
.contact-layout{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:4rem}
.contact-layout h2{
font-size:1.8rem;
margin-bottom:1.5rem}
.contact-form{
background:white;
padding:2rem;
border-top:2px solid var(--gold)}
.form-row{
display:grid;
grid-template-columns:9rem 1fr;
gap:1.2rem;
padding:1.3rem 0;
border-bottom:1px solid var(--line);
align-items:start}
.form-row label{
font-weight:500;
line-height:1.6;
padding-top:.6rem}
.form-row label span{
display:block;
font-size:1rem;
font-weight:400;
color:var(--muted)}
.form-row input,.form-row select,.form-row textarea{
width:100%;
min-width:0;
border:1px solid #929dab;
border-radius:0;
color:var(--ink);
background:#fafbfc;
padding:.65rem .7rem;
font-size:1rem}
.form-row textarea{
resize:vertical;
min-height:10rem}
.form-note{
margin-top:1.5rem;
color:var(--muted)}
.form-message{
border:1px solid var(--line);
padding:1.4rem;
margin-top:1.5rem;
background:var(--ivory);
white-space:pre-wrap;
overflow-wrap:anywhere}
.sitemap-groups{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:3rem}
.sitemap-groups h2{
font-size:1.5rem;
border-bottom:1px solid var(--line);
padding-bottom:1rem;
margin-bottom:1rem}
.sitemap-groups ul{
list-style:none;
padding:0}
.sitemap-groups li{
margin-bottom:.7rem}
.sitemap-groups a:hover{
text-decoration:underline}
.sitemap-products{
column-count:2;
column-gap:3rem;
list-style:none;
padding:0}
.sitemap-products li{
break-inside:avoid;
margin-bottom:1rem}
.faq-list details{
border-block-end:1px solid var(--line);
padding:1.4rem 0}
.faq-list summary{
font:500 1.2rem/1.7 var(--serif);
cursor:pointer}
.faq-list details p{
margin-top:1.2rem;
color:var(--muted)}

@media(min-width:1800px){
.hero-inner{
min-height:850px}
.hero-photo{
object-position:right top}
}

/* V2.1: program identity, detailed award guidance, and stable catalog cards */
.about-page-top{
background:#eeeee8;
border-bottom:1px solid var(--line)}
.about-page-top__grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(22rem,.75fr);
gap:clamp(3rem,7vw,7rem);
align-items:center}
.about-page-top__cta{
padding:clamp(2rem,3vw,2.8rem);
border-top:3px solid var(--gold);
background:var(--navy);
box-shadow:0 1.2rem 2.8rem rgba(13,27,44,.16);
color:var(--ivory)}
.about-page-top__cta .eyebrow{
color:var(--gold)}
.about-page-top__cta h2{
font-size:clamp(1.65rem,2.4vw,2.35rem);
line-height:1.45}
.about-page-top__cta>p:not(.eyebrow){
margin-top:1rem;
color:#d6dce4}
.about-page-top__cta .actions{
margin-top:1.6rem}
.governance-identity{
background:#fffdf8;
border-bottom:1px solid var(--line)}
.governance-contact-section{
background:linear-gradient(135deg,#e3dbc9 0%,#f2eee4 62%,#e8dfcd 100%);
border-block:1px solid #d4c397}
.organization-name-link{
text-decoration:underline;
text-decoration-color:rgba(214,190,129,.72);
text-decoration-thickness:1px;
text-underline-offset:.28em}
.organization-name-link:hover{
color:var(--gold)}
.governance-lead,.governance-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.role-grid,.scope-grid,.category-review{display:grid;gap:1.4rem}
.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.scope-grid,.category-review{grid-template-columns:repeat(3,minmax(0,1fr))}
.role-grid article,.scope-grid article,.category-review article{border-top:2px solid var(--gold);padding:1.6rem;background:#fff;color:var(--ink)}
.dark .role-grid article{background:rgba(255,255,255,.06);color:var(--ivory)}
.role-grid h3,.scope-grid h3,.category-review h3{margin:.55rem 0 1rem;font-size:1.35rem}
.scope-grid>article>span{color:var(--gold-ink);font-family:Georgia,var(--serif);font-size:1.4rem}
.category-review dl,.category-review dl div{margin:0}
.category-review dl div{border-top:1px solid var(--line);padding:1rem 0}
.category-review dt{font-weight:700;margin-bottom:.35rem}
.category-review dd{margin:0;color:var(--muted)}
.process-detail{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--line)}
.process-detail li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.process-detail li>span{font:400 2rem Georgia,var(--serif);color:var(--gold-ink)}
.process-detail h3{margin:0 0 .45rem;font-size:1.35rem}
.process-detail p{margin:.35rem 0}
.process-output{color:var(--muted)}
.process-output strong{color:var(--ink);margin-right:.6rem}

@media (max-width:900px){
  .about-page-top__grid,.governance-lead,.governance-contact,.role-grid,.scope-grid,.category-review{grid-template-columns:1fr}
  .about-page-top__grid{gap:2rem}
  .winner-image{aspect-ratio:4/3}
}
@media (max-width:680px){
  .about-page-top__cta{padding:1.5rem}
  .winner-image{aspect-ratio:4/3}
  .winner-record-seal--card{right:.65rem;bottom:.45rem;width:4.65rem}
  .winner-record-seal--detail{right:.35rem;bottom:-1.75rem;width:6.25rem}
  .winner-content{grid-template-rows:auto auto auto auto}
  .process-detail li{grid-template-columns:3.5rem minmax(0,1fr);gap:.8rem}
}

@media(max-width:1150px){
.wrap{
width:min(100% - 3rem,1320px)}
.nav{
gap:.9rem}
.header-inner{
gap:1rem}
.hero-inner{
min-height:760px}
.hero-brand{
font-size:4.8vw}
.hero-badge{
width:100%;
max-width:290px}
.hero-photo{
object-position:right top}
.hero-summary{
max-width:24rem}
.photo-editorial{
gap:2rem}
.award-feature{
gap:3rem}
.product-layout{
gap:2rem}
.story{
padding:2rem}
.contact-layout{
gap:2rem;
grid-template-columns:.7fr 1.3fr}
.form-row{
grid-template-columns:7rem 1fr}
.nav a{
font-size:1rem}
}

@media(max-width:900px){
.menu-toggle{
display:block}
.nav{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
padding:1.3rem 1.5rem;
background:var(--navy);
border-bottom:1px solid #ffffff40;
flex-direction:column;
align-items:stretch}
.nav.is-open{
display:flex}
.nav a{
padding:.6rem}
.nav .contact-nav{
text-align:center;
margin-top:.5rem}
.header-inner{
min-height:4.8rem}
.hero-inner{
min-height:0;
padding-block:2.2rem}
.hero-copy{
width:100%;
max-width:40rem;
margin-inline:auto}
.hero-brand{
font-size:7.5vw}
.hero-summary{
max-width:34rem}
.hero-badge{
width:100%;
min-width:0;
margin:0}
.hero-photo{
position:relative;
inset:auto;
height:auto;
object-fit:contain;
z-index:0}
.hero::before,.hero::after{
display:none}
.section{
padding-block:4rem}
.section-heading{
align-items:flex-start;
gap:1.5rem;
flex-direction:column}
.photo-editorial{
grid-template-columns:1fr 1fr}
.editorial-copy h2{
font-size:2rem}
.winner-grid,.criteria-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-strip{
gap:1rem}
.review-steps{
gap:1.2rem}
.award-feature{
gap:2rem}
.award-display{
padding:2.7rem 1.8rem}
.organization{
gap:2rem}
.contact-layout{
grid-template-columns:1fr}
.contact-aside{
max-width:35rem}
.footer-top{
gap:2rem}
.product-layout{
grid-template-columns:30% 1fr;
gap:1.5rem}
.product-pack{
padding:.7rem}
.product-aside .compact-table th,.product-aside .compact-table td{
display:block;
padding:.5rem 0;
width:100%}
.product-aside .compact-table th{
border:0;
padding-bottom:0}
.story{
padding:1.7rem}
.split-hero{
gap:2rem}
.award-page-hero .split-hero{
min-height:auto}
.award-hero-photo{
object-position:63% center}
.value-card{
padding:1.4rem}
.sitemap-groups{
gap:1.5rem}
}

@media(max-width:680px){
.wrap{
width:calc(100% - 2rem)}
.section{
padding-block:3rem}
.section-tight{
padding-block:2rem}
.hero{
overflow:hidden}
.hero-photo{
position:relative;
inset:auto;
width:100%;
height:auto;
object-fit:contain;
z-index:0}
.hero::before,.hero::after{
display:none}
.hero-inner{
min-height:0;
padding-block:1.9rem 2.4rem;
display:flex;
flex-direction:column;
align-items:stretch;
gap:2rem}
.hero-copy{
max-width:none;
width:100%}
.hero-brand{
font-size:clamp(2.4rem,10.4vw,4rem);
margin-bottom:1.2rem}
.hero-award{
font-size:clamp(1rem,5vw,1.4rem);
white-space:nowrap}
.hero-signature{
gap:1rem;
margin-block:1.7rem;
grid-template-columns:52% minmax(0,1fr)}
.hero .eyebrow{
margin-bottom:1.2rem}
.hero-subtitle{
font-size:1.25rem;
max-width:none}
.hero-summary{
max-width:none}
.hero .actions{
gap:.8rem}
.hero .button{
padding:.8rem 1rem;
flex:1 0 auto}
.hero-badge{
width:100%;
max-width:270px;
min-width:0;
align-self:center;
margin:0 0 .2rem}
.hero-badge figcaption{
margin-top:1.5rem}
.hero-note{
text-align:left;
padding:.8rem 1rem;
font-size:1rem}
.news-bar .wrap{
align-items:flex-start;
gap:.6rem;
flex-direction:column}
.news-bar a{
gap:1rem}
.news-bar .eyebrow{
font-size:1rem}
.photo-editorial,.award-feature,.split-hero{
grid-template-columns:1fr;
gap:2rem}
.award-page-hero::after{
background:linear-gradient(180deg,rgba(8,22,37,.97) 0%,rgba(8,22,37,.93) 54%,rgba(8,22,37,.72) 100%)}
.award-hero-photo{
object-position:70% center;
opacity:.7}
.award-hero-emblem{
padding:.5rem 0}
.photo-editorial .editorial-copy{
order:-1}
.photo-editorial img{
height:auto}
.photo-strip,.review-steps,.value-cards,.flow-list{
grid-template-columns:1fr;
gap:2rem}
.photo-strip .portrait-frame{
max-width:450px;
margin-inline:auto;
width:100%}
.review-steps{
margin-top:2rem;
gap:1.3rem}
.photo-strip{
margin-top:2rem}
.criterion-copy{
padding:1.2rem}
.criteria-grid{
grid-template-columns:1fr;
gap:1.5rem}
.criterion figure{
aspect-ratio:4/3}
.criterion figure img{
object-fit:contain}
.winner-grid{
grid-template-columns:1fr;
gap:1.8rem}
.winner-image{
aspect-ratio:1.2}
.winner-content{
padding:1.2rem}
.filter-bar{
align-items:flex-start;
gap:1rem}
.filter-group{
gap:.3rem}
.filter-btn{
padding:.6rem .7rem}
.year-control{
width:100%;
justify-content:space-between}
.section-heading{
margin-bottom:1.8rem}
.year-links{
grid-template-columns:repeat(2,minmax(0,1fr))}
.year-link{
padding:1.5rem 1rem}
.year-link strong{
font-size:2.2rem}
.organization{
display:block}
.organization .actions{
margin-top:1.4rem}
.footer-top{
grid-template-columns:1fr}
.footer-links{
gap:.8rem 1rem}
.footer-bottom{
display:block}
.footer-bottom p+p{
margin-top:.8rem}
.page-top{
padding-block:2rem 2.5rem}
.product-layout{
grid-template-columns:1fr}
.product-aside{
position:static}
.product-pack{
max-width:460px;
margin-inline:auto;
padding:1.8rem}
.product-aside .compact-table th,.product-aside .compact-table td{
display:table-cell;
padding:.85rem .6rem .85rem 0;
border-bottom:1px solid var(--line);
width:auto}
.story{
padding:1.4rem 1.1rem}
.story .product-story__headline{
font-size:1.5rem}
.product-head h1{
font-size:1.85rem}
.split-hero .badge-disc{
width:min(65vw,270px);
margin-block:1.7rem}
.contact-form{
padding:1.1rem}
.form-row{
grid-template-columns:1fr;
gap:.5rem;
padding-block:1rem}
.form-row label{
padding:0}
.form-row label span{
display:inline;
margin-left:.7rem}
.news-item{
grid-template-columns:1fr;
gap:.7rem}
.news-year{
grid-template-columns:1fr;
column-gap:0}
.news-year>h2{
position:static;
grid-column:1;
margin:1.4rem 0 .5rem}
.news-year .news-item{
grid-column:1}
.news-result-row{
grid-template-columns:1fr;
gap:.25rem}
.sitemap-groups{
grid-template-columns:1fr;
gap:1.5rem}
.sitemap-products{
column-count:1}
.compact-table th{
width:31%}
.eyebrow{
letter-spacing:.08em}
.local-note{
padding:.8rem 1rem}
.back-to-top{
right:1rem;
bottom:1rem;
width:3rem;
height:3rem}
.news-section{
padding-top:.5rem}
}

@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto}
*,*::before,*::after{
transition:none!important;
animation:none!important}
}

@media (max-width:680px){.winner-image{aspect-ratio:4/3}}

/* Image/activity disclaimers are intentionally quieter than editorial copy. */
.visual-disclaimer{
font-size:9px!important;
line-height:1.55;
letter-spacing:.01em}

/* Quiet system notes: intentionally subordinate to the 18px editorial text. */
.scope-disclaimer{
font-size:11px;
line-height:1.65;
letter-spacing:.01em}

/* V2.8.5 — a compact organization contact band and quiet, readable notes. */
.scope-note,.photo-note,.hero-note,.source-note,.translation-note{
font-size:11px;
line-height:1.7}
.scope-note{padding-left:.8rem;margin-top:1.25rem;border-left-width:2px}
.photo-note,.hero-note{font-size:9px}
.organization{
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(16rem,.75fr);
justify-content:start;
gap:clamp(2rem,4vw,4rem);
max-width:68rem;
align-items:center}
.organization>div:first-child{max-width:none}
.organization>div:last-child{border-left:1px solid var(--line);padding-left:clamp(1.5rem,3vw,3rem)}
.product-language[hidden]{display:none}
.product-language{margin:1.5rem 0;border-block:1px solid var(--line);padding:1rem 0}
.product-language>p{font-size:1rem;color:var(--muted);margin-bottom:.6rem}
.product-language__buttons{display:flex;flex-wrap:wrap;gap:.4rem}
.product-language button{font-size:1rem;padding:.35rem .65rem;border:1px solid var(--line);background:white;color:var(--ink)}
.product-language button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:white}
.product-language button:hover{border-color:var(--gold-ink)}
.card-language-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem;padding-top:.65rem;border-top:1px solid var(--line)}
.card-language-links a{font-size:1rem;color:var(--muted);text-decoration:underline;text-underline-offset:.2em}
.story-prose:lang(en){word-break:normal;overflow-wrap:break-word;line-break:auto;hyphens:auto}
.story-prose:lang(zh-Hant){font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",var(--sans);line-height:1.9}
.story-prose:lang(zh-Hant) :is(h2,h3,h4){font-family:"Noto Serif TC","Songti TC",var(--serif)}
.translation-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:680px){
.organization{grid-template-columns:1fr;gap:1.4rem}
.organization>div:last-child{border-left:0;border-top:1px solid var(--line);padding:1.4rem 0 0}
}

/* Paired statement headings keep each semantic phrase intact on wide screens. */
.statement-heading{
--statement-gap:clamp(2rem,6vw,6rem);
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:var(--statement-gap);
align-items:start;
margin-bottom:2.5rem}
.statement-heading>.eyebrow{
grid-column:1;
margin-bottom:1.1rem}
.statement-heading>h2{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:var(--statement-gap);
width:100%;
max-width:none}
.statement-heading>h2>span{
display:block}
.statement-heading__copy{
grid-column:2;
max-width:36rem;
margin-top:1.25rem}
.statement-heading__copy .intro{
max-width:none}
.statement-heading__copy .actions{
margin-top:1.5rem}
.balanced-heading{
text-wrap:balance}
.about-page-top__cta .balanced-heading{
font-size:clamp(1.55rem,2vw,1.9rem);
line-height:1.45}
.copy-sentence{
display:block}
.copy-sentence+.copy-sentence{
margin-top:.25rem}

@media(max-width:900px){
.statement-heading{
grid-template-columns:1fr;
row-gap:0}
.statement-heading>.eyebrow,
.statement-heading>h2,
.statement-heading__copy{
grid-column:1}
.statement-heading>h2{
display:block}
.statement-heading>h2>span{
display:block}
.statement-heading__copy{
max-width:none;
margin-top:1rem}
}

/* V2.8.3 — About hierarchy and full-frame award glint */
.about-page-top{
position:relative;
overflow:hidden;
padding:0;
background:
radial-gradient(circle at 6% 8%,rgba(214,190,129,.16),transparent 27rem),
linear-gradient(125deg,#f8f6f0 0%,#efeee8 68%,#e8e5dd 100%)}
.about-page-top::before{
content:"";
position:absolute;
left:-19rem;
bottom:-29rem;
width:46rem;
aspect-ratio:1;
border:1px solid rgba(166,125,42,.12);
border-radius:50%;
pointer-events:none}
.about-page-top__grid{
grid-template-columns:minmax(0,.92fr) minmax(27rem,.78fr);
gap:clamp(2.5rem,5vw,5.5rem);
min-height:clamp(34rem,46vw,41rem);
align-items:stretch}
.about-page-top__copy{
position:relative;
z-index:1;
align-self:center;
padding-block:clamp(4.5rem,7vw,7rem)}
.about-page-top__copy h1{
max-width:38rem}
.about-page-top__copy h1 .phrase,
.governance-identity__heading .phrase{
display:block}
.about-page-top__copy .intro{
max-width:35rem}
.about-page-top__copy .actions{
margin-top:1.55rem}
.about-hero-link{
gap:1.25rem;
padding:.4rem 0}
.about-page-top__visual{
position:relative;
min-height:100%;
overflow:hidden;
margin:0;
border-left:1px solid rgba(166,125,42,.3);
box-shadow:-1.4rem 0 3.4rem rgba(13,27,44,.08)}
.about-page-top__visual::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 80%,rgba(8,22,37,.08) 100%);
pointer-events:none}
.about-page-top__visual img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center}
.about-page-top__visual figcaption{
position:absolute;
right:.7rem;
bottom:.55rem;
z-index:1;
padding:.18rem .42rem;
background:rgba(8,22,37,.76);
color:#f8f6f0}
.governance-identity__heading{
max-width:37rem}
.governance-identity__copy{
max-width:39rem}
.governance-identity__copy .intro{
max-width:none}
.governance-roles{
background:
radial-gradient(circle at 82% 15%,rgba(214,190,129,.1),transparent 25rem),
linear-gradient(135deg,#0d1b2c 0%,#10243a 100%)}
.role-grid--independent{
gap:clamp(1.4rem,3vw,2.4rem)}
.role-grid--independent article{
min-height:20rem;
padding:clamp(1.8rem,3vw,2.7rem)}
.role-grid--independent h2{
margin:0 0 1.5rem;
font-size:clamp(1.9rem,3vw,2.75rem);
line-height:1.35}
.role-grid--independent .role-name{
margin:0 0 1.2rem;
color:var(--gold);
font:500 1.35rem/1.65 var(--serif)}
.role-grid--independent article>p:last-child{
color:#d6dce4}

.product-pack{
overflow:hidden}
.winner-record-seal--detail{
right:.75rem;
bottom:.65rem;
width:8rem}

@media(max-width:900px){
.about-page-top__grid{
grid-template-columns:1fr;
gap:0;
min-height:0}
.about-page-top__copy{
padding-block:4rem 3.5rem}
.about-page-top__visual{
min-height:0;
aspect-ratio:4/5;
border-top:1px solid rgba(166,125,42,.3);
border-left:0;
box-shadow:0 -1.2rem 3rem rgba(13,27,44,.07)}
.about-page-top__visual img{
object-position:center center}
.role-grid--independent article{
min-height:0}
}

@media(max-width:680px){
.about-page-top__copy{
padding-block:3.25rem 3rem}
.about-page-top__copy h1{
font-size:clamp(2.25rem,11vw,3.25rem)}
.governance-identity__heading{
font-size:clamp(2rem,10vw,3rem)}
.winner-record-seal--detail{
right:.55rem;
bottom:.5rem;
width:6.25rem}
}

@media(prefers-reduced-motion:reduce){
.badge-glint::after,
.winner-record-seal--image::after{
display:none}
}

/* V2.8.6: persistent site language controls and English reading rhythm. */
.site-language{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:18px;flex-shrink:0}
.site-language a{padding:.4rem .1rem;border-bottom:1px solid transparent}
.site-language a[aria-current]{color:var(--gold);border-bottom-color:var(--gold)}
.site-language>span{color:#adb7c2}
.site-header .nav{margin-left:auto}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{line-height:1.22;word-break:normal;line-break:auto;text-wrap:balance}
html[lang="en"] p{line-break:auto;word-break:normal;hyphens:none}
html[lang="en"] .phrase{white-space:normal;display:block}
html[lang="en"] .hero-subtitle{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.4}
html[lang="en"] .product-head h1{max-width:58rem;font-size:clamp(2rem,3.5vw,3.3rem)}
html[lang="en"] .winner-content h3{font-size:1.32rem;line-height:1.4}
html[lang="en"] .winner-content{grid-template-rows:auto minmax(5.6rem,auto) auto auto}
html[lang="en"] .section-heading{align-items:start}
html[lang="en"] .eyebrow{letter-spacing:.08em}
html[lang="en"] .compact-table th{width:34%}
.story-note p:empty{display:none}
@media(min-width:901px){.header-inner{gap:1.2rem}.site-header .nav{gap:1.05rem}}
@media(min-width:901px) and (max-width:1100px){
 .header-inner{flex-wrap:wrap;padding-block:.8rem;gap:.7rem 1rem}
 .site-language{order:2;margin-left:auto}.site-header .nav{order:3;width:100%;justify-content:flex-end}
}
@media(max-width:900px){
 .site-language{order:2;margin-left:auto}.menu-toggle{order:3}.site-header .nav{order:4;margin-left:0}
}
@media(max-width:480px){
 .header-inner{gap:.6rem}.wordmark{font-size:1rem}.menu-toggle{padding:.45rem .55rem}
 .site-language{gap:.35rem}.site-language a{font-size:18px}
 html[lang="en"] .winner-content h3{font-size:1.3rem}
}

/* Live form review shares the site's existing typography. */
.contact-review dl{margin:0}.contact-review dt{font-weight:600;color:var(--gold-dark);margin-top:1.25rem}.contact-review dd{margin:.4rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.contact-review .actions{flex-wrap:wrap}.contact-review [type=submit]{cursor:pointer}