/* The shared colourful direction: original raster artwork, native controls and local fonts. */
:root{--ink:#101e2b;--plum:#102c42;--coral:#cf4938;--paper:#fffcf7;--ivory:#f7f3ed;--muted:#556071;--line:#e3e1e7;--shadow:0 8px 30px #22375609}
body{background:var(--paper);color:var(--ink)}
h1,h2{font-weight:600;letter-spacing:-.045em}h3{color:var(--ink)}
main{background-image:url('../design-v2/page-splash.webp');background-position:top center;background-size:1440px auto;background-repeat:repeat-y;min-height:45vh}
.site-header{max-width:1440px;min-height:84px;padding:12px 4%;grid-template-columns:170px 1fr auto;gap:20px;background:#fffcf7;border-bottom:1px solid #ece8e6}
.site-header .brand img{width:170px}.site-header #navigation{gap:26px}.site-header #navigation>a{font-size:13px;font-weight:600}
.site-header #navigation>a:hover,.site-header #navigation>a[aria-current=page]{color:#7b43aa}
.locale-switch{background:#f0edf6;border-color:#e6e1ed}.locale-switch button[aria-pressed=true]{color:#102c42}
.button,.site-header a.button{background:#102a3e;border-color:#102a3e;color:white;font-weight:600;border-radius:999px;box-shadow:none;font-size:13px}
.button:hover,.site-header a.button:hover{background:#214d65;color:#fff}
.button.coral,.site-header a.button.coral{background:#ce4938;border-color:#ce4938}.button.coral:hover,.site-header a.button.coral:hover{background:#b63e32;border-color:#b63e32;color:white}
.button.outline{background:#fffcf7;color:#102a3e;border-color:#bcb6d1;box-shadow:0 2px 8px #a186bd15}.button.outline:hover{background:#f0e8f6;color:#102a3e}
.button.light{background:white;color:#132d43;border-color:white}.button.light:hover{background:#ece9fd;color:#132d43}
.button.light .ui-icon,.button.outline .ui-icon{filter:none}.light-outline.button{color:white;border-color:#a5bbce;background:transparent}.light-outline.button:hover{background:#ffffff18;color:white}.light-outline .ui-icon{filter:brightness(0) invert(1)!important}
.eyebrow{font:600 11px/1.6 var(--sans);letter-spacing:.2em;color:#bf493e;text-transform:uppercase}
.design-container{max-width:1320px;padding-inline:64px}.colour-home{background:#fffcf7;overflow:hidden}
.colour-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:center;position:relative}
.colour-intro h2{font-size:clamp(38px,4.3vw,58px);line-height:.96;margin:0 0 20px}.colour-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.6;max-width:280px;margin:0 0 22px}.colour-intro .button{font-size:12px;padding:11px 21px;gap:12px;min-height:42px}.colour-intro .eyebrow{font-size:10px;line-height:1.5;margin-bottom:14px}
.colour-hero{background:#fffcf7 url('../design-v2/botanical.webp') center top/1440px auto no-repeat}
.colour-hero-inner{position:relative;display:grid;grid-template-columns:44% 56%;align-items:center;min-height:590px;padding-top:20px;padding-bottom:38px;gap:0}
.colour-hero-copy{position:relative;z-index:2;max-width:500px;padding-top:24px}.colour-hero-copy .eyebrow{color:#63768d;letter-spacing:.23em;font-size:10px;margin-bottom:17px}
.colour-hero-copy h1{font-size:clamp(48px,5.9vw,82px);line-height:.95;margin:0 0 20px;letter-spacing:-.045em}
.creativity-word{display:block;width:100%;max-width:460px;height:auto;margin:5px 0 0 -8px}
.colour-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:395px;margin:20px 0 22px}.colour-hero-copy .actions{gap:12px;margin-top:0;flex-wrap:wrap}.colour-hero-copy .button{font-size:12px;gap:10px;padding:12px 21px;min-height:44px}
.colour-hero-art{width:calc(100% + 180px);max-width:none;height:540px;object-fit:contain;margin-left:-64px;position:relative;z-index:1;pointer-events:none}
.hero-values{display:flex;gap:0;margin-top:35px;max-width:430px}.hero-values>span{display:grid;grid-template-columns:24px 1fr;column-gap:9px;padding:0 14px;border-right:1px solid #dfdce3;flex:1}.hero-values>span:first-child{padding-left:0}.hero-values>span:last-child{border:0;padding-right:0}.hero-values .ui-icon{width:22px;height:22px;grid-row:1/3;align-self:center}.hero-values strong{font-size:11px;line-height:1.5}.hero-values small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:2px}
.colour-artforms{padding:36px 0 44px;background:#f6f2eb url('../design-v2/botanical.webp') center/1440px auto no-repeat}.colour-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.colour-category{text-align:center;min-width:0}.colour-category img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .2s}.colour-category a:hover img{transform:translateY(-5px)}.colour-category h3{font:600 13px/1.4 var(--sans);margin:10px 0 6px}.colour-category p{font-size:10px;line-height:1.5;color:#647185;margin:0}
.colour-featured{padding:48px 0 28px;background:#fffcf7}.colour-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.colour-featured .colour-intro .button{background:#ce4938;border-color:#ce4938;color:white}.colour-featured .colour-intro .button:hover{background:#b63e32;border-color:#b63e32;color:white}
.card,.creator-card{background:#fff;border:1px solid #e5e2eb;border-radius:12px;box-shadow:0 4px 16px #22375608;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #22375610}
.card h3{font-family:var(--sans);font-size:15px;line-height:1.5;letter-spacing:-.015em;font-weight:600}.card .card-body{padding:16px 18px}.card-body .tag{font-size:10px}.card-body p{font-size:12px;line-height:1.5}.card .card-image{aspect-ratio:4/3;object-fit:cover}.tag{background:#f1eaf5;color:#714493}.section-link{color:#83479b}
.colour-work-grid .card-image{aspect-ratio:1;height:auto}.colour-work-grid .card-body{padding:13px 12px;min-height:125px;position:relative}.colour-work-grid .card-body h3{font-size:12px;margin:5px 0 7px}.colour-work-grid .card-body p{font-size:10px;margin:0;padding-right:18px}.colour-work-grid .card-body .card-arrow{width:15px;height:15px;position:absolute;right:9px;bottom:15px}.colour-work-grid .text-preview{font-family:'SP Hindi Display',var(--serif);font-size:17px;line-height:1.8;padding:15px;background:#fff1e8;overflow:hidden}.colour-work-grid .tag{font-size:9px;padding:2px 6px}
.demo-label{font-size:9px;padding:3px 6px;background:#fffffff0;color:#65546f;border-radius:20px}
.colour-creators{padding:74px 0 80px;background:url('../design-v2/creator-band.webp') center/100% 100% no-repeat;position:relative;margin-block:0 -24px;z-index:2;min-height:370px}
.colour-creators .colour-intro h2,.colour-creators .colour-intro>p{color:white}.colour-creators .colour-intro .eyebrow{color:#ffc869}.colour-creators .colour-intro>p:not(.eyebrow){color:#d3e2ec}
.colour-creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.colour-creators .creator-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;position:relative;text-align:center;padding:0}
.colour-creators .creator-image{height:auto;aspect-ratio:1;max-width:140px;width:100%;margin:auto;border-radius:50%;overflow:hidden;border:5px solid #ef96c6;position:relative;background:#104c62}
.colour-creators .creator-card:nth-child(2) .creator-image{border-color:#9d9ee8}.colour-creators .creator-card:nth-child(3) .creator-image{border-color:#ffc479}.colour-creators .creator-card:nth-child(4) .creator-image{border-color:#a9dbda}.colour-creators .creator-image img{height:100%;width:100%;object-fit:cover}
.colour-creators .creator-card-copy{padding:12px 8px 0}.colour-creators .creator-card-copy h3{font:600 14px/1.4 var(--sans);color:white;margin:0 0 4px}.colour-creators .creator-card-copy p{color:#d1e1eb;font-size:10px;line-height:1.5}.colour-creators .bookmark-control{background:#fff;bottom:auto;top:105px;right:2px;width:26px;height:26px;border-radius:50%;padding:4px}.colour-creators .bookmark-control .ui-icon{width:16px;height:16px}.colour-creators .demo-label{position:absolute;left:50%;transform:translateX(-50%);top:auto;bottom:4px;font-size:8px;padding:1px 5px}
.colour-community{background:#fff0cb url('../design-v2/botanical.webp') center/1440px auto no-repeat;padding:40px 0 24px}.colour-community .colour-row{grid-template-columns:300px minmax(0,1fr);gap:20px}.colour-community .colour-intro h2{font-size:55px}.colour-community .colour-row>img{width:calc(100% + 90px);max-width:none;height:380px;object-fit:contain;margin-left:-40px}
.colour-stories{background:#fce0ed url('../design-v2/botanical.webp') center/1440px auto no-repeat;padding:48px 0 60px}.colour-stories .eyebrow{color:#b43277}.colour-stories .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.colour-stories .story-card .card-image{height:auto;aspect-ratio:4/3}.colour-stories .story-card h3{font:600 13px/1.5 var(--sans);margin-top:8px}.colour-stories .story-card .card-body{padding:14px 16px 26px}.colour-stories .story-card p{font-size:11px}.colour-stories .story-card .tag{background:#fff2fa;color:#894376}.colour-stories .colour-intro>p:not(.eyebrow){color:#5a4962}
.colour-belong{background:#102a45 url('../design-v2/landscape.webp') center/cover no-repeat;color:white;min-height:380px;padding:70px 0;position:relative}.colour-belong h2{font-size:clamp(44px,5vw,64px);color:white;margin-bottom:18px;line-height:1.08}.colour-belong p:not(.eyebrow){max-width:390px;font-size:15px;line-height:1.7;color:#f1eff8;margin-bottom:24px}.colour-belong .eyebrow{color:#e5e2ff;font-size:10px}.colour-belong .actions{gap:14px}
/* All route families share the same navigation, paper, card and control tokens. */
.container{padding-top:48px;padding-bottom:64px}.container>h1{font-size:clamp(40px,5vw,64px);line-height:1.08}.container>.eyebrow{color:#bf493e}
.tabs,.sidebar{background:#edeaf4}.tabs .active{background:white;color:#182d48}.sidebar a.active{background:#12334a;color:white}.sidebar a:hover{background:#fff;color:#294468}.sidebar a.active:hover{background:#214d65;color:white}
.filter-row{background:#f2edf6;border-color:#e6dfed}.field{color:#354356}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;border-color:#dbd9e4;border-radius:12px;color:#1c2d40}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#8b5fb5;box-shadow:0 0 0 3px #b18ad620}
a:focus-visible,button:focus-visible{outline-color:#8b5fb5}.check-group{background:#f3eff7}.form-panel{background:#ffffffed;border-color:#e1ddeb;box-shadow:0 6px 30px #22375606}.form-panel h2,.form-panel h3{color:#102c42}.profile-hero{background:#f1edf7;border-color:#e5deed}.avatar.big{border-color:#fff}.poem{background:#fff0e7}.empty{background:#f6eff8;border-color:#e4dbea}.empty-mark{color:#8c53ac}.message{background:#eeeaf7}.message.own{background:#ffedde}.stat,.metric-card{background:#f3f0f7;border-color:#e4dfed}.summary-data>div{border-color:#e4dfed}.notice{background:#fff4d9;border-color:#eadfbd}.notice.error,.form-error{background:#fff0f1;color:#922638}
.design-search{background:white;border-color:#ded8e9}.design-search:focus-within{border-color:#8b5fb5;box-shadow:0 0 0 3px #b18ad620}.design-search input:not([type=checkbox]):not([type=radio]){background:transparent}
.discipline-links a{background:#fff;border-color:#e2dbeb}.discipline-links a:hover{background:#f3eafa;color:#703da0}.video-cover{background:#0c2d45}.video-cover .button{background:#fff;color:#162f46;border-color:#fff}.video-cover .button:hover{background:#efe7fa;color:#162f46}
dialog{background:#fffcf7;border-color:#e6dded}.newsletter-strip{background:#f2edf7;border-top:1px solid #e4dfeb;border-bottom:1px solid #e4dfeb;color:#172d45;padding:0}.newsletter-inner{padding-block:28px;gap:60px}.newsletter-inner h2{font-family:var(--serif);font-size:28px;line-height:1.12;color:#172d45;max-width:380px}.newsletter-inner p{color:#636273;font-size:11px}.newsletter-form{background:white;border:1px solid #ddd5e7;border-radius:999px}.newsletter-form button{background:#102c42;border:0;color:white;font-weight:600}.newsletter-form button:hover{background:#254e65;color:white}.newsletter-form input:not([type=checkbox]){background:white}.reference-footer{background:#fffcf7;border:0;margin:0}.footer-grid{padding-top:35px;padding-bottom:32px;gap:40px}.footer-brand img{width:165px}.reference-footer nav h3{font-family:var(--sans);font-size:12px;color:#152e46}.reference-footer nav{font-size:12px;gap:8px}.footer-brand p{font-size:12px;color:#687082;max-width:245px}.pali-signature{border-color:#e7e2ec;color:#162f46}.footer-bottom{border-color:#eae5eb;color:#738095;font-size:10px}
html[lang=hi] .colour-hero-copy h1{font-size:62px;line-height:1.24}html[lang=hi] .colour-hero-copy h1 em{color:#b44088;font-style:normal}html[lang=hi] .colour-intro h2{font-size:43px;line-height:1.22}html[lang=hi] .colour-community .colour-intro h2{font-size:43px}
@media(min-width:1600px){.colour-hero-inner{min-height:650px}.colour-hero-art{height:590px}}
@media(max-width:1100px){.design-container{padding-inline:40px}.colour-row{grid-template-columns:210px minmax(0,1fr);gap:28px}.colour-hero-inner{min-height:520px}.colour-hero-copy h1{font-size:64px}.colour-hero-art{height:480px;width:calc(100% + 150px);margin-left:-55px}.colour-hero-copy>p:not(.eyebrow){font-size:13px;max-width:330px}.hero-values{margin-top:25px}.hero-values>span{padding-inline:8px}.hero-values strong{font-size:10px}.hero-values small{font-size:9px}.colour-category-grid{gap:10px}.colour-work-grid{gap:10px}.colour-intro h2{font-size:45px}.colour-intro>p:not(.eyebrow){font-size:12px}.colour-creator-grid{gap:12px}.colour-creators .creator-image{max-width:115px}.colour-creators .bookmark-control{top:86px}.colour-creators{padding-block:70px}.colour-community .colour-row{grid-template-columns:240px minmax(0,1fr)}.colour-community .colour-row>img{height:330px}.colour-community .colour-intro h2{font-size:45px}.site-header #navigation{gap:18px}}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto;padding-inline:24px}.site-header #navigation{background:#fffcf7;border-color:#e2dbeb}.site-header #navigation>a[aria-current=page]{background:#f0e8f8}.colour-row{grid-template-columns:200px minmax(0,1fr);gap:20px}.colour-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-work-grid .card-image{aspect-ratio:4/3}.colour-hero-copy h1{font-size:56px}.colour-hero-copy .actions{gap:9px}.colour-hero-copy .button{padding:10px 14px;font-size:11px}.hero-values{flex-wrap:wrap;gap:14px}.hero-values>span{padding:0 7px}.hero-values>span:last-child{display:none}.colour-creators{background-size:auto 100%;padding-block:65px}.colour-creators .colour-intro h2{font-size:42px}.colour-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.colour-creators .creator-image{max-width:110px}.colour-community .colour-row>img{width:calc(100% + 60px);margin-left:-24px}.colour-stories .story-grid{gap:10px}.colour-stories .story-card .card-body{padding-inline:12px}}
@media(max-width:700px){.site-header{padding:10px 18px;min-height:76px}.site-header .brand img{width:136px}.design-container{padding-inline:24px}.colour-row{grid-template-columns:1fr;gap:25px}.colour-hero-inner{grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:20px}.colour-hero-copy{padding-top:0;max-width:100%;text-align:left}.colour-hero-copy h1{font-size:58px;max-width:340px}.colour-hero-copy .eyebrow{font-size:9px;margin-bottom:15px}.creativity-word{max-width:340px;margin-left:-6px}.colour-hero-copy>p:not(.eyebrow){font-size:14px;max-width:360px;margin:18px 0 20px}.colour-hero-copy .button{font-size:12px;padding:11px 18px}.colour-hero-art{grid-row:2;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:1.5;margin:0 -24px;object-fit:contain}.hero-values{margin-top:25px;gap:0;justify-content:flex-start;max-width:380px}.hero-values>span{padding:0 12px}.hero-values>span:first-child{padding-left:0}.hero-values>span:last-child{display:grid}.hero-values strong{font-size:10px}.hero-values small{font-size:9px}.hero-values .ui-icon{width:19px;height:19px}.hero-values>span{grid-template-columns:19px 1fr;column-gap:7px}.colour-intro h2{font-size:43px;line-height:1.02}.colour-intro h2 br{display:none}.colour-intro>p:not(.eyebrow){font-size:14px;max-width:100%;margin-bottom:18px}.colour-intro .eyebrow{font-size:9px}.colour-artforms{padding:34px 0}.colour-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.colour-category h3{font-size:10px;line-height:1.4}.colour-category p{font-size:9px}.colour-category img{width:calc(100% + 6px);max-width:none;margin-left:-3px}.colour-featured{padding:34px 0 12px}.colour-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.colour-work-grid .card-body{min-height:115px}.colour-work-grid .card-body h3{font-size:12px}.colour-work-grid .text-preview{font-size:17px}.colour-creators{padding:70px 0 80px;margin-bottom:-30px;background-size:auto 100%}.colour-creators .colour-intro{max-width:330px}.colour-creators .colour-intro h2{font-size:43px}.colour-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.colour-creators .creator-image{max-width:124px}.colour-creators .bookmark-control{top:96px;right:12px}.colour-creators .creator-card-copy h3{font-size:14px}.colour-creators .creator-card-copy p{font-size:11px}.colour-community{padding-top:42px;padding-bottom:12px}.colour-community .colour-row{grid-template-columns:1fr;gap:10px}.colour-community .colour-intro h2{font-size:43px}.colour-community .colour-row>img{height:auto;aspect-ratio:1.5;width:calc(100% + 48px);margin-left:-24px}.colour-stories{padding:34px 0 44px}.colour-stories .story-grid{grid-template-columns:1fr;gap:18px}.colour-stories .story-card .card-image{aspect-ratio:16/9}.colour-stories .story-card h3{font-size:16px}.colour-stories .story-card p{font-size:12px}.colour-stories .story-card .card-body{padding:16px 18px 26px}.colour-belong{padding:46px 0;min-height:400px;background-position:38% center}.colour-belong h2{font-size:43px;max-width:290px}.colour-belong p:not(.eyebrow){font-size:14px;max-width:280px}.colour-belong .button{font-size:12px;padding-inline:16px}.colour-belong .actions{gap:10px}.newsletter-inner{padding-block:24px;gap:20px}.newsletter-inner h2{font-size:27px}.footer-grid{gap:28px}.container{padding:30px 20px 48px}.container>h1{font-size:43px}.colour-home .empty{padding:24px 18px}.colour-home .empty h3{font-size:26px}.colour-work-grid>.empty{grid-column:1/-1}.colour-creator-grid>.empty{grid-column:1/-1}html[lang=hi] .colour-hero-copy h1{font-size:46px;line-height:1.3}html[lang=hi] .colour-intro h2,html[lang=hi] .colour-community .colour-intro h2{font-size:36px;line-height:1.25}}
@media(max-width:360px){.site-header{padding-inline:12px}.site-header .brand img{width:116px}.design-container{padding-inline:20px}.colour-hero-copy h1{font-size:51px}.colour-hero-copy .button{padding:10px 13px;font-size:11px}.hero-values>span{padding-inline:7px}.hero-values strong{font-size:9px}.hero-values small{font-size:8px}.colour-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.colour-category img{width:105px;margin:auto}.colour-category h3{font-size:12px}.colour-category p{font-size:10px}.colour-intro h2,.colour-community .colour-intro h2{font-size:39px}.colour-creators .bookmark-control{right:2px}.colour-belong .actions{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.colour-category a:hover img,.card:hover{transform:none}}

/* Raster foliage stays in the background; wave edges sit over continuous colour. */
main{background-image:none;position:relative;isolation:isolate}
main:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../design-v2/botanical.webp') center top/1440px auto repeat-y;opacity:.13;pointer-events:none}
.colour-hero,.colour-artforms,.colour-community,.colour-stories,.colour-belong{background-image:none;position:relative;isolation:isolate}
.colour-hero:before,.colour-artforms:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../design-v2/botanical.webp') center/1440px auto no-repeat;opacity:.14;pointer-events:none}
.colour-category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.colour-category h3{font-size:11px}.colour-category p{font-size:9px}
.colour-artforms{padding-block:28px 32px}.colour-featured{padding-block:34px 16px}.colour-work-grid .card-body{min-height:96px}
.colour-creators{background:none;isolation:isolate;margin:0;min-height:350px;padding-block:65px 68px}
.colour-creators:before{content:'';position:absolute;inset:50% 0 0;background:#fff0cb;z-index:-2;pointer-events:none}
.colour-creators:after{content:'';position:absolute;inset:0;background:url('../design-v2/creator-band.webp') center/100% 130% no-repeat;z-index:-1;pointer-events:none}
.colour-creators .colour-intro{padding-top:0}
.colour-community{background:#fff0cb;padding-block:14px 32px}.colour-community .colour-row{grid-template-columns:250px minmax(0,1fr) 195px;gap:18px}.colour-community .colour-intro h2{font-size:50px}.colour-community .colour-row>img{height:330px;width:calc(100% + 80px);margin-left:-40px}
.colour-connections{display:grid;gap:12px;position:relative}.colour-connections>a{display:flex;align-items:center;gap:13px;padding:18px 15px;background:#fff;border:1px solid #f5e5cc;border-radius:12px;box-shadow:0 4px 20px #5d3b1608;transition:transform .2s,box-shadow .2s}.colour-connections>a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5d3b1614;color:var(--ink)}.colour-connections .ui-icon{width:28px;height:28px;flex-shrink:0}.colour-connections strong{display:block;font-size:12px;line-height:1.4}.colour-connections small{display:block;font-size:11px;line-height:1.5;color:#667080;margin-top:4px}
.colour-stories{background:#fce0ed;padding-block:56px 38px;margin:0}.colour-belong{background:#102a45 url('../design-v2/landscape.webp') center/cover no-repeat;padding-block:68px;min-height:380px;margin:0}
.colour-stories:before,.colour-belong:before{content:'';position:absolute;inset:0 0 auto;height:40px;z-index:-1;mask-image:url('../design-v2/creator-band.webp');mask-size:100% 240px;mask-position:center bottom;mask-repeat:no-repeat;background:#fff0cb;pointer-events:none}
.colour-belong:before{background:#fce0ed}
@media(max-width:1100px){.colour-community .colour-row{grid-template-columns:210px minmax(0,1fr) 170px;gap:12px}.colour-community .colour-intro h2{font-size:43px}.colour-connections>a{padding:16px 12px;gap:9px}.colour-connections strong{font-size:11px}.colour-connections small{font-size:10px}.colour-category h3{font-size:10px}.colour-category p{font-size:8px}}
@media(max-width:980px){.colour-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.colour-category img{max-width:110px;margin:auto}.colour-community .colour-row{grid-template-columns:200px minmax(0,1fr)}.colour-connections{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-8px}.colour-creators:after{background-size:auto 150%}}
@media(max-width:700px){.colour-artforms{padding-block:26px}.colour-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}.colour-category img{width:100%;margin:0;max-width:120px}.colour-category h3{font-size:11px}.colour-category p{font-size:9px}.colour-featured{padding-block:28px 10px}.colour-creators{padding-block:68px;margin:0}.colour-creators:after{background-size:auto 160%}.colour-community{padding-block:16px 26px}.colour-community .colour-row{grid-template-columns:1fr;gap:12px}.colour-community .colour-intro h2{font-size:43px}.colour-community .colour-row>img{height:auto;aspect-ratio:1.5;width:calc(100% + 48px);margin-left:-24px}.colour-connections{grid-column:auto;grid-template-columns:1fr;margin-top:0;gap:9px}.colour-connections>a{padding:13px 16px;gap:14px}.colour-connections strong{font-size:13px}.colour-connections small{font-size:12px}.colour-stories{padding-block:50px 30px}.colour-belong{padding-block:60px;min-height:420px;background-position:38% center}.colour-stories:before,.colour-belong:before{mask-size:auto 240px}}
@media(max-width:360px){.colour-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-category h3{font-size:10px}.colour-category p{font-size:8px}}
@media(max-width:700px){.colour-artforms{padding-block:22px}.colour-creators{padding-block:60px}.colour-community{padding-bottom:22px}.colour-stories{padding-block:46px 26px}}
@media(prefers-reduced-motion:reduce){.colour-connections>a:hover{transform:none}}
.footer-grid{grid-template-columns:1.25fr .7fr .8fr .7fr 1.4fr;gap:28px;padding-block:32px 26px}.footer-newsletter h2{font:600 12px/1.5 var(--sans);letter-spacing:0;margin:0 0 12px;max-width:240px}.footer-newsletter>div>p{font-size:10px;line-height:1.6;color:#667080;margin-top:10px}.footer-newsletter .newsletter-form{border-radius:10px;overflow:hidden}.footer-newsletter .newsletter-form input{min-width:0;width:100%;font-size:11px;padding:11px 12px;border:0;border-radius:0}.footer-newsletter .newsletter-form button{padding:11px 12px;font-size:10px;white-space:nowrap;min-height:40px}.footer-newsletter .form-error:empty{display:none}
@media(max-width:980px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-newsletter{grid-column:2/-1;align-self:start;max-width:380px}}
@media(max-width:700px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-brand{grid-column:1/-1}.footer-newsletter{grid-column:1/-1;max-width:none}.footer-newsletter h2{font-size:14px;max-width:none}.footer-newsletter .newsletter-form input{font-size:13px}.footer-newsletter .newsletter-form button{font-size:12px}}

/* Latest reference: warm painted paper, intact wave edges and midnight footer. */
.colour-home{background:#fffaf5;overflow:clip;overflow-clip-margin:0}
.colour-hero,.colour-artforms,.colour-featured{position:relative;isolation:isolate;background:#fffaf5 url('../design-v2/page-paper.webp') center top/100% auto no-repeat}
.colour-hero:before,.colour-artforms:before{display:none}
.colour-hero{background-position:center top}.colour-artforms{background-position:center 52%}.colour-featured{background-position:center bottom;padding-bottom:58px;z-index:1}
.colour-featured{background:none}.colour-featured:before{content:'';position:absolute;inset:0 0 -130px;background:#fffaf5 url('../design-v2/page-paper.webp') center bottom/100% auto no-repeat;z-index:-1;pointer-events:none}
.colour-creators{z-index:2;overflow:visible;margin-top:-28px;padding-top:82px;padding-bottom:78px}
.colour-creators:after{inset:-34px 0 -28px;background-size:100% 100%}
.colour-creators:before{bottom:-28px}
.colour-featured .colour-intro .button,.colour-featured .colour-intro .button:hover{background:#061d32;border-color:#061d32;color:#fff}
.button,.site-header a.button{background-color:#061d32;border-color:#061d32;transition:background-color .18s,box-shadow .18s,transform .18s;color:#fff}
.button:hover,.site-header a.button:hover{background-color:#16364f;border-color:#16364f;box-shadow:0 4px 14px #081e3218;color:#fff}
.button.coral,.site-header a.button.coral{background:#f45966 url('../design-v2/button-spectrum.webp') center/100% 100%;border-color:transparent;color:#fff;box-shadow:0 3px 12px #d336a912}
.button.coral:hover,.site-header a.button.coral:hover{background:#f45966 url('../design-v2/button-spectrum.webp') center/100% 100%;border-color:transparent;box-shadow:0 5px 18px #a336d42b;color:#fff}
.button.outline,.site-header .button.outline{background:#fffefd;border-color:#9c87da;color:#061d32;box-shadow:none}.button.outline:hover,.site-header .button.outline:hover{background:#f6efff;border-color:#7859ce;color:#061d32}
.button:not(.outline) .ui-icon{filter:brightness(0) invert(1)}.button.outline .ui-icon{filter:invert(29%) sepia(94%) saturate(3085%) hue-rotate(242deg) brightness(96%)}
.light-outline.button,.light-outline.button:hover{background:#061d321a;border-color:#e6e9f1;color:white}.light-outline.button .ui-icon{filter:brightness(0) invert(1)}
.reference-footer{background:transparent;color:#edf0f8;position:relative;isolation:isolate;margin:0}
.reference-footer:before{content:'';position:absolute;inset:-28px 0 0;background:url('../design-v2/footer-panel.webp') center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.footer-grid{padding-top:32px;padding-bottom:64px;grid-template-columns:1.3fr .65fr .85fr .75fr 1.5fr;gap:36px}
.footer-brand img{filter:brightness(0) invert(1);width:170px}.footer-brand p{color:#e0e5ef;font-size:12px;margin-bottom:14px;max-width:250px}.reference-footer .social-labels img{filter:brightness(0) invert(1);width:18px;height:18px}
.reference-footer nav h3{color:white;font-size:13px}.reference-footer nav,.reference-footer .text-button{color:#dce3ef;font-size:12px}.reference-footer nav a:hover,.reference-footer .text-button:hover{color:#fcb5df}
.footer-newsletter h2{color:#fff;font-size:13px;font-family:var(--sans);max-width:260px}.footer-newsletter>div>p{color:#d2dbe9;font-size:10px}.footer-newsletter .newsletter-form{background:transparent;overflow:visible;border:0;border-radius:0;gap:7px}
.footer-newsletter .newsletter-form input{border-radius:8px!important;background:#fff!important;padding:10px 12px!important;min-height:40px;font-size:11px!important;border:1px solid #d8e0eb!important}
.footer-newsletter .newsletter-form button{background:#084dff;color:#fff;border-radius:8px;border:1px solid #285aff;min-width:40px;padding:9px;font-size:11px}.footer-newsletter .newsletter-form button:hover{background:#326cff;color:#fff}
.footer-newsletter .newsletter-form button .ui-icon{width:18px;height:18px;filter:brightness(0) invert(1);display:block}.footer-newsletter .newsletter-form{align-items:stretch}.footer-newsletter>div>.footer-news-copy{font-size:12px;line-height:1.5;margin:0 0 12px;max-width:270px}
.footer-bottom{border-color:#c79f702e;color:#d4ddec;padding-top:13px;padding-bottom:16px;gap:25px;font-size:10px}
@media(max-width:1100px){.footer-grid{gap:24px;grid-template-columns:1.2fr .7fr .9fr .7fr 1.5fr}}
@media(max-width:980px){.colour-creators:after{background-size:auto 100%}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-newsletter{grid-column:2/-1}}
@media(max-width:700px){.colour-hero,.colour-artforms,.colour-featured{background-size:auto 110%;background-position:center}.colour-featured{padding-bottom:48px}.colour-creators{margin-top:-20px;padding-top:72px;padding-bottom:68px}.colour-creators:after{inset:-24px 0 -20px;background-size:auto 155%}.colour-creators:before{bottom:-20px}.reference-footer:before{background-color:#061d32;background-size:auto 100%;background-position:center bottom}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-top:30px;padding-bottom:58px}.footer-brand,.footer-newsletter{grid-column:1/-1}.footer-newsletter h2{font-size:15px;max-width:290px}.footer-newsletter .newsletter-form input{font-size:13px!important}.footer-newsletter .newsletter-form button{font-size:12px}.footer-bottom{flex-direction:column;gap:5px}.footer-brand img{width:170px}}
.colour-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 22px}.colour-category img{max-width:90px;margin:auto}.colour-category h3{font-size:12px;margin:6px 0 4px}.colour-category p{font-size:10px}.colour-artforms{padding-block:28px 32px}
@media(max-width:700px){.colour-category-grid{gap:16px 8px}.colour-category img{max-width:80px}.colour-category h3{font-size:11px}.colour-category p{font-size:9px}.colour-artforms{padding-block:24px}.reference-footer:before{background-color:transparent;background-size:100% 100%}.colour-creators:after{background-size:auto 160%}}
@media(max-width:360px){.colour-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-category h3{font-size:10px}.colour-category p{font-size:8px}}
.design-container{padding-inline:88px}
.colour-hero,.colour-artforms{background:#fffaf5}.colour-hero:before,.colour-artforms:before{display:block;background:url('../design-v2/page-paper.webp') center/ calc(100% + 240px) auto no-repeat;opacity:.85}
.colour-featured:before{background-size:calc(100% + 240px) auto;opacity:.85}
.colour-creators .button.light{background:#08283f;border-color:#e7efff;color:#fff;box-shadow:none}.colour-creators .button.light:hover{background:#164661;color:#fff}
.colour-stories .button.light{background:#061d32;border-color:#061d32;color:#fff}.colour-stories .button.light:hover{background:#16364f;border-color:#16364f;color:#fff}
@media(max-width:1100px){.design-container{padding-inline:64px}}
@media(max-width:700px){.design-container{padding-inline:24px}.colour-hero:before,.colour-artforms:before,.colour-featured:before{background-size:calc(100% + 80px) 100%;opacity:.6}}
@media(max-width:360px){.design-container{padding-inline:20px}}

/* Clear but connected paper sections, with one desktop art-form row. */
.colour-hero{background:#fffaf5}.colour-artforms{background:#f3e9dd}.colour-artforms:before{opacity:.55}.colour-featured{background:#fffdf9}.colour-featured:before{opacity:.65}
.colour-artforms:after,.colour-featured:after{content:'';position:absolute;inset:0 0 auto;height:30px;background:#fffaf5;mask:url('../design-v2/creator-band.webp') center bottom/100% 210px no-repeat;z-index:-1;pointer-events:none}
.colour-featured:after{background:#f7efe4}.colour-artforms{padding-top:44px}.colour-featured{padding-top:44px}
.colour-category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.colour-category img{max-width:110px}.colour-category h3{font-size:11px}.colour-category p{font-size:9px}
.reference-footer{color:#142d42}.reference-footer:before{background:#fffaf5 url('../design-v2/page-paper.webp') center/100% auto no-repeat;mask:url('../design-v2/footer-panel.webp') center/100% 100% no-repeat}
.reference-footer:after{content:'';position:absolute;inset:auto 0 45px;height:150px;background:url('../design-v2/footer-linework.webp') center bottom/100% auto no-repeat;pointer-events:none;z-index:-1}
.footer-brand img{filter:none;width:170px;height:auto}.footer-brand p{color:#42566a}.reference-footer .social-labels img{filter:none}.reference-footer nav h3{color:#10283f}.reference-footer nav,.reference-footer .text-button{color:#34495d}.reference-footer nav a:hover,.reference-footer .text-button:hover{color:#7845ab}
.footer-newsletter h2{color:#10283f}.footer-newsletter>div>p{color:#42566a}.footer-bottom{color:#42566a;border-color:#1b354520}.footer-grid{padding-bottom:155px}
@media(max-width:980px){.colour-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.colour-category img{max-width:95px}}
@media(max-width:700px){.colour-artforms{padding-top:38px}.colour-featured{padding-top:40px}.colour-category-grid{gap:16px 8px}.colour-category img{max-width:80px}.colour-category h3{font-size:11px}.colour-category p{font-size:9px}.colour-artforms:after,.colour-featured:after{mask-size:auto 210px}.reference-footer:before{background-size:auto 100%}.reference-footer:after{height:120px;background-size:auto 260px;background-position:center bottom;bottom:60px}.footer-grid{padding-bottom:105px}}
@media(max-width:360px){.colour-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-category h3{font-size:10px}.colour-category p{font-size:8px}}
.reference-footer:before{background-size:calc(100% + 240px) auto}
@media(max-width:700px){.reference-footer:before{background-size:auto 100%}}

/* One smooth raster curve at every boundary; the next fill overlaps the previous. */
:root{--section-wave-rise:28px;--section-underlap:40px;--section-wave-mask-height:360px;--section-wave-body-start:40px}
.colour-home>section{position:relative;isolation:isolate;z-index:0;background:none;overflow:visible}
.colour-home>section:after{content:none;display:none}
.colour-home>section:before,.reference-footer:before{content:'';display:block;position:absolute;inset:calc(-1 * var(--section-wave-rise)) 0 calc(-1 * var(--section-underlap));height:auto;z-index:-1;opacity:1;pointer-events:none;mask-image:url('../design-v2/footer-panel.webp'),url('../design-v2/page-splash.webp');mask-mode:alpha,alpha;mask-size:100% var(--section-wave-mask-height),100% calc(100% - var(--section-wave-body-start));mask-position:center top,center bottom;mask-repeat:no-repeat;mask-composite:add}
.colour-hero:before,.colour-artforms:before,.colour-featured:before,.reference-footer:before{background-image:url('../design-v2/page-paper.webp');background-position:center;background-size:calc(100% + 240px) auto;background-repeat:no-repeat;background-blend-mode:multiply}
.colour-home>.colour-hero:before{inset:0 0 calc(-1 * var(--section-underlap));mask:none;background-color:#fffaf5}
.colour-artforms:before{background-color:#f3e9dd}.colour-featured:before{background-color:#fffdf9}
.colour-creators{margin:0}.colour-creators:before{background:#0b3349 url('../design-v2/creator-band.webp') center/130% 300% no-repeat}
.colour-community:before{background:#fff0cb}.colour-stories:before{background:#fce0ed}.colour-belong:before{background:#102a45 url('../design-v2/landscape.webp') center/cover no-repeat}
.reference-footer:before{inset:calc(-1 * var(--section-wave-rise)) 0 0;background-color:#fffaf5}
@media(max-width:700px){.colour-hero:before,.colour-artforms:before,.colour-featured:before{background-size:calc(100% + 80px) 100%}.colour-creators{margin:0}.colour-belong:before{background-position:38% center}.reference-footer:before{background-size:auto 100%}}
/* Keep the shared curve below cards, captions and the hero artwork. */
.colour-hero-inner{padding-bottom:40px}.colour-artforms,.colour-community,.colour-stories{padding-bottom:40px}

/* The creator's original painted band is intentionally retained. */
.colour-home>.colour-community{padding-top:44px}
.colour-home .colour-featured .text-preview{display:block;overflow:hidden}
.colour-home>.colour-creators{z-index:2;margin-top:-28px;padding-top:82px;padding-bottom:78px}
.colour-home>.colour-creators:before{inset:50% 0 -28px;background:#fff0cb;mask:none;z-index:-2}
.colour-home>.colour-creators:after{content:'';display:block;position:absolute;inset:-34px 0 -28px;background:url('../design-v2/creator-band.webp') center/100% 100% no-repeat;mask:none;z-index:-1;pointer-events:none}
.colour-home>.colour-featured:before{bottom:-130px}
.reference-footer:before{top:calc(-1 * var(--section-wave-body-start))}
main:before{background-image:url('../design-v2/page-splash.webp');opacity:.3}
.colour-hero:before,.colour-artforms:before,.colour-featured:before,.reference-footer:before{background-image:url('../design-v2/page-splash.webp')}
.colour-belong:before{background-image:url('../design-v2/landscape-clear.webp')}
@media(max-width:700px){.colour-home>.colour-creators{margin-top:-20px;padding-top:72px;padding-bottom:68px}.colour-home>.colour-creators:before{bottom:-20px}.colour-home>.colour-creators:after{inset:-24px 0 -20px;background-size:auto 160%}}

/* Reuse the Explore/Creators invitation palette and the site's painted paper. */
main:has(>.login){display:flow-root;background:#ffe1c5 linear-gradient(115deg,#ffe1c5,#f8d8e6 56%,#e9ddf6)}
main:has(>.login)>.login{margin-bottom:0}
main:has(>.login):before{bottom:calc(-1 * var(--section-wave-body-start));background:transparent url('../design-v2/page-splash.webp') center/cover no-repeat;opacity:.4;mix-blend-mode:multiply}

/* Animate content only: background fills and their connecting curves stay fixed. */
.reveal-pending{transition-delay:var(--reveal-delay,0ms)}
.colour-category img,.creator-image img,.card-visual img.card-image{transition:transform .24s ease-out}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.colour-category a:hover img{transform:translateY(-4px) rotate(-2deg)}.creator-card>a:hover .creator-image img{transform:scale(1.035)}.card-visual{overflow:hidden}.card a:hover .card-visual img.card-image{transform:scale(1.025)}}
@supports(animation-timeline:view()){@media(min-width:701px) and (prefers-reduced-motion:no-preference){.has-motion .colour-hero-art{animation:hero-art-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.has-motion .colour-community .colour-row>img{animation:studio-art-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@keyframes hero-art-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,18px,0)}}
@keyframes studio-art-drift{from{transform:translate3d(0,8px,0)}to{transform:translate3d(0,-8px,0)}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none;transition-delay:0ms}.button:hover,.colour-category a:hover img,.creator-card>a:hover .creator-image img,.card a:hover .card-visual img.card-image{transform:none}}