html:has(.color-page){scroll-snap-type:none;overscroll-behavior-y:auto;background:#fff7ef}body:has(.color-page){background:#fff7ef}.color-page{--ink:#3f2230;--berry:#761c49;--plum:#4d1535;--wine:#5d173c;--rose:#d95f80;--coral:#ee816b;--blush:#f4d4d9;--powder:#dce6f1;--cream:#fff7ef;--paper:#fffdf9;--sage:#a8b89b;--gold:#c99a5d;--muted:#826b75;--line:#531b3629;min-height:100svh;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,PingFang SC,Noto Sans SC,Arial,sans-serif;font-weight:400;overflow:hidden}.color-page *,.color-page :before,.color-page :after{box-sizing:border-box}.color-page h1,.color-page h2,.color-page h3,.color-page p,.color-page figure{margin-top:0}.color-page h1,.color-page h2{letter-spacing:-.055em;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-weight:400}.color-shell{width:min(1200px,100% - 56px);margin:0 auto}.color-kicker{color:var(--rose);letter-spacing:.18em;margin-bottom:20px;font-size:10px;font-weight:700}.color-nav{z-index:30;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.color-wordmark{color:var(--plum);letter-spacing:-.04em;font-family:Georgia,serif;font-size:23px}.color-wordmark span{color:var(--coral)}.color-nav nav{color:#7f6470;align-items:center;gap:30px;font-size:12px;display:flex}.color-nav nav a{transition:color .18s,transform .18s}.color-nav nav a:hover{color:var(--berry);transform:translateY(-1px)}.color-nav .color-nav-cta{color:#fff;background:var(--berry);border-radius:999px;padding:11px 17px;box-shadow:0 9px 22px #761c492e}.color-hero{background:radial-gradient(circle at 88% 17%,#dd92a96b,#0000 30%),radial-gradient(circle at 5% 86%,#eead7e52,#0000 25%),linear-gradient(135deg,#fff9f1 0%,#fae9e9 52%,#f1d8df 100%);min-height:100svh;padding:112px 0 54px;position:relative;overflow:hidden}.color-hero:before{content:"COLOR\a LOVES\a YOU";white-space:pre;color:#761c490b;letter-spacing:-.08em;pointer-events:none;font-family:Georgia,serif;font-size:clamp(110px,13vw,190px);font-weight:700;line-height:.72;position:absolute;bottom:-10px;left:-22px}.color-hero:after{content:"";opacity:.25;pointer-events:none;background-image:radial-gradient(#6320404d .65px,#0000 .65px);background-size:8px 8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 0% 38%,#000 78%,#0000 100%);mask-image:linear-gradient(100deg,#0000 0% 38%,#000 78%,#0000 100%)}.color-hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(510px,1fr);align-items:center;gap:clamp(42px,6vw,82px);min-height:calc(100svh - 166px);display:grid;position:relative}.color-hero-copy{z-index:5;padding:30px 0 18px;position:relative}.color-hero h1{max-width:680px;color:var(--plum);margin-bottom:26px;font-size:clamp(56px,5.8vw,82px);line-height:1.05}.color-hero h1>span{width:fit-content;color:var(--berry);display:block;position:relative}.color-hero h1>span:after{content:"";z-index:-1;background:#ee816b59;border-radius:999px 0;height:16px;position:absolute;bottom:4px;left:2%;right:-2%;transform:rotate(-1deg)}.color-hero h1 .color-title-tail{white-space:nowrap}.color-hero-lead{color:#765e69;max-width:560px;margin-bottom:34px;font-size:15px;line-height:1.85}.color-benefit-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf98c;border:1px solid #761c491f;border-radius:26px;grid-template-columns:repeat(3,1fr);gap:8px;max-width:610px;padding:12px;display:grid;box-shadow:0 18px 48px #5f1d3d14}.color-benefit-strip article{background:#fffdf9bf;border-radius:18px;min-height:126px;padding:18px 16px}.color-benefit-strip article:nth-child(2){background:#f4d4d9b8}.color-benefit-strip article:nth-child(3){background:#dce6f1bf}.color-benefit-strip strong{color:var(--berry);margin-bottom:11px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:19px;font-weight:400;display:block}.color-benefit-strip p{color:#816e77;margin-bottom:0;font-size:10px;line-height:1.7}.color-hero-visual{min-height:690px;position:relative}.color-art-panel{background:radial-gradient(circle at 78% 20%,#e681968c,#0000 30%),radial-gradient(circle at 18% 88%,#ee816b61,#0000 29%),linear-gradient(155deg,#4b1434 0%,#6f1b47 48%,#42152e 100%);border:1px solid #761c4933;border-radius:228px 228px 46px 46px;width:min(455px,74%);height:640px;position:absolute;top:1%;right:2%;overflow:hidden;transform:rotate(1.8deg);box-shadow:28px 35px 75px #5a19392e}.color-art-panel:before{content:"SEASON / COLOR / SELF";z-index:5;color:#fff7ef85;letter-spacing:.18em;font-size:7px;font-weight:700;position:absolute;bottom:24px;left:29px}.color-art-panel:after{content:"";z-index:6;pointer-events:none;border:1px solid #fff7ef2e;border-radius:214px 214px 35px 35px;position:absolute;inset:14px}.color-art-number{z-index:1;color:#0000;letter-spacing:-.12em;-webkit-text-stroke:1px #fff7ef52;font-family:Georgia,serif;font-size:250px;font-weight:700;line-height:.8;position:absolute;top:50px;left:22px}.color-art-title{z-index:5;color:#fff7efcc;letter-spacing:.14em;writing-mode:vertical-rl;font-family:Georgia,serif;font-size:10px;font-weight:700;position:absolute;top:163px;right:28px}.color-art-line{z-index:5;color:#fff7ef85;letter-spacing:.17em;font-size:7px;font-weight:700;position:absolute;top:245px;left:29px}.color-drape{z-index:2;opacity:.88;filter:saturate(.92);border:1px solid #ffffff29;border-radius:55% 45% 58% 42%;width:540px;height:115px;display:block;position:absolute;box-shadow:inset 0 15px 25px #ffffff24,0 20px 38px #1e051424}.color-drape-one{background:linear-gradient(90deg,#b83361,#ed846e 58%,#f4c1b0);top:305px;left:-215px;transform:rotate(17deg)}.color-drape-two{background:linear-gradient(90deg,#677d9c,#a3bddd 55%,#d4d8ef);top:390px;left:-135px;transform:rotate(-13deg)}.color-drape-three{background:linear-gradient(90deg,#685b91,#b39bbd 52%,#ddb6c7);top:470px;left:18px;transform:rotate(15deg)}.color-drape-four{background:linear-gradient(90deg,#365d5a,#819f8f 52%,#d9c77c);top:354px;left:135px;transform:rotate(-42deg)}.color-spectrum-disc{z-index:4;background:conic-gradient(#df795b 0deg 30deg,#eeb94d 30deg 60deg,#99b268 60deg 90deg,#6f927e 90deg 120deg,#3e7c80 120deg 150deg,#315077 150deg 180deg,#7770a0 180deg 210deg,#a17ea8 210deg 240deg,#d99ab0 240deg 270deg,#c13b67 270deg 300deg,#93404e 300deg 330deg,#9f6a43 330deg 360deg);border:12px solid #fffdf9e6;border-radius:50%;width:188px;height:188px;position:absolute;bottom:47px;right:46px;box-shadow:0 25px 50px #26071847}.color-spectrum-disc:after{content:"12";color:var(--plum);background:var(--paper);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:24px;font-weight:700;display:grid;position:absolute;inset:47px}.color-season-dots{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9cc;border-radius:999px;gap:4px;width:34px;padding:6px;display:grid;position:absolute;top:14%;right:-4px;box-shadow:0 14px 36px #4e123124}.color-season-dots i{border:2px solid #ffffffc2;border-radius:50%;width:22px;height:22px;display:block}.color-qr{z-index:8;width:264px;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9f0;border:1px solid #761c4933;border-radius:28px;padding:18px 19px 21px;position:absolute;bottom:3%;left:1%;transform:rotate(-2deg);box-shadow:16px 18px #761c491f,0 25px 65px #56173433}.color-qr-head{color:#8b6b79;letter-spacing:.1em;justify-content:center;align-items:center;gap:9px;margin-bottom:12px;font-size:8px;font-weight:700;display:flex}.color-qr-head i{background:var(--coral);border-radius:50%;width:4px;height:4px}.color-qr-code{aspect-ratio:1;background:#fff;border-radius:20px;place-items:center;width:158px;margin:0 auto 12px;display:grid;overflow:hidden}.color-qr-code img{width:100%;height:auto;display:block}.color-qr>strong{color:var(--berry);text-align:center;margin-bottom:6px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:18px;font-weight:400;display:block}.color-qr>p{color:#8c7680;text-align:center;margin-bottom:0;font-size:9px}.color-hero-note{z-index:6;color:var(--berry);letter-spacing:.08em;background:#fffdf9cc;border-radius:999px;padding:10px 13px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:10px;position:absolute;top:9%;left:8%;transform:rotate(-4deg);box-shadow:0 12px 30px #5b19381a}.color-why,.color-what,.color-xhs,.color-product,.color-final{padding:clamp(96px,11vw,150px) 0}.color-why{background:radial-gradient(circle at 92% 8%, #f4d4d9cc, transparent 25%), var(--paper);position:relative}.color-heading-row{grid-template-columns:1.05fr .95fr;align-items:end;gap:90px;margin-bottom:64px;display:grid}.color-heading-row h2,.color-what-copy h2,.color-xhs-intro h2,.color-final h2{color:var(--plum);margin-bottom:0;font-size:clamp(46px,5vw,68px);line-height:1.08}.color-heading-row>p{max-width:470px;color:var(--muted);margin-bottom:5px;font-size:14px;line-height:1.9}.color-why-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.color-why-grid article{background:#f6d8d8;border:1px solid #761c491a;border-radius:32px;min-height:330px;padding:27px 28px;position:relative;overflow:hidden;box-shadow:0 20px 55px #611f3e14}.color-why-grid article:nth-child(2){background:#e2e4f1;transform:translateY(24px)}.color-why-grid article:nth-child(3){background:#e6dfc7}.color-why-grid article:after{content:"";border:1px solid #761c4921;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-62px;right:-48px;box-shadow:inset 0 0 0 28px #ffffff1f,inset 0 0 0 56px #761c490a}.color-why-grid span{color:var(--berry);letter-spacing:.08em;font-family:Georgia,serif;font-size:11px}.color-why-grid h3{max-width:250px;color:var(--plum);margin:92px 0 15px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:27px;font-weight:400}.color-why-grid p{z-index:2;color:#765e69;max-width:275px;margin-bottom:0;font-size:11px;line-height:1.8;position:relative}.color-what{color:var(--paper);background:radial-gradient(circle at 8% 92%,#d95f8040,#0000 27%),linear-gradient(145deg,#4b1535,#6c1e47 70%,#7d2b52);position:relative}.color-what:before{content:"12";color:#ffffff0d;font-family:Georgia,serif;font-size:420px;line-height:1;position:absolute;top:-80px;right:-16px}.color-what-grid{z-index:2;grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(60px,8vw,110px);display:grid;position:relative}.color-what-copy{position:sticky;top:100px}.color-what .color-kicker{color:#f2a68e}.color-what-copy h2{color:#fff;margin-bottom:27px}.color-what-copy>p:not(.color-kicker){color:#fff7efad;max-width:440px;margin-bottom:32px;font-size:14px;line-height:1.9}.color-axis{color:#fff;border-top:1px solid #fff7ef3b;border-bottom:1px solid #fff7ef3b;justify-content:space-between;align-items:center;padding:18px 0;font-size:10px;font-weight:600;display:flex}.color-axis i{color:#f2a68e;font-family:Georgia,serif;font-style:normal}.color-season-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-season-list article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf417;border:1px solid #fff7ef3d;border-radius:28px;grid-template-rows:auto 78px auto 1fr;grid-template-columns:1fr auto;gap:18px;min-height:300px;padding:23px;display:grid;box-shadow:inset 0 1px #ffffff1f}.color-season-list article:nth-child(2),.color-season-list article:nth-child(3){background:#fffaf424}.color-season-name{align-items:flex-end;gap:9px;display:flex}.color-season-name strong{color:#fff;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:53px;font-weight:400;line-height:1}.color-season-name span{color:#fff7ef7a;letter-spacing:.12em;margin-bottom:5px;font-size:7px;font-weight:700}.color-season-swatches{border-radius:18px;grid-column:1/span 2;grid-template-columns:repeat(3,1fr);height:78px;display:grid;overflow:hidden}.color-season-swatches i{display:block}.color-season-list article>p{color:#fff7ef99;letter-spacing:.05em;grid-column:1/span 2;margin:-2px 0 0;font-size:9px}.color-season-list ul{grid-column:1/span 2;align-self:end;gap:7px;margin:0;padding:0;list-style:none;display:flex}.color-season-list li{color:#fff7efc2;border:1px solid #fff7ef2e;border-radius:999px;padding:7px 10px;font-size:9px}.color-xhs{background:radial-gradient(circle at 92% 18%,#ffffff8c,#0000 24%),#f3d8d8;position:relative}.color-xhs:before{content:"NO FILTER";color:#761c490e;letter-spacing:-.08em;white-space:nowrap;font-family:Georgia,serif;font-size:clamp(100px,14vw,205px);font-weight:700;position:absolute;bottom:12px;left:-20px}.color-xhs .color-shell{z-index:2;grid-template-columns:.86fr 1.14fr;gap:clamp(70px,9vw,130px);display:grid;position:relative}.color-xhs-intro h2{margin-bottom:27px}.color-xhs-intro>p:last-child{color:#7f6570;max-width:430px;margin-bottom:0;font-size:14px;line-height:1.9}.color-xhs-list{gap:13px;display:grid}.color-xhs-list article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9a6;border:1px solid #761c491f;border-radius:26px;grid-template-columns:48px 1fr;gap:17px;min-height:160px;padding:25px 27px;display:grid;box-shadow:0 18px 45px #66204012}.color-xhs-list article:nth-child(2){margin-left:34px}.color-xhs-list article>span{color:var(--rose);font-family:Georgia,serif;font-size:11px}.color-xhs-list h3{color:var(--plum);margin-bottom:11px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:24px;font-weight:400}.color-xhs-list p{color:#806a74;max-width:590px;margin-bottom:0;font-size:11px;line-height:1.8}.color-product{background:radial-gradient(circle at 10% 10%,#dce6f1cc,#0000 28%),linear-gradient(150deg,#fffaf4,#eee7f0 64%,#eadde3);position:relative}.color-product-heading h2{color:var(--plum)}.color-product-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(70px,9vw,125px);display:grid}.color-screens{min-height:720px;position:relative}.color-screens:before{content:"";background:linear-gradient(145deg,#d95f8038,#8b7aac38);border-radius:48% 52% 44% 56%;width:490px;height:570px;position:absolute;top:8%;left:8%;transform:rotate(-8deg)}.color-screen{background:var(--paper);border:1px solid #761c4926;border-radius:36px;width:300px;height:635px;margin:0;padding:8px;position:absolute;box-shadow:0 28px 65px #5418342b}.color-screen img{object-fit:cover;object-position:top center;border-radius:29px;width:100%;height:100%;display:block}.color-screen figcaption{color:#fff;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4e1231c7;border-radius:999px;padding:8px 11px;font-size:8px;position:absolute;bottom:16px;left:18px}.color-screen-result{top:47px;left:0;transform:rotate(-5deg)}.color-screen-palette{top:0;right:0;transform:rotate(5deg)}.color-feature-list{gap:12px;display:grid}.color-feature-list article{background:#fffdf9ad;border:1px solid #761c491f;border-radius:22px;grid-template-columns:45px 1fr;gap:16px;padding:21px 22px;transition:transform .18s,background .18s;display:grid}.color-feature-list article:hover{background:#fffdf9f0;transform:translate(-6px)}.color-feature-list article>span{color:var(--rose);font-family:Georgia,serif;font-size:11px}.color-feature-list h3{color:var(--plum);margin-bottom:8px;font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:23px;font-weight:400}.color-feature-list p{color:#7e6973;margin-bottom:0;font-size:11px;line-height:1.8}.color-boundary{background:var(--paper);padding:48px 0}.color-boundary .color-shell{background:0 0;border-top:1px solid #761c4933;border-bottom:1px solid #761c4933;grid-template-columns:235px 1fr;align-items:stretch;gap:42px;padding:8px 34px 8px 0;display:grid;position:relative}.color-boundary .color-shell:before{content:"NOTE";color:#761c490b;letter-spacing:-.08em;pointer-events:none;font-family:Georgia,serif;font-size:76px;font-weight:700;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.color-boundary-label{border-right:1px solid #761c4929;flex-direction:column;justify-content:center;gap:9px;padding:24px 30px;display:flex}.color-boundary-label span{color:var(--rose);letter-spacing:.15em;font-family:Georgia,serif;font-size:8px;font-weight:700}.color-boundary-label strong{color:var(--berry);font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:18px;font-weight:400}.color-boundary-copy{z-index:1;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:38px;padding:21px 0;display:grid;position:relative}.color-boundary-copy>strong{color:var(--plum);font-family:Songti SC,Noto Serif SC,STSong,Georgia,serif;font-size:22px;font-weight:400;line-height:1.45}.color-boundary-copy p{color:#85717a;max-width:660px;margin-bottom:0;font-size:10px;line-height:1.9}.color-final{color:#fff;background:radial-gradient(circle at 85% 10%,#ee816b61,#0000 31%),linear-gradient(135deg,#4b1231,#761c49 62%,#922b56);position:relative;overflow:hidden}.color-final:before{content:"BEAUTIFUL";color:#ffffff0d;letter-spacing:-.08em;font-family:Georgia,serif;font-size:clamp(110px,17vw,250px);font-weight:700;line-height:.8;position:absolute;bottom:-48px;left:-34px}.color-final .color-kicker{color:#f4b2a0}.color-final-grid{z-index:2;grid-template-columns:1fr 440px;align-items:center;gap:86px;display:grid;position:relative}.color-final h2{color:#fff;margin-bottom:26px}.color-final-grid>div:first-child>p:last-child{color:#fff7efa8;margin-bottom:0;font-size:13px}.color-qr-footer{width:100%;color:var(--ink);border-radius:28px;grid-template-rows:auto auto auto;grid-template-columns:145px 1fr;column-gap:22px;padding:23px;display:grid;position:relative;inset:auto;transform:rotate(1.5deg);box-shadow:15px 17px #ffffff1a,0 25px 60px #2a071a40}.color-qr-footer .color-qr-head{grid-column:2;justify-content:flex-start;margin:7px 0 13px}.color-qr-footer .color-qr-code{grid-area:1/1/span 3;width:145px;margin:0}.color-qr-footer>strong,.color-qr-footer>p{text-align:left;grid-column:2}.color-footer{color:#8d747f;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:118px;font-size:10px;display:grid}.color-footer p{margin-bottom:0}.color-footer>a:last-child{justify-self:end}@media (max-width:1060px){.color-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:28px}.color-hero h1{font-size:clamp(52px,5.8vw,68px)}.color-art-panel{width:390px;height:600px}.color-screen{width:265px;height:570px}.color-screens{min-height:650px}}@media (max-width:840px){.color-nav nav a:not(.color-nav-cta){display:none}.color-hero-grid,.color-heading-row,.color-what-grid,.color-xhs .color-shell,.color-product-grid,.color-final-grid{grid-template-columns:1fr}.color-hero-grid{gap:22px}.color-hero-copy{max-width:690px;padding-top:12px}.color-hero-visual{width:min(620px,100%);min-height:680px;margin:0 auto}.color-art-panel{width:min(440px,76%);height:640px;right:3%}.color-heading-row,.color-xhs .color-shell,.color-product-grid,.color-final-grid{gap:40px}.color-why-grid{grid-template-columns:1fr}.color-why-grid article{min-height:240px}.color-why-grid article:nth-child(2){transform:none}.color-why-grid h3{margin-top:45px}.color-what-copy{position:static}.color-xhs-list article:nth-child(2){margin-left:0}.color-screens{width:min(590px,100%);margin:0 auto}.color-qr-footer{max-width:470px}}@media (max-width:600px){.color-shell{width:min(100% - 30px,1200px)}.color-nav{height:68px}.color-nav .color-nav-cta{padding:9px 13px}.color-hero{min-height:auto;padding:94px 0 70px}.color-hero h1{margin-bottom:20px;font-size:clamp(43px,12vw,52px);line-height:1.07}.color-hero-lead{margin-bottom:27px;font-size:13px}.color-benefit-strip{border-radius:21px;grid-template-columns:1fr;gap:6px;padding:8px}.color-benefit-strip article{border-radius:15px;grid-template-columns:70px 1fr;align-items:center;gap:12px;min-height:auto;padding:12px 13px;display:grid}.color-benefit-strip strong,.color-benefit-strip p{margin-bottom:0}.color-benefit-strip strong{font-size:17px}.color-hero-visual{min-height:575px}.color-art-panel{border-radius:180px 180px 38px 38px;width:78%;height:550px;top:12px;right:0}.color-art-panel:after{border-radius:170px 170px 31px 31px}.color-art-number{font-size:190px;top:48px}.color-art-line{top:205px}.color-drape{width:440px;height:92px}.color-drape-one{top:280px}.color-drape-two{top:350px}.color-drape-three{top:420px}.color-drape-four{top:326px}.color-spectrum-disc{border-width:9px;width:145px;height:145px;bottom:35px;right:28px}.color-spectrum-disc:after{font-size:19px;inset:36px}.color-qr:not(.color-qr-footer){border-radius:23px;width:210px;padding:14px 14px 17px;top:50px;bottom:auto;left:0;box-shadow:10px 12px #761c4921,0 20px 48px #56173433}.color-qr-code{border-radius:16px;width:126px;margin-bottom:9px}.color-qr>strong{font-size:16px}.color-qr>p{font-size:8px}.color-season-dots{top:20%;right:-8px}.color-hero-note{font-size:9px;top:8px;left:auto;right:56px}.color-why,.color-what,.color-xhs,.color-product,.color-final{padding:82px 0}.color-heading-row{gap:24px;margin-bottom:44px}.color-heading-row h2,.color-what-copy h2,.color-xhs-intro h2,.color-final h2{font-size:clamp(40px,11vw,52px)}.color-why-grid article{border-radius:25px;min-height:225px;padding:23px}.color-why-grid h3{margin:36px 0 12px;font-size:24px}.color-season-list{grid-template-columns:1fr}.color-season-list article{min-height:280px}.color-what:before{font-size:260px;top:-40px;right:-55px}.color-xhs-list article{border-radius:22px;min-height:150px;padding:22px}.color-screens{min-height:500px}.color-screens:before{width:85%;height:410px;left:7%}.color-screen{border-radius:27px;width:205px;height:445px;padding:6px}.color-screen img{border-radius:21px}.color-screen-result{left:-1%}.color-screen-palette{right:-1%}.color-boundary .color-shell{grid-template-columns:1fr;gap:0;padding:0}.color-boundary-label{border-bottom:1px solid #761c4921;border-right:0;padding:20px 4px 14px}.color-boundary-copy{grid-template-columns:1fr;gap:10px;padding:20px 4px 22px}.color-boundary-copy>strong{font-size:21px}.color-boundary .color-shell:before{font-size:54px;top:20px;right:2px;transform:none}.color-qr-footer{grid-template-columns:108px 1fr;column-gap:14px;padding:18px;transform:none}.color-qr-footer .color-qr-code{width:108px}.color-qr-footer .color-qr-head{margin-top:0;font-size:7px}.color-qr-footer>strong{font-size:17px}.color-qr-footer>p{font-size:8px}.color-footer{grid-template-columns:1fr 1fr;min-height:140px}.color-footer p{display:none}}@media (prefers-reduced-motion:reduce){.color-page *,.color-page :before,.color-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}