@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--blue:#183e63;--ink:#1e2935;--paper:#f7f7f4;--warm:#eeeae3;--line:#d6d9d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.52 'DM Sans',Arial,sans-serif}img{display:block;width:100%}a{color:inherit}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:#f7f7f4;border-bottom:1px solid var(--line)}.site-mark{text-decoration:none;font:18px Georgia,serif;letter-spacing:.1em}.site-mark span{font:500 11px 'DM Sans',sans-serif;letter-spacing:.2em;margin-left:12px}.site-header nav{display:flex;gap:32px}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:600}.container{max-width:1450px;margin:auto}.section{padding:115px max(28px,7vw)}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.01;letter-spacing:-.025em;margin:20px 0}h1{font-size:clamp(58px,7vw,115px)}h2{font-size:clamp(55px,7vw,110px)}p{margin:0 0 1.2em}.opening{min-height:calc(100svh - 82px);display:grid;grid-template-columns:42% 58%}.opening-copy{padding:70px max(28px,5.5vw) 54px;display:flex;flex-direction:column;align-items:flex-start}.opening-copy h1{max-width:650px;margin:auto 0 35px}.opening-copy p{font:22px/1.45 Georgia,serif;max-width:470px}.opening-bottom{width:100%;margin-top:auto;padding-top:70px;display:flex;justify-content:space-between;align-items:end}.opening-bottom strong{font:500 13px/1.5 'DM Sans',sans-serif;letter-spacing:.17em}.opening-bottom a{text-decoration:none;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.opening-images{height:calc(100svh - 82px);min-height:700px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:58% 42%;gap:5px;background:#fff}.opening-images img{width:100%;height:100%;object-fit:cover}.opening-images .opening-main{grid-column:span 4;object-position:center 51%}.opening-images img:nth-child(2){object-position:center}.opening-images img:nth-child(5){object-position:48% 24%}.question{background:#e8e9e7;min-height:75vh;display:flex;align-items:center}.question h2{margin:30px 0 70px;font-size:clamp(75px,10vw,170px)}.question p{font-size:20px;max-width:540px}.question-last{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,39px)!important;margin-top:40px}.colour-power{background:#fff}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:65px}.split-heading h2{max-width:1000px;margin-bottom:0}.split-heading p{max-width:300px;font-size:18px}.reference-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reference-swatches>div{min-width:0}.reference-colour{height:clamp(170px,25vw,370px);display:block;margin-bottom:17px}.reference-swatches strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.ferrari{background:#df1f26}.tiffany{background:#80ccd0}.hermes{background:#e77d21}.klein{background:#1536a0}.already{background:#f1f3f4}.already h2{margin-bottom:75px}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.detail-grid figure,.vision-grid figure,.fest-visuals figure{margin:0}.detail-photo{height:460px;overflow:hidden;background:#d9dfe4}.detail-photo img{height:100%;object-fit:cover}.detail-uniform img{object-position:49% 28%}.detail-porcelain img{object-position:center}.detail-sky img{object-position:center 20%}.detail-grid figcaption{padding-top:15px;font-size:12px;letter-spacing:.17em;text-transform:uppercase}.already-line{font:clamp(28px,3vw,48px) Georgia,serif;margin:85px 0 0}.reveal{background:var(--blue);color:#fff;padding-top:150px;padding-bottom:130px}.reveal-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end}.reveal h2{font-size:clamp(85px,11vw,190px);letter-spacing:-.04em;line-height:.88;margin:50px 0 35px}.reveal-grid>div>p{font:clamp(24px,3vw,45px) Georgia,serif}.colour-spec{border-top:1px solid rgba(255,255,255,.6);padding-top:18px}.colour-spec>span,.colour-note{font-size:12px;letter-spacing:.1em}.colour-spec dl{margin:32px 0 0}.colour-spec dl div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(255,255,255,.28);padding:12px 0}.colour-spec dt{font-size:12px;letter-spacing:.17em}.colour-spec dd{margin:0;font-size:20px;text-align:right}.colour-spec small{display:block;font-size:12px;opacity:.75}.colour-note{margin:110px 0 0;max-width:700px;opacity:.75}.district{background:#e8eff2}.district h2{font-size:clamp(80px,11vw,175px);line-height:.86}.district-lead{font-size:18px;letter-spacing:.17em;margin:30px 0 65px}.district-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center}.district-map{min-height:700px;background:#f7faf9;padding:34px;display:flex;align-items:center;justify-content:center;position:relative}.district-map img{max-height:640px;width:auto;max-width:100%}.district-map span{position:absolute;bottom:22px;left:25px;font-size:11px;letter-spacing:.17em}.district-worlds>p{font:clamp(25px,2.5vw,39px) Georgia,serif;line-height:1.25}.district-worlds ol{list-style:none;padding:0;margin:50px 0;border-top:1px solid #aac1ce}.district-worlds li{border-bottom:1px solid #aac1ce;padding:17px 0;font-size:16px}.district-worlds li span{font-size:11px;letter-spacing:.16em;color:var(--blue);margin-right:26px}.district-worlds small{font-size:12px;color:#647984}.imagine{background:#fff}.imagine .split-heading{margin-bottom:65px}.vision-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.vision{grid-column:span 4}.vision.wide{grid-column:span 8}.vision img{height:520px;object-fit:cover}.vision.wide img{height:590px}.vision.portrait-feature img{object-position:center 45%}.vision figcaption{padding:15px 0 30px;font-size:13px;letter-spacing:.2em;font-weight:600}.study-note{font-size:14px;color:#62717c;margin:30px 0 0}.fest{background:#eef2f4}.fest h2{font-size:clamp(80px,12vw,185px);margin-top:30px}.fest-line{font:clamp(27px,3.5vw,54px) Georgia,serif;line-height:1.2;margin:0 0 70px}.fest-visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fest-visuals img{height:710px;object-fit:cover}.fest-visuals figcaption{font-size:12px;letter-spacing:.17em;padding:17px 0}.fest-tail{font:clamp(22px,2.7vw,40px) Georgia,serif;margin:50px 0 0}.temporary{background:#f8f8f6}.temporary h2{margin:22px 0}.temporary>div>p{font:clamp(25px,3vw,45px) Georgia,serif}.temporary-image{height:650px;overflow:hidden;margin:80px 0 35px}.temporary-image img{height:100%;object-fit:cover;object-position:center 43%}.temporary-end{max-width:740px;font-size:18px!important;font-family:'DM Sans',sans-serif!important}.year{background:#dfe9ee}.year h2{margin:25px 0 60px}.year-layout{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center}.year-layout img{height:610px;object-fit:cover}.year-words{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.year-words span{padding:18px 0;border-bottom:1px solid #9cb7c6;font-size:13px;letter-spacing:.15em;font-weight:600}.year>div>p{font:24px Georgia,serif;margin:50px 0 0}.identity{background:#fff}.identity img{height:640px;object-fit:cover}.identity-note{font-size:14px;color:#6c7881;margin:22px 0 0}.finale{background:var(--blue);color:#fff;min-height:85vh;display:flex;align-items:center}.finale h2{font-size:clamp(70px,10vw,155px);margin:30px 0 55px}.finale p{font:clamp(22px,2.5vw,37px) Georgia,serif;max-width:850px}footer{background:#102f4e;color:#c5d4e2;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;padding:28px 5.5vw;font-size:11px;line-height:1.6;letter-spacing:.05em}
@media(max-width:950px){.opening{grid-template-columns:1fr}.opening-copy{min-height:75svh}.opening-images{height:550px;min-height:0}.split-heading{display:block}.split-heading p{margin-top:25px;max-width:500px}.reveal-grid{grid-template-columns:1fr}.colour-spec{max-width:650px}.district-layout{grid-template-columns:1fr}.district-map{min-height:550px}.vision,.vision.wide{grid-column:span 6}.vision img,.vision.wide img{height:440px}.fest-visuals img{height:580px}.year-layout{gap:35px}.year-layout img{height:490px}footer{grid-template-columns:1fr 2fr}}
@media(max-width:620px){.site-header{height:66px;padding:0 24px}.site-mark{font-size:15px}.site-mark span{font-size:10px}.site-header nav{display:none}.section{padding:85px 24px}.opening-copy{min-height:68svh;padding:65px 24px 40px}.opening-copy h1{font-size:clamp(57px,12vw,80px)}.opening-copy p{font-size:18px}.opening-bottom{padding-top:50px}.opening-images{height:500px;grid-template-columns:repeat(2,1fr);grid-template-rows:55% 22.5% 22.5%}.opening-images .opening-main{grid-column:span 2}.opening-images img:nth-child(2),.opening-images img:nth-child(3),.opening-images img:nth-child(4),.opening-images img:nth-child(5){min-height:0}.question{min-height:65vh}.question h2{font-size:clamp(70px,14vw,95px);margin:30px 0 55px}.question p{font-size:17px}.colour-power h2,.already h2,.imagine h2,.temporary h2,.identity h2{font-size:clamp(55px,11vw,78px)}.reference-swatches{grid-template-columns:1fr 1fr;gap:12px}.reference-colour{height:42vw}.reference-swatches strong{font-size:11px}.detail-grid{display:block}.detail-grid figure{margin-bottom:30px}.detail-photo{height:350px}.detail-porcelain{height:320px}.already-line{margin-top:45px}.reveal{padding:100px 24px}.reveal h2{font-size:clamp(74px,15vw,110px)}.reveal-grid>div>p{font-size:28px}.colour-note{margin-top:65px}.district h2{font-size:clamp(72px,16vw,110px)}.district-lead{font-size:14px}.district-map{padding:12px;min-height:450px}.district-map img{max-height:490px}.district-worlds li{font-size:14px}.vision-grid{display:block}.vision img,.vision.wide img{height:420px}.vision.portrait-feature img{height:620px}.vision figcaption{padding:12px 0 28px}.fest h2{font-size:clamp(70px,16vw,115px)}.fest-line{font-size:30px}.fest-visuals{display:block}.fest-visuals img{height:560px}.fest-visuals figure{margin-bottom:28px}.temporary-image{height:570px;margin-top:50px}.year h2{font-size:clamp(70px,16vw,110px)}.year-layout{display:block}.year-layout img{height:380px}.year-words{margin-top:35px}.year-words span{font-size:11px}.identity img{height:380px}.finale h2{font-size:clamp(61px,12vw,87px)}footer{display:block;padding:30px 24px}footer div+div{margin-top:18px}}
@media(max-width:620px){.opening-copy h1{overflow-wrap:anywhere}.reveal h2{font-size:clamp(48px,12vw,74px)}.district h2{font-size:clamp(51px,13vw,82px)}.fest h2{font-size:clamp(48px,13vw,80px)}.finale h2{font-size:clamp(46px,11vw,72px)}.district-lead{letter-spacing:.09em}}
footer a{text-underline-offset:2px}

