/* Shared desktop / Android presentation; only layout reflows. */
html{max-width:100%;overflow-x:clip}body{max-width:100%}img{max-width:100%}
.spice-range{background:var(--surface)}.spice-range .lead{max-width:660px;margin:20px 0 32px}
.spice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.spice-item{min-width:0;text-align:left;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);padding:0 0 20px;transition:transform .35s,border-color .35s;cursor:pointer}
.spice-item:hover,.spice-item:focus-visible{transform:translateY(-6px);border-color:var(--gold)}
.spice-item figure{margin:0 0 18px;aspect-ratio:1;overflow:hidden}.spice-item img{width:100%;height:100%;object-fit:cover}
.spice-item>span{display:block;font-family:var(--serif);font-size:24px;padding:0 16px}.spice-item small{display:block;padding:8px 16px 0;font-size:11px;color:var(--gold-soft)}.spice-item small b{float:right}
.certifications{background:radial-gradient(ellipse at 50% 70%,#164c44 0%,var(--green) 60%);overflow:hidden}
.cert-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.cert-controls{display:flex;gap:10px}.cert-controls button{border:1px solid var(--line);min-height:44px;min-width:44px;padding:10px 14px;color:var(--gold-soft);background:var(--surface);cursor:pointer}
.cert-orbit{perspective:1000px;margin-top:36px}.cert-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;padding:30px 8px 36px;overscroll-behavior-x:contain}
.cert-card{flex:0 0 clamp(210px,23vw,280px);scroll-snap-align:center;display:flex;align-items:center;text-align:center;flex-direction:column;background:linear-gradient(145deg,#173d37,#082621);border:1px solid rgba(217,178,106,.28);border-radius:18px;padding:24px 18px;transform:rotateY(-7deg) scale(.95);transition:transform .6s,box-shadow .6s,border-color .6s;box-shadow:0 18px 35px #0003}
.cert-card.is-center{transform:rotateY(0) translateY(-12px) scale(1);border-color:var(--gold);box-shadow:0 22px 45px #0006,0 0 28px #d9b26a15}
.cert-logo{background:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:130px;border-radius:10px;padding:14px;margin-bottom:22px}.cert-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none}
.cert-card strong{font-size:17px;color:var(--ink)}.cert-card>span{font-size:11px;color:var(--gold-soft);margin-top:8px;text-transform:uppercase;letter-spacing:.1em}.cert-position{color:var(--gold-soft);text-align:center;font-size:12px;letter-spacing:.3em}
.modal .pic{display:flex;align-items:center;justify-content:center;min-width:0}.modal .pic>img{width:100%;height:100%;object-fit:contain}.modal .thumbs{overflow-x:auto;max-width:calc(100% - 32px);justify-content:flex-start}.modal .thumbs button{flex-shrink:0}.modal .panel>*{min-width:0}
table.spec tbody tr{cursor:pointer}table.spec tbody tr:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:1080px){.spice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.hero-meta{display:flex;position:relative;left:auto;right:auto;bottom:auto;justify-content:center;flex-wrap:wrap;padding:12px 20px;gap:8px 20px;background:var(--green);font-size:9px}.modal .pic{min-height:0;max-height:none;aspect-ratio:1}.modal .panel{max-height:90svh;max-height:90dvh}.modal .copy{overflow:visible}.modal .panel{overflow-y:auto}.slide .num{display:block;position:static;margin-top:18px;font-size:12px}}
@media(max-width:620px){.spice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spice-item>span{font-size:22px}.spice-item:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}.cert-head{align-items:start;flex-direction:column}.cert-track{gap:14px}.cert-card{flex-basis:78%}.header .brand{min-width:0}.header .actions{flex-shrink:0}.slide .cta-row{max-width:none}.hero{min-height:0}.hero .slide .content{padding-bottom:108px}.hero-ctl{bottom:62px}.scroll-cue{display:flex;position:relative;left:auto;bottom:auto;justify-content:center;padding:14px;transform:none}.scroll-cue i{display:none}.reach .lane-board{max-height:none;overflow:visible}.modal .pic-cap{bottom:92px;font-size:11px}.modal .thumbs{bottom:14px}.modal .copy{padding:24px}.footer a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.cert-card{transform:none!important;transition:none!important}.cert-track{scroll-behavior:auto}}
.cert-logo img[src$="logo_iso.webp"]{width:100px;height:100px;object-fit:cover;object-position:left;max-width:none;max-height:none}
#mImg{object-fit:contain}.modal .pic-cap{bottom:auto;max-width:calc(100% - 70px)}
@media(max-width:860px){.modal .body{overflow:visible}.modal .pic{min-height:240px}.modal .panel{display:block}.modal .pic{width:100%}.modal .body table{table-layout:fixed}.modal .body td{overflow-wrap:anywhere}}
.cert-track::after{content:"";flex:0 0 50%;pointer-events:none}
@media(max-width:1080px){.drawer{overflow-y:auto;justify-content:flex-start;padding-top:92px;padding-bottom:32px;max-height:100svh;max-height:100dvh}.drawer a{flex-shrink:0}.drawer .drawer-foot{flex-shrink:0}}
@media(max-height:500px) and (max-width:1080px){.drawer a{font-size:24px;padding:8px 0}.drawer .drawer-foot{margin-top:18px}}