/* GORI: official logo, Archivo Narrow headings, Roboto text, navy #00285e.
   A material-led colour studio. All photographic assets and palette values retained. */
@font-face{font-family:Roboto;src:url('assets/RobotoLatin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Archivo Narrow';src:url('assets/ArchivoNarrowLatin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--green:#00285e;--paper:#fff;--ink:#00285e;--muted:#586270;--line:#dce1e6;--accent:#edf0f3}
body{font-family:Roboto,Arial,sans-serif;color:#243447}button,a{transition:background-color .2s,color .2s}button:hover,a:hover{opacity:1}a:hover{text-decoration-thickness:2px}button:disabled{cursor:default;opacity:.4}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:#fff;z-index:30;transform:translateY(-200%)}.skip-link:focus{transform:none}
.topbar{height:88px;padding:0 4.5vw;border:0;border-top:5px solid var(--ink);border-bottom:1px solid var(--line);background:white}.brand{gap:22px;color:var(--ink);font-size:11px;letter-spacing:1.6px}.brand-logo{width:108px;height:auto;display:block}.brand-divider{height:28px;background:#bdc8d4}.topbar nav{gap:28px;font-size:12px;color:var(--ink)}.topbar nav a{font-weight:500}.text-button{border:1px solid var(--ink);padding:11px 15px;font-size:12px}.text-button:hover{background:var(--ink);color:white}
main{max-width:1600px;padding:0 4.5vw}.intro{padding:46px 0 42px;display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--ink);font-weight:600}.intro .eyebrow{display:flex;align-items:center;gap:23px;margin-bottom:17px}.intro-year{font-weight:400;color:var(--muted);border-left:1px solid #bbc4cf;padding-left:23px}
h1,h2,.download-card h3{font-family:'Archivo Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(64px,7.2vw,106px);line-height:.91;text-transform:uppercase;letter-spacing:-.028em}em,h1 em{font-style:normal;font-weight:inherit;font-size:inherit;color:inherit}.intro h1 em{color:var(--ink)}.intro-aside{max-width:305px;padding-bottom:4px}.intro-copy{font-size:16px;line-height:1.65;margin:0 0 24px;max-width:none}.intro-link{display:flex;justify-content:space-between;align-items:center;max-width:235px;border-bottom:1px solid var(--ink);padding-bottom:11px;font-size:13px;text-decoration:none;color:var(--ink);font-weight:500}.intro-link span{font-size:24px}
.studio{grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:clamp(28px,4vw,64px);align-items:start;scroll-margin-top:24px}.image-column{max-width:none}.stage{width:100%;max-height:none;margin:0;aspect-ratio:6004/8041;background:#e9e6e0}.stage-label{top:20px;left:20px;border-radius:0;background:#fff;color:var(--ink);padding:11px 14px;font-size:10px;letter-spacing:1px;box-shadow:none;max-width:calc(100% - 92px)}.stage-icon{top:20px;right:20px;width:40px;height:40px;border:0;border-radius:0;background:#fff;color:var(--ink);font-size:24px}.stage-icon:hover{background:var(--ink);color:white}.image-caption{padding:90px 30px 28px;background:linear-gradient(transparent,rgba(0,20,42,.65));color:white}.image-caption h2{font-family:'Archivo Narrow',sans-serif;font-size:38px;font-weight:700;color:white;letter-spacing:-.02em;line-height:1}.image-caption span{font-size:10px;opacity:1;letter-spacing:2px}.loading{font-size:13px;background:#e9edf45c}.image-tools{justify-content:flex-start;gap:4px 22px;padding:9px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.image-tools button{font-size:11px;min-height:42px;color:var(--ink)}.image-tools button:hover{text-decoration:underline;text-underline-offset:4px}.image-tools button[aria-pressed=true]{color:var(--ink)}.motif-heading{font-size:10px;letter-spacing:1.3px;margin:26px 0 12px}.thumbnails{gap:10px;scrollbar-color:#9faec0 transparent}.thumb{flex:0 0 66px;border:0;opacity:.65;padding-bottom:5px;transition:opacity .2s,box-shadow .2s}.thumb img{width:66px;height:88px}.thumb.active{opacity:1;box-shadow:0 3px 0 var(--ink)}.thumb:hover{opacity:1}.thumb span{font-size:10px;bottom:12px;left:7px}.compare-label{font-size:10px}#compare-control{border-bottom:1px solid var(--line)}#compare-control label{font-size:12px}
.palette-panel{padding:0;border-top:3px solid var(--ink)}.panel-index{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;padding:16px 0 23px;color:var(--ink)}.panel-index span:last-child{color:var(--muted);letter-spacing:.5px}.series-tabs{gap:0;border:1px solid var(--line);padding:0;display:grid;grid-template-columns:1.25fr 1fr}.series-tabs button{font-size:11px;min-height:44px;padding:10px 8px;color:var(--ink)}.series-tabs button+button{border-left:1px solid var(--line)}.series-tabs button.active{background:var(--ink);color:#fff}.series-tabs button.active:before{display:none}.series-tabs span{font-size:9px;margin-left:4px;opacity:.7}.selected-colour{padding:30px 0;min-height:170px;gap:24px;align-items:center}.large-swatch{width:100px;height:119px;background-size:cover;box-shadow:4px 4px 0 #e3e0d9;transform:rotate(-2deg);transition:background-color .4s}.selected-colour .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 10px}.colour-code{font-size:12px;font-weight:500;letter-spacing:1px;margin:0 0 5px;color:var(--ink)}.selected-colour h2{font-family:'Archivo Narrow',sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,48px);line-height:.98;letter-spacing:-.02em;max-width:240px;color:var(--ink);padding-right:10px;overflow-wrap:anywhere}.original-button{right:0;top:12px;font-size:11px;min-height:32px;color:var(--muted);padding:6px 0}.original-button:hover{color:var(--ink);text-decoration:underline}.palette-heading{margin:23px 0 0;align-items:baseline}.palette-heading h3{font-family:'Archivo Narrow',sans-serif;font-size:25px;letter-spacing:-.01em;font-weight:700;color:var(--ink)}.palette-heading>span{font-size:10px;color:var(--muted)}.search-wrap{margin:16px 0 13px;border:1px solid #c3ccd6;padding:0 12px;background:#f9fafb}.search-wrap input{font:13px Roboto,sans-serif;min-height:44px;padding:12px 0}.search-wrap>span{font:24px Arial;color:var(--muted)}.search-wrap:focus-within{outline:2px solid #006fce;outline-offset:2px}
.filters{gap:0;margin:0 0 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:nowrap}.filters button{flex:1;border:0;border-radius:0;padding:10px 4px;font-size:10px;min-height:42px;background:transparent;color:#495a70;white-space:nowrap}.filters button.active{color:var(--ink);background:none;box-shadow:inset 0 -3px var(--ink);font-weight:700}.filters button:hover{background:#eef2f6}.colour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 13px;max-height:350px;padding:4px 6px 5px 4px;scrollbar-color:#9faec0 transparent}.colour-button{padding-bottom:2px}.colour-tile{height:68px;border:0;transition:transform .24s,box-shadow .24s;box-shadow:inset 0 0 0 1px #0000000a}.colour-button:hover .colour-tile{transform:translateY(-3px);box-shadow:0 4px 0 #dce1e6}.colour-button[aria-pressed=true] .colour-tile{outline:2px solid var(--ink);outline-offset:3px}.colour-button[aria-pressed=true] .colour-tile:after{right:5px;bottom:5px;width:19px;height:19px;background:#fff;color:var(--ink);border-radius:0;font-size:12px}.colour-button strong{font-size:11px;font-weight:600;color:var(--ink);margin:11px 0 4px}.colour-button small{font-size:11px;color:#566276;min-height:28px;line-height:1.3}.render-mode{font-size:10px;font-weight:600;letter-spacing:.2px;border-top:1px solid var(--line);padding-top:16px;margin:18px 0 8px;color:var(--ink)}.palette-note{font-size:12px;line-height:1.6;margin:0 0 20px;color:var(--muted);min-height:38px}.selection-actions{display:grid;grid-template-columns:1fr auto;gap:9px}.primary-button,.secondary-button{min-height:49px;font-size:12px;padding:14px 17px}.primary-button{background:var(--ink);color:#fff}.primary-button:hover{background:#164b85}.secondary-button{color:var(--ink);border-color:#bcc8d5;background:white}.secondary-button:hover{background:#edf1f6}.material-note{margin-top:19px;gap:9px}.material-note p{font-size:10px;line-height:1.7;color:#566276}.small-dot{background:var(--ink)}[aria-disabled=true]{opacity:.4;pointer-events:none}
.collection{padding:100px 0 82px}.section-heading{padding-top:26px;border-top:1px solid var(--ink);align-items:end;gap:48px;margin-bottom:34px}.section-heading h2,.about h2{font-family:'Archivo Narrow',sans-serif;font-size:clamp(44px,4.5vw,64px);font-weight:700;line-height:.98;letter-spacing:-.02em;color:var(--ink)}.section-heading>p{font-size:13px;line-height:1.75;max-width:365px}.download-grid{gap:24px}.download-card .colour-texture{height:190px;background-size:cover}.download-card h3{font-family:'Archivo Narrow',sans-serif;font-size:30px;font-weight:700;margin:18px 0 9px;letter-spacing:-.02em}.download-card p{font-size:11px}.download-card .download-link{font-size:12px;padding-top:15px;color:var(--ink)}.download-card:hover .colour-texture{box-shadow:inset 0 -5px 0 var(--ink)}.all-download{margin-top:38px;background:var(--ink);color:white;padding:25px 28px;font-size:14px}.all-download span{color:#dbe5f3;font-size:12px}.all-download span:last-child{color:white}.about{border-top:1px solid var(--line);padding:60px 0 80px}.about>div{gap:80px}.about p{font-size:13px;line-height:1.8}.about .eyebrow{font-size:10px}footer{background:#f1f4f7;color:var(--ink);border-top:4px solid var(--ink);padding:38px 4.5vw}footer span:not(.wordmark){font-size:10px;opacity:1}.toast{background:var(--ink);border-radius:0;font-size:13px}.stage:fullscreen{width:auto;height:100vh;max-height:none;aspect-ratio:6004/8041;margin:auto;background:#00172e}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0073c6;outline-offset:4px}.studio:focus{outline:none}
@media(min-width:1600px){.stage{width:100%;max-height:none}.image-column{max-width:none}}
@media(max-width:1100px){.studio{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:30px}.intro{grid-template-columns:1.25fr 1fr;gap:30px}h1{font-size:78px}.intro-copy{font-size:14px}.large-swatch{width:80px;height:104px}.selected-colour{gap:20px}.colour-grid{gap:15px 10px}.colour-tile{height:61px}.selected-colour h2{font-size:36px}.topbar nav{gap:18px}.download-card .colour-texture{height:150px}}
@media(max-width:760px){.topbar{height:70px;padding:0 5vw}.brand-logo{width:85px}.brand{gap:14px;font-size:9px}.brand-divider{height:24px}.topbar nav{display:none}main{padding:0 5vw}.intro{padding:32px 0 28px;display:block}.intro .eyebrow{font-size:9px;margin-bottom:15px}.intro h1{font-size:clamp(54px,12.7vw,82px);line-height:.94}.intro-aside{max-width:none;margin-top:22px;display:flex;align-items:end;gap:20px}.intro-copy{font-size:13px;line-height:1.6;margin:0;max-width:260px}.intro-link{flex-shrink:0;font-size:0;width:38px;padding:0 0 6px;margin-left:auto}.intro-link span{font-size:27px}.studio{display:flex;gap:30px}.image-column{width:100%;max-width:none}.stage{width:100%;max-height:none;aspect-ratio:6004/8041}.stage-label{top:15px;left:15px;font-size:9px;padding:10px}.stage-icon{top:15px;right:15px;width:36px;height:36px}.image-caption{padding:60px 20px 22px}.image-caption h2{font-size:32px}.image-tools{gap:0 17px;padding:7px 0}.image-tools button{font-size:10px;min-height:40px}.motif-heading{margin:21px 0 10px}.thumbnails .thumb{flex-basis:56px}.thumb img{width:56px;height:75px}.palette-panel{padding:0}.panel-index{padding:14px 0 18px}.series-tabs{gap:0}.series-tabs button{font-size:12px;min-height:46px}.selected-colour{min-height:163px;padding:24px 0;gap:24px}.large-swatch{width:89px;height:110px}.selected-colour h2{font-size:40px}.original-button{top:10px;font-size:11px}.palette-heading{margin-top:23px}.palette-heading h3{font-size:27px}.search-wrap input{font-size:14px;min-height:48px}.filters button{font-size:11px;min-height:46px}.colour-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:375px;gap:20px 12px}.colour-tile{height:73px}.colour-button strong,.colour-button small{font-size:11px}.selection-actions{grid-template-columns:1fr auto}.primary-button,.secondary-button{font-size:12px;padding:14px}.material-note p{font-size:11px}.collection{padding:64px 0 50px}.section-heading{display:block;padding-top:24px}.section-heading h2,.about h2{font-size:46px}.section-heading>p{font-size:13px;margin-top:24px;max-width:none}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.download-card .colour-texture{height:140px}.download-card h3{font-size:26px}.all-download{padding:22px;font-size:13px;gap:12px}.all-download span{font-size:11px}.about{padding:40px 0 50px}.about>div{display:block}.about p{font-size:13px}.about h2{margin-bottom:25px}footer{padding:30px 5vw;gap:22px}footer span:last-child{font-size:10px}.toast{font-size:12px}}
@media(max-width:360px){.colour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters button{font-size:10px}.selected-colour h2{font-size:34px}.selection-actions{grid-template-columns:1fr}.download-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.collection-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eef1f4}.collection-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.collection-chip{position:absolute;bottom:16px;right:16px;width:48px;height:63px;border:4px solid white;background:var(--chip);background-size:cover;transform:rotate(5deg);box-shadow:0 2px 12px #0002}.download-card:hover .collection-image>img{transform:scale(1.025)}

@media(max-width:760px){
 .image-column{display:contents}.stage{position:sticky;top:0;z-index:8;width:100%;height:min(42svh,420px);aspect-ratio:auto;background:#eef1f4;box-shadow:0 12px 20px -20px #001a3baa}
 .stage img,.stage canvas{object-fit:contain}.stage-label{top:10px;left:10px;font-size:8px;padding:8px 10px;max-width:calc(100% - 66px)}.stage-icon{top:10px;right:10px;width:32px;height:32px}.image-caption{padding:45px 15px 13px;background:linear-gradient(transparent,#001a3b8c)}.image-caption h2{font-size:24px}.image-caption span{font-size:8px}
 .palette-panel{order:1;width:100%}.scene-controls{order:2;width:100%;margin-top:-10px}.panel-index{padding:12px 0}.selected-colour{padding:20px 0;min-height:130px}.large-swatch{width:70px;height:88px}.selected-colour h2{font-size:36px}.palette-heading{margin-top:18px}.studio{gap:23px}.stage:fullscreen{height:100svh;width:100%;position:relative}
}
@media(max-width:760px) and (max-height:500px){.stage{position:relative;height:auto;aspect-ratio:6004/8041;max-width:300px;margin:0 auto}.stage:fullscreen{height:100svh;max-width:none}}
/* Loading never blurs or sweeps the unpainted surroundings. */
.loading{inset:auto 18px 18px auto;display:block;padding:12px 15px;background:#fff;color:var(--ink);backdrop-filter:none;box-shadow:0 2px 14px #001a3b15;font-size:11px;letter-spacing:.3px}