@media(max-width:620px){h1,h2{hyphens:auto;overflow-wrap:break-word}.reference-swatches{grid-template-columns:repeat(3,1fr);gap:7px}.reference-colour{height:35vw}.reference-swatches strong{font-size:10px;letter-spacing:.03em;overflow-wrap:anywhere}.colour-power h2{font-size:clamp(43px,10vw,65px)}.district-worlds>p{font-size:28px}}

.opening-copy{min-width:0}.opening-copy h1{font-size:clamp(44px,3.7vw,72px);width:100%;line-height:1.04}@media(max-width:950px){.opening-copy h1{font-size:clamp(56px,7vw,78px)}}@media(max-width:620px){.opening-copy h1{font-size:clamp(48px,10vw,62px)}}

@media(min-width:951px){.opening{grid-template-columns:58% 42%}.opening-copy h1{font-size:clamp(58px,6vw,105px)}}.question{min-height:56vh}.question h2{font-size:clamp(64px,8vw,125px);margin:30px 0 38px}.question p{font:clamp(23px,2.3vw,34px) Georgia,serif}@media(max-width:620px){.opening-copy h1{font-size:clamp(52px,10.5vw,64px)}.question h2{font-size:clamp(57px,12vw,78px)}.question{min-height:50vh}}

/* One display scale for every main headline. */
:root{--display-size:clamp(58px,6.6vw,110px)}
main section[class] h1,main section[class] h2{font-size:var(--display-size);line-height:1.02;letter-spacing:-.025em;hyphens:auto;overflow-wrap:break-word}
.opening-copy h1{max-width:none}
@media(max-width:620px){:root{--display-size:clamp(50px,10vw,60px)}}

.vision.full{grid-column:span 12}.vision.full img{height:640px;object-position:center 55%}@media(max-width:950px){.vision.full{grid-column:span 12}.vision.full img{height:500px}}@media(max-width:620px){.vision.full img{height:360px}}

/* Reduced image sequence and one image per idea. */
.opening-images{grid-template-columns:repeat(3,minmax(0,1fr))}
.opening-images .opening-main{grid-column:span 3}
.year-layout{display:block}
.year-words{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 22px}
.year-christmas{margin:70px 0 0}
.year-christmas img{height:620px;object-fit:cover}
.year-christmas figcaption,.closing-image figcaption{padding-top:16px;font-size:12px;letter-spacing:.17em;font-weight:600}
.closing-image{margin:0;background:#fff;padding:0 max(28px,7vw) 100px}
.closing-image img{height:620px;object-fit:cover}
@media(max-width:950px){.year-words{grid-template-columns:repeat(3,minmax(0,1fr))}.year-christmas img,.closing-image img{height:500px}}
@media(max-width:620px){.opening-images{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:58% 42%;height:460px}.opening-images .opening-main{grid-column:span 3}.year-words{grid-template-columns:repeat(2,minmax(0,1fr))}.year-christmas{margin-top:48px}.year-christmas img,.closing-image img{height:380px}.closing-image{padding:0 24px 75px}}

.fest-intro{max-width:780px;font:clamp(20px,2vw,27px)/1.4 Georgia,serif;margin:0 0 52px}
.fest-open-doors{margin:0}
.fest-open-doors img{height:clamp(390px,53vw,760px);object-fit:cover;object-position:center 52%}
.fest-open-doors figcaption{padding-top:16px;font-size:12px;letter-spacing:.17em;font-weight:600}
.fest-tail{margin:54px 0 0}
@media(max-width:620px){.fest-intro{font-size:20px;margin-bottom:34px}.fest-open-doors img{height:390px;object-position:48% center}.fest-open-doors figcaption{line-height:1.6}.fest-tail{margin-top:42px}}

.closing-image img,.closing-image figcaption{max-width:1450px;margin-inline:auto}

@media(max-width:620px){.vision.art-mirrors img{object-position:29% center}.vision.art-shadows img{object-position:28% center}.vision.art-sound img{object-position:31% center}.vision.art-fabric img{object-position:center center}}

/* Keep the opening question aligned with the following editorial sections on phones. */
@media(max-width:620px){.question{display:block;min-height:0}.question.section{padding-top:76px;padding-bottom:82px}.question .container{width:100%}.question h2{margin:30px 0 30px}}

/* Restrained context for the two added editorial statements. */
.already-origin{font-size:16px;line-height:1.6;max-width:720px;color:#52616b;margin:18px 0 0}
.year>div>.year-intro{font:clamp(19px,2vw,25px)/1.45 Georgia,serif;max-width:760px;margin:-18px 0 38px}
.positioning{background:var(--paper)}
main section.positioning h2{font:600 12px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 32px}
.positioning p{font:clamp(26px,3vw,43px)/1.25 Georgia,serif;max-width:1050px;margin:0}
@media(max-width:620px){.already-origin{font-size:15px}.year>div>.year-intro{margin:-22px 0 28px}.positioning p{font-size:27px}}

/* Show only the sailor collar and fabric detail of the existing uniform photo. */
.detail-uniform{position:relative}
.detail-uniform img{position:absolute;width:auto;max-width:none;height:200%;top:-92%;left:-175px;object-fit:initial}