.moodsboard-about{--about-border:#56443624;--about-shadow:#34261824;--about-paper:#f9f5eecc;--about-caption:#736558;--about-title:#2c2622;--about-copy:#4d433b;--about-parallax:0px;box-shadow:0 24px 40px -30px var(--about-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 0 0,#fff4dcc7,#0000 32%),linear-gradient(#fffbf6e0,#f2eadfd1);border:1px solid #ffffff8a;border-radius:28px;margin:2rem 0 0;padding:1.5rem}.moodsboard-about__intro{text-align:center;max-width:42rem;margin:0 auto 1.5rem}.moodsboard-about__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--about-caption);margin:0 0 .5rem;font-size:.8rem}.moodsboard-about__intro h2{letter-spacing:.03em;color:var(--about-title);margin:0;font-size:clamp(2rem,4vw,3rem)}.moodsboard-about__tagline{color:var(--about-copy);margin:.8rem 0 0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.7}.moodsboard-about__family-row{border-top:1px solid var(--about-border);border-bottom:1px solid var(--about-border);color:var(--about-caption);grid-template-columns:minmax(11rem,1.2fr) repeat(3,minmax(0,1fr));align-items:center;gap:.75rem 1rem;margin:0 auto 2rem;padding:.9rem 0 .95rem;display:grid}.moodsboard-about__family-row span{letter-spacing:.15em;text-transform:uppercase;font-size:.78rem}.moodsboard-about__family-label{justify-self:start}.moodsboard-about__family-item{background:#ffffff57;border:1px solid #7365581f;border-radius:999px;justify-self:center;padding:.35rem .6rem}.moodsboard-about__grid{grid-template-columns:minmax(280px,.95fr) minmax(0,1.15fr);align-items:start;gap:2.2rem;display:grid}.moodsboard-about__images{gap:1.1rem;display:grid}.moodsboard-about__image-block{box-shadow:0 20px 34px -28px var(--about-shadow);opacity:0;background:#ffffff8a;border:1px solid #ffffff8f;border-radius:22px;margin:0;padding:.7rem;animation:.9s forwards moodsboard-about-fade-in}.moodsboard-about__image-block:first-child{animation-delay:.12s}.moodsboard-about__image-block:nth-child(2){animation-delay:.26s}.moodsboard-about__image-block:nth-child(3){animation-delay:.4s}.moodsboard-about__image-block img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%;display:block}.moodsboard-about__image-block figcaption{letter-spacing:.16em;text-transform:uppercase;color:var(--about-caption);margin-top:.7rem;font-size:.76rem}.moodsboard-about__content{transform:translateY(var(--about-parallax));will-change:transform;transition:transform .28s ease-out}.moodsboard-about__section{border:1px solid var(--about-border);background:var(--about-paper);box-shadow:0 14px 28px -24px var(--about-shadow);border-radius:20px;padding:1.2rem 1.35rem}.moodsboard-about__section+.moodsboard-about__section{margin-top:.85rem}.moodsboard-about__section h3{letter-spacing:.14em;text-transform:uppercase;color:var(--about-caption);margin:0 0 .45rem;font-size:.94rem}.moodsboard-about__section p,.moodsboard-about__section li{color:var(--about-copy);margin:0;font-size:.98rem;line-height:1.72}.moodsboard-about__section ul{margin:0;padding-left:1.15rem}.moodsboard-about__section li+li{margin-top:.35rem}@keyframes moodsboard-about-fade-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.moodsboard-about{border-radius:22px;padding:1.15rem}.moodsboard-about__intro{text-align:left;margin-bottom:1rem}.moodsboard-about__family-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1.2rem;padding:.7rem 0 .8rem}.moodsboard-about__family-label{grid-column:1/-1;justify-self:start;margin-bottom:.15rem}.moodsboard-about__family-item{text-align:center;letter-spacing:.12em;justify-self:stretch;padding:.5rem .4rem;font-size:.72rem}.moodsboard-about__grid{grid-template-columns:1fr;gap:1rem}.moodsboard-about__images{gap:.8rem}.moodsboard-about__image-block{border-radius:18px;padding:.55rem}.moodsboard-about__image-block img{aspect-ratio:16/11}.moodsboard-about__content{transform:none}.moodsboard-about__section{padding:1rem 1rem 1.05rem}}@media (prefers-reduced-motion:reduce){.moodsboard-about__image-block{opacity:1;animation:none}.moodsboard-about__content{transition:none;transform:none}}.moodsboard-hero{background:radial-gradient(circle at 50% 35%,#beaaff29,#0000 52%),radial-gradient(circle at 10% 18%,#70a0cc1f,#0000 34%),linear-gradient(135deg,#08080ef2,#181224eb 48%,#12141ef5);border-radius:18px;width:100%;margin:1rem 0 2rem;position:relative;overflow:hidden;box-shadow:0 18px 42px #08061042,inset 0 0 0 1px #d8d0ff1a,0 0 0 1px #ffffff08}.moodsboard-hero__image{object-fit:cover;object-position:center;transform-origin:50%;filter:contrast(1.08)saturate(1.05)brightness(1.02);width:100%;height:clamp(280px,42vw,460px);transition:transform 6s,filter .42s;display:block;transform:scale(1.01)}.moodsboard-hero:hover .moodsboard-hero__image{transform:scale(1.04)}.moodsboard-hero__grain{pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");position:absolute;inset:0}.moodsboard-hero:before{content:"";filter:blur(.2px);pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 0,#e8e1ff29,#0000 42%),radial-gradient(circle at 50% 100%,#8496d21f,#0000 36%);border-radius:15px;position:absolute;inset:.35rem;box-shadow:inset 0 0 0 1px #ffffff08,0 0 30px #9d89d414}.moodsboard-hero:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff0d 0%,#0000 18% 78%,#07060c29 100%);position:absolute;inset:0}.moodsboard-hero__content{text-align:center;z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem 2rem;display:flex;position:absolute;inset:0}.moodsboard-hero__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#dcd2ffbf;margin:0 0 .35rem;font-size:.75rem}.moodsboard-hero__title{letter-spacing:.04em;color:#f8f6ff;text-shadow:0 2px 12px #00000080;margin:0 0 .25rem;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700}@media (width<=900px){.moodsboard-hero{margin:1rem 0 1.75rem}}.moodsboard-hero__label{letter-spacing:.06em;text-transform:uppercase;color:#c4afffe6;margin:0 0 .15rem;font-size:.9rem;font-weight:600}.moodsboard-hero__subtitle{color:#dcd7f0b3;margin:0;font-size:.85rem}.moodsboard-hero--spring .moodsboard-hero__overlay{background:linear-gradient(#14321e14,#14321e80)}.moodsboard-hero--summer .moodsboard-hero__overlay{background:linear-gradient(#3c280a14,#3c280a80)}.moodsboard-hero--autumn .moodsboard-hero__overlay{background:linear-gradient(#32140514,#3214058a)}.moodsboard-hero--winter .moodsboard-hero__overlay{background:linear-gradient(#0a143214,#0a14328a)}@media (prefers-reduced-motion:reduce){.moodsboard-hero:hover .moodsboard-hero__image{transform:scale(1.01)}}.moodsboard-intro{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#16121e8c;border:1px solid #9682be59;border-radius:18px;margin:2rem 0;padding:2rem 2.25rem;animation:10s ease-in-out infinite seasonal-border-shift;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059}.moodsboard-intro:before{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");position:absolute;inset:0}.moodsboard-intro__title{letter-spacing:.05em;text-transform:uppercase;color:#f8f6ff;margin:0 0 1.5rem;font-size:1.4rem;font-weight:600}.moodsboard-intro__heading{color:#eae6ff;letter-spacing:.03em;outline:none;margin:1.5rem 0 .5rem;padding-left:1.75rem;font-size:1.05rem;font-weight:600;position:relative}.moodsboard-intro__heading:focus-visible{outline-offset:6px;border-radius:4px;outline:2px solid #c4afffcc}.moodsboard-intro__heading:after{content:attr(data-tooltip);color:#efe9ff;letter-spacing:.01em;opacity:0;transform-origin:0 0;pointer-events:none;z-index:8;background:#14101ceb;border:1px solid #bea5ff59;border-radius:10px;max-width:min(32ch,80vw);padding:.55rem .75rem;font-size:.8rem;font-weight:500;line-height:1.45;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + .6rem);left:1.75rem;transform:translateY(-4px)scale(.98);box-shadow:0 12px 28px #0006,0 0 16px #aa91f538}.moodsboard-intro__heading:hover:after,.moodsboard-intro__heading:focus-visible:after{opacity:1;transform:translateY(0)scale(1)}.moodsboard-intro__text{color:#e7e4f2;max-width:65ch;margin:0 0 .75rem;font-size:1rem;line-height:1.7}.moodsboard-intro:after{content:"";background:linear-gradient(#b496ffcc,#785ac866);border-radius:6px;width:6px;height:100%;animation:3.5s ease-in-out infinite glow-breathe;position:absolute;top:0;left:0;box-shadow:0 0 18px #b496ff99}.moodsboard-intro__heading:before{content:"";background:radial-gradient(circle at 30% 30%, hsl(calc(300 - var(--orb-progress,0) * 60), 90%, 92%), hsl(calc(260 + var(--orb-progress,0) * 70), 65%, 68%));border-radius:50%;width:.9rem;height:.9rem;transition:background .4s;animation:4s ease-in-out infinite orb-pulse;position:absolute;top:.35rem;left:0;box-shadow:0 0 8px #b496ff99}.mode-day .moodsboard-intro__heading:before{background:radial-gradient(circle,#fff7d1,#ffd98a)}.mode-evening .moodsboard-intro__heading:before{background:radial-gradient(circle,#ffd4e8,#d88ac7)}.mode-rain .moodsboard-intro__heading:before{background:radial-gradient(circle,#cfe7ff,#8bb7e8)}.mode-cinematic .moodsboard-intro__heading:before{background:radial-gradient(circle,#f8f6ff,#b497ff)}.mode-day .moodsboard-intro{color:#3a2f2a;background:#fff5e18c;border-color:#ffd29673}.mode-evening .moodsboard-intro{color:#f3e8ff;background:#3c28468c;border-color:#c896dc73}.mode-rain .moodsboard-intro{color:#e8f2ff;background:#283c508c;border-color:#8cb4dc73}.mode-cinematic .moodsboard-intro{color:#f8f6ff;background:#16121e8c;border-color:#9682be73}@keyframes glow-breathe{0%,to{opacity:.75;box-shadow:0 0 10px #b496ff59}50%{opacity:1;box-shadow:0 0 28px #b496ffe6}}@keyframes seasonal-border-shift{0%{border-color:#9682be73}20%{border-color:#82aaff80}40%{border-color:#c8a0f080}60%{border-color:#64b4d273}80%{border-color:#be9bdc80}to{border-color:#9682be73}}@keyframes orb-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px #b496ff66}50%{transform:scale(1.12);box-shadow:0 0 14px #c8aaffd9}}.cinematic-divider{background:linear-gradient(90deg,#0000,#b496ff8c 20%,#c8aaffd9 50%,#b496ff8c 80%,#0000);height:1px;margin:2rem 0;position:relative;box-shadow:0 0 10px #b496ff33}.cinematic-divider:after{content:"";background:radial-gradient(circle,#f8f6ff 20%,#b497ff);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #b496ffd9}.moodsboard-intro__footer{text-align:center;border-top:1px solid #9682be4d;margin-top:2rem;padding-top:1rem}.moodsboard-intro__footer-text{letter-spacing:.08em;text-transform:uppercase;color:#dcd2ff99;margin:0;font-size:.85rem}@media (prefers-reduced-motion:reduce){.moodsboard-intro,.moodsboard-intro:after,.moodsboard-intro__heading:before{animation:none}.moodsboard-intro__heading:after{transition:none}}.moodsboard-hero__orb{z-index:2;filter:blur(2px);border-radius:50%;width:120px;height:120px;transition:background .6s,box-shadow .6s;animation:8s ease-in-out infinite alternate orbFloat;position:absolute;top:30%;right:18%}@keyframes orbFloat{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.moodsboard-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:18px;width:100%;height:clamp(280px,42vw,460px);margin-bottom:2rem;position:relative;overflow:hidden}.moodsboard-hero__overlay{background:#14101c47;position:absolute;inset:0}.moodsboard-hero__title{color:#f8f6ff;letter-spacing:.04em;z-index:2;font-size:2rem;position:absolute;bottom:1.5rem;left:1.75rem}.mode-day .moodsboard-hero{background-image:url(/images/day-dawn-glow.jpg)}.mode-evening .moodsboard-hero{background-image:url(/images/evening-cloudy-haze.jpg)}.mode-rain .moodsboard-hero{background-image:url(/images/weather-rain-streak-blur.jpg)}.mode-snow .moodsboard-hero{background-image:url(/images/weather-snow-grain.jpg)}.mode-cinematic .moodsboard-hero{background-image:url(/images/cinematic-atmosphere.jpg)}.moodsboard-hero{transition:background-image .6s,filter .6s}.mode-cinematic .moodsboard-hero__overlay{background:radial-gradient(circle at 70% 30%,#fff0ff40,#14101c8c)}.app.season-spring .moodsboard-hero{background-image:url(/images/season-spring-haze.jpg)}.app.season-summer .moodsboard-hero{background-image:url(/images/season-summer-dawn.jpg)}.app.season-autumn .moodsboard-hero{background-image:url(/images/season-autumn-haze.jpg)}.app.season-winter .moodsboard-hero{background-image:url(/images/season-winter-snowgrain.jpg)}.app.mode-day .moodsboard-hero__orb{background:radial-gradient(circle,#fff7d1,#ffd98a);box-shadow:0 0 40px #ffd78c99}.app.mode-evening .moodsboard-hero__orb{background:radial-gradient(circle,#ffd4e8,#d88ac7);box-shadow:0 0 40px #d88ac799}.app.mode-rain .moodsboard-hero__orb{background:radial-gradient(circle,#cfe7ff,#8bb7e8);box-shadow:0 0 40px #8bb7e899}.app.mode-snow .moodsboard-hero__orb{background:radial-gradient(circle,#e8f2ff,#bcd4f5);box-shadow:0 0 40px #bcd4f599}.app.mode-cinematic .moodsboard-hero__orb{background:radial-gradient(circle,#f8f6ff,#b497ff);box-shadow:0 0 50px #b497ffb3}.moodsboard-hero__shimmer{opacity:.25;mix-blend-mode:screen;z-index:2;background:linear-gradient(120deg,#0000 0%,#ffffff26 50%,#0000 100%);animation:6s ease-in-out infinite shimmerMove;position:absolute;inset:0}@keyframes shimmerMove{0%{transform:translate(-40%)}to{transform:translate(40%)}}.app.mode-day .moodsboard-hero__shimmer{background:linear-gradient(120deg,#0000,#ffe6b440,#0000)}.app.mode-evening .moodsboard-hero__shimmer{background:linear-gradient(120deg,#0000,#ffb4dc40,#0000)}.app.mode-rain .moodsboard-hero__shimmer{background:linear-gradient(120deg,#0000,#b4d2ff40,#0000)}.app.mode-snow .moodsboard-hero__shimmer{background:linear-gradient(120deg,#0000,#dcf0ff40,#0000)}.app.mode-cinematic .moodsboard-hero__shimmer{background:linear-gradient(120deg,#0000,#c8a0ff40,#0000)}.moodsboard-hero{background-size:110%;animation:22s ease-in-out infinite alternate heroDrift}@keyframes heroDrift{0%{background-position:50%}to{background-position:52% 48%}}.moodsboard-hero__quote:before{content:""}.moodsboard-hero__quote{z-index:4;text-align:center;width:min(92%,42rem);position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.moodsboard-hero__quote:before{content:"";color:#f4f1fff0;letter-spacing:.02em;text-shadow:0 3px 10px #00000073;font-size:clamp(.85rem,1.8vw,1rem);font-style:italic;display:block}.moodsboard-hero--spring .moodsboard-hero__quote:before{content:"“New light, new colour, new beginnings.”"}.moodsboard-hero--summer .moodsboard-hero__quote:before{content:"“Warmth, brightness, and open skies.”"}.moodsboard-hero--autumn .moodsboard-hero__quote:before{content:"“Soft amber, quiet shifts, gentle change.”"}.moodsboard-hero--winter .moodsboard-hero__quote:before{content:"“Stillness, clarity, and quiet light.”"}:root{--ink:#1b1d24;--paper:#f8f3ea;--accent:#bc6c25;--accent-soft:#dda15e;--card:#ffffffa8;--shadow:#1f160a1f}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 0,#ffe1b399,#0000 40%),radial-gradient(circle at 80% 10%,#aed8ff66,#0000 36%),linear-gradient(#f6efe4 0%,#ebe0d1 100%);min-height:100vh;margin:0;font-family:Dosis,sans-serif}#root{min-height:100vh}.startup-splash{z-index:120;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f8f3ead1,#ebe0d1f0);place-items:center;animation:1.8s forwards startup-splash-fade;display:grid;position:fixed;inset:0}.startup-splash__veil{background:radial-gradient(circle at 50% 24%,#ffecd2eb,#0000 34%),radial-gradient(circle at 72% 72%,#7ebee64d,#0000 32%),radial-gradient(circle at 18% 70%,#e9a9b552,#0000 28%);position:absolute;inset:0}.startup-splash__content{text-align:center;width:min(100%,24rem);position:relative}.startup-splash__orb{filter:drop-shadow(0 28px 40px #847aaa2e);width:min(68vw,18rem);margin:0 auto 1.85rem;animation:1.8s both startup-orb-float;display:block;transform:translateY(clamp(-2.2rem,-8vh,-.9rem))}.startup-splash__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#5b473adb;margin:0;font-size:.82rem}.startup-splash__title{color:#382a2e;margin:.25rem 0 0;font-size:clamp(2rem,10vw,3.4rem);line-height:.95}.startup-splash__text{color:#3f3027d6;width:min(100%,18rem);margin:.65rem auto 0;font-size:.98rem}.app-shell{width:min(1100px,92vw);margin:0 auto;padding:2.4rem 0 3rem}.scroll-buttons{z-index:20;gap:.45rem;padding:.25rem;display:grid;position:fixed;bottom:1.35rem;right:max(1.45rem,50vw - 550px + 1rem)}.scroll-button{aspect-ratio:1;color:#3f3027;cursor:pointer;width:2.55rem;font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.86;background:linear-gradient(135deg,#ddf5d7bd,#b8a7d89e 52%,#f6c9a8a8),#fffaf0ad;border:1px solid #5b473a3d;border-radius:999px;font-size:1.08rem;line-height:1;position:relative;overflow:hidden;box-shadow:0 12px 22px -18px #1f160a94,inset 0 0 0 1px #ffffff57}.scroll-button:after{content:"";border-radius:inherit;opacity:.58;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff85 45%,#0000 72%);position:absolute;inset:2px;transform:translate(-38%)}.scroll-button:hover,.scroll-button:focus-visible{background:linear-gradient(135deg,#ddf5d7f5,#b8a7d8d1 52%,#f6c9a8e0),#fffffff0;border-color:#bc6c2561;outline:none;transform:translateY(-1px)}.scroll-button:hover:after,.scroll-button:focus-visible:after{animation:.9s forwards scroll-button-sheen}@keyframes scroll-button-sheen{0%{transform:translate(-55%)}to{transform:translate(55%)}}.hero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 30px -20px var(--shadow);background:#ffffff85;border:1px solid #fff9;border-radius:20px;padding:1.5rem 1.2rem}.kicker{text-transform:uppercase;letter-spacing:.14em;color:#6c584c;margin:0}.hero h1{margin:.3rem 0;font-size:clamp(2rem,6vw,3.6rem)}.subtitle{color:#5b473a;margin:0;font-size:1.1rem}.filters{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.seasonal-atmosphere{background:#ffffff52;border:1px solid #6c584c29;border-radius:12px;flex-wrap:wrap;gap:.45rem;margin-top:.85rem;padding:.32rem;display:inline-flex}.atmosphere-chip{color:#5b473a;cursor:pointer;min-height:2.15rem;font:inherit;background:linear-gradient(135deg,#ddf5d752,#b8a7d833 52%,#f6c9a83d),0 0;border:1px solid #0000;border-radius:8px;padding:.42rem .72rem;line-height:1.15;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s,background-color .22s;position:relative;overflow:hidden}.atmosphere-chip:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff70 46%,#0000 72%);position:absolute;inset:1px;transform:translate(-55%)}.atmosphere-chip:hover,.atmosphere-chip:focus-visible{background:linear-gradient(135deg,#ddf5d77a,#b8a7d857 52%,#f6c9a861),#ffffff80;outline:none;text-decoration:none;transform:translateY(-1px)}.atmosphere-chip:hover:after,.atmosphere-chip:focus-visible:after{opacity:1;animation:.9s forwards family-link-sheen}.atmosphere-chip--active{color:#33251f;background:linear-gradient(135deg,#ddf5d7b8,#b8a7d885 52%,#f6c9a894),#fffaf0d1;border-color:#bc6c2547;box-shadow:0 8px 18px -16px #3f30278c}.chip{color:#3f3027;cursor:pointer;font:inherit;background:#f9f2e5;border:1px solid #b8a08a;border-radius:999px;justify-content:center;align-items:center;min-height:2.35rem;padding:.5rem .95rem;line-height:1.2;text-decoration:none;display:inline-flex}.chip-day{color:#31443a;background:linear-gradient(135deg,#ddf5d7 0%,#fff0c8 48%,#f28b5b 100%);border-color:#69c58fe6;box-shadow:inset 0 0 0 1px #f9f9f659}.chip-evening{color:#fff7ea;background:linear-gradient(135deg,#6f3425 0%,#d49a66 36%,#517ba6 68%,#111c2e 100%);border-color:#6f3425b8;box-shadow:inset 0 0 0 1px #f8eed52e}.chip-impressionist{color:#2f2a4d;background:linear-gradient(135deg,#8db9d4 0%,#b8a7d8 35%,#e9a9b5 68%,#f5e8cf 100%);border-color:#7f8bcbb8;box-shadow:inset 0 0 0 1px #ffffff52}.chip-weather{color:#18222a;background:linear-gradient(135deg,#dde1e6 0%,#b8c0cc 34%,#8fb88a 68%,#4a525c 100%);border-color:#6a7480c7}.chip-morning{color:#3c342b;background:linear-gradient(135deg,#eaf3ef 0%,#f6c9a8 50%,#a7cde0 100%);border-color:#f6c9a8db}.chip-afternoon{color:#243541;background:linear-gradient(135deg,#f8d66d 0%,#69a9d8 48%,#78be7c 100%);border-color:#69a9d8c7}.chip-midnight{color:#f7f1e7;background:linear-gradient(135deg,#080b18 0%,#101b33 42%,#3d315f 76%,#c9d3df 100%);border-color:#3d315fcc}.chip-day:hover,.chip-day:focus-visible{filter:saturate(1.08)brightness(1.02)}.chip-evening:hover,.chip-evening:focus-visible{filter:saturate(1.1)brightness(1.04)}.chip-active{border-color:var(--accent);background:linear-gradient(135deg, var(--accent), var(--accent-soft));color:#fff}.chip-day.chip-active{color:#23382f;background:linear-gradient(135deg,#69c58f 0%,#f7c77e 45%,#f28b5b 100%);border-color:#69c58f;box-shadow:0 8px 18px -14px #496f55b3,inset 0 0 0 1px #ffffff61}.chip-evening.chip-active{color:#fff7ea;background:linear-gradient(135deg,#111c2e 0%,#6f3425 42%,#a95832 72%,#d49a66 100%);border-color:#d49a66;box-shadow:0 9px 20px -13px #0f1c2ed9,inset 0 0 0 1px #ffe5b34d}.chip-impressionist.chip-active{color:#fffaf0;background:linear-gradient(135deg,#70a9c7 0%,#7f8bcb 30%,#d98292 66%,#f5d77a 100%);border-color:#7f8bcb;box-shadow:0 9px 20px -14px #4d4988b8,inset 0 0 0 1px #ffffff47}.chip-weather.chip-active{color:#fffaf0;background:linear-gradient(135deg,#f2efea 0%,#b8c0cc 35%,#6a7480 72%,#223e5c 100%);border-color:#6a7480;box-shadow:0 9px 20px -14px #223e5cb8,inset 0 0 0 1px #ffffff3d}.chip-morning.chip-active{color:#33251f;background:linear-gradient(135deg,#a7cde0 0%,#f8dfaf 48%,#f6c9a8 100%);border-color:#f6c9a8}.chip-afternoon.chip-active{color:#102438;background:linear-gradient(135deg,#69a9d8 0%,#78be7c 46%,#f8d66d 100%);border-color:#69a9d8}.chip-midnight.chip-active{color:#fffaf0;background:linear-gradient(135deg,#080b18 0%,#0d4c5a 45%,#3d315f 78%,#c9d3df 100%);border-color:#c9d3df}.chip:focus-visible{outline-offset:3px;outline:2px solid #bc6c25b3}.chip-cinematic{color:#fff7ea;letter-spacing:.04em;background:linear-gradient(135deg,#201934fa,#702a58f5 48%,#d6863df2);border-color:#412a56d1;font-weight:700;transition:transform .22s,box-shadow .22s,filter .22s;position:relative;overflow:hidden;box-shadow:0 8px 18px -12px #251736cc,inset 0 0 0 1px #ffdd9c2e}.chip-cinematic:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#fff5d657 45%,#0000 70%);position:absolute;inset:1px;transform:translate(-60%)}.chip-cinematic:hover,.chip-cinematic:focus-visible{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 10px 24px -13px #251736e6,0 0 18px #c56a5b47,inset 0 0 0 1px #ffe6ac42}.chip-cinematic:hover:after,.chip-cinematic:focus-visible:after{opacity:1;animation:.9s forwards cinematic-sweep}.chip-cinematic:focus-visible{outline-offset:3px;outline:2px solid #ffe7b2cc}@keyframes cinematic-sweep{0%{transform:translate(-70%)}to{transform:translate(80%)}}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.2rem;display:grid}.mood-card{background:var(--card);border:1px solid #fffc;border-radius:16px;padding:.9rem;animation:.5s both rise-in;box-shadow:0 18px 24px -24px #0000006b}.mood-card h2{margin:.55rem 0 .2rem;font-size:1.24rem}.mood-card p{color:#695343;margin:0}.swatches{gap:.75rem;display:grid}.swatch-wrapper{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.swatch{border:1px solid #00000014;border-radius:10px;width:100%;min-height:112px;transition:transform .25s,box-shadow .35s,border-color .35s,filter .35s;display:block;position:relative;overflow:hidden}.swatch .label{overflow-wrap:anywhere;border-radius:999px;margin:.75rem;padding:.46rem .7rem;font-size:.82rem;font-weight:600;line-height:1.2;transition:opacity .35s,background-color .35s,color .35s;display:inline-block}.swatch--light .label{color:#1b1d24d1;background:#1b1d241a;border:1px solid #1b1d241f;box-shadow:0 6px 16px #ffffff38,inset 0 0 0 1px #ffffff38}.swatch--medium .label{color:#263026;background:#f8f3eac7;border:1px solid #ffffff57;box-shadow:0 7px 16px #3f302729,inset 0 0 0 1px #ffffff29}.swatch--dark .label{color:#172030;background:#f8f3eae6;border:1px solid #ffffff73;box-shadow:0 8px 18px #0003,inset 0 0 0 1px #ffffff2e}.swatch:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.swatch-row{position:relative;overflow:hidden}.app-shell--seasonal-fresh .swatch{filter:saturate(1.08)brightness(1.04)}.app-shell--seasonal-fresh .mood-card{background:linear-gradient(145deg, #ffffffbd, #ddf5d747), var(--card)}.app-shell--seasonal-golden .swatch{filter:sepia(.08)saturate(1.1)brightness(1.02)}.app-shell--seasonal-golden .mood-card{background:linear-gradient(145deg, #fff0c857, #f28b5b29), var(--card)}.app-shell--seasonal-rainwashed .swatch{filter:saturate(.94)hue-rotate(7deg)brightness(1.02)}.app-shell--seasonal-rainwashed .mood-card{background:linear-gradient(145deg, #dceaf76b, #8db9d429), var(--card)}.app-shell--seasonal-fresh .swatch-row:before,.app-shell--seasonal-golden .swatch-row:before,.app-shell--seasonal-rainwashed .swatch-row:before{content:"";pointer-events:none;opacity:.65;position:absolute;inset:0}.app-shell--seasonal-fresh .swatch-row:before{background:radial-gradient(circle at 18% 8%,#ddf5d752,#0000 36%)}.app-shell--seasonal-golden .swatch-row:before{background:radial-gradient(circle at 82% 8%,#ffb00033,#0000 34%)}.app-shell--seasonal-rainwashed .swatch-row:before{background:linear-gradient(#dceaf729,#70a9c714)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes startup-splash-fade{0%,78%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes startup-orb-float{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.swatch.radial-glow:hover{box-shadow:inset 0 0 0 999px #fff3,0 8px 18px #0000002e}.swatch.shimmer:hover:after{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.2s forwards shimmer-move;position:absolute;inset:0}@keyframes shimmer-move{0%{transform:translate(-120%)}to{transform:translate(120%)}}.swatch.fade-text:hover .label{opacity:.55}.swatch.tilt:hover{transform:translateY(-3px)rotate(1deg)}.swatch.drift:hover{animation:1.8s forwards drift}@keyframes drift{0%{filter:hue-rotate()}to{filter:hue-rotate(12deg)}}.swatch.orb-pulse:hover{box-shadow:0 0 12px #fff0d273,0 0 24px #ffdcb440}.swatch-row.spring .swatch:hover{border-color:#78aa8c73;animation:2.2s forwards spring-drift;transform:translateY(-2px)}@keyframes spring-drift{0%{filter:hue-rotate()}to{filter:hue-rotate(10deg)}}.swatch-row.summer:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffe1b440 50%,#0000 100%);position:absolute;inset:0;transform:translate(-120%)}.swatch-row.summer:hover:after{opacity:1;animation:1.6s forwards summer-shimmer}@keyframes summer-shimmer{0%{opacity:.2;transform:translate(-120%)}to{opacity:.4;transform:translate(120%)}}.swatch-row.autumn .swatch{transition-delay:0s}.swatch-row.autumn .swatch:hover{transform:rotate(1deg)}.swatch-row.autumn:hover .swatch-wrapper:first-child .swatch{transition-delay:0s}.swatch-row.autumn:hover .swatch-wrapper:nth-child(2) .swatch{transition-delay:50ms}.swatch-row.autumn:hover .swatch-wrapper:nth-child(3) .swatch{transition-delay:.1s}.swatch-row.autumn:hover .swatch-wrapper:nth-child(4) .swatch{transition-delay:.15s}.swatch-row.autumn:hover .swatch-wrapper:nth-child(5) .swatch{transition-delay:.2s}.swatch-row.winter .swatch:hover{box-shadow:inset 0 0 0 999px #c8dcff1f,0 0 12px #b4d2ff40}.swatch-row.winter .swatch:hover .label{opacity:.5}.swatch-row.calm .swatch:hover{box-shadow:0 0 12px #f0ebe159}.swatch-row.reflections .swatch:hover{transform:translateY(-2px);box-shadow:0 0 12px #fff0d273,0 0 24px #ffdcb440}.swatch-row.impressionist{background:linear-gradient(145deg,#ffffffb8,#f5e8cf7a),#ffffff80;border-color:#7f8bcb2e}.swatch-row.impressionist:after{content:"";pointer-events:none;opacity:.8;background:radial-gradient(circle at 20% 18%,#8db9d433,#0000 30%),radial-gradient(circle at 80% 22%,#e9a9b538,#0000 30%),radial-gradient(circle at 60% 88%,#f5d77a2e,#0000 34%);position:absolute;inset:0}.swatch-row.impressionist .swatch{border-color:#ffffff61}.swatch-row.impressionist .swatch:hover{filter:saturate(1.08)brightness(1.03);box-shadow:inset 0 0 0 999px #ffffff14,0 8px 18px #5b507d2e}.swatch-row.morning,.swatch-row.afternoon,.swatch-row.midnight{border-color:#ffffffb8}.swatch-row.morning{background:linear-gradient(145deg, #ffffffb8, #f6c9a842), var(--card)}.swatch-row.afternoon{background:linear-gradient(145deg, #f8d66d38, #69a9d82e), var(--card)}.swatch-row.midnight{color:#fff7ea;background:linear-gradient(145deg,#080b18b8,#3d315f75),#101b33b8}.swatch-row.midnight p{color:#fff7eac2}.swatch-row.morning .swatch:hover{filter:saturate(1.06)brightness(1.04)}.swatch-row.afternoon .swatch:hover{filter:saturate(1.1)brightness(1.03)}.swatch-row.midnight .swatch:hover{filter:saturate(1.08)brightness(1.06);box-shadow:inset 0 0 0 999px #ffffff0d,0 0 18px #c9d3df38}.swatch-row.weather{background:linear-gradient(145deg, #dde1e66b, #8fb88a2e), var(--card);border-color:#6a748038}.swatch-row.weather:after{content:"";pointer-events:none;background:radial-gradient(circle at 14% 10%,#f2efea4d,#0000 30%),linear-gradient(135deg,#0000,#517ba61a);position:absolute;inset:0}.swatch-row.weather .swatch:hover{filter:saturate(.98)brightness(1.03);box-shadow:inset 0 0 0 999px #ffffff0f,0 8px 18px #4a525c29}.mode-nav__button--cinematic{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#281e3c59;border:1px solid #785aa066}.mode-nav__button--cinematic:hover{background:#3c285a8c}.page--cinematic{isolation:isolate;width:min(1100px,92vw);margin:0 auto;padding:2.4rem 0 3rem;transition:filter .25s,background-color .25s;position:relative}.page--cinematic:before,.page--cinematic:after{content:"";pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}.page--cinematic:before{z-index:-1;background:radial-gradient(circle at 18% 18%,#7d60a838,#0000 32%),radial-gradient(circle at 82% 12%,#17606b33,#0000 34%),radial-gradient(circle at 70% 88%,#bf6d442e,#0000 36%)}.page--cinematic:after{z-index:5;mix-blend-mode:multiply}.page--atmosphere-grain:after{opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23grain)' opacity='0.38'/%3E%3C/svg%3E")}.page--atmosphere-bloom:before{opacity:1}.page--atmosphere-bloom .palette-card__swatch{filter:saturate(1.1)brightness(1.06);box-shadow:0 0 18px #ffe6b447,0 0 34px #805aac2e}.page--atmosphere-vignette{box-shadow:inset 0 0 120px #0c08124d}.page--atmosphere-vignette:before{opacity:1;background:radial-gradient(circle,#0000 36%,#120c1885 100%),radial-gradient(circle at 20% 12%,#7d60a829,#0000 34%)}.page--atmosphere-bloom.page--atmosphere-vignette:before{opacity:1;background:radial-gradient(circle,#0000 36%,#120c1885 100%),radial-gradient(circle at 18% 18%,#7d60a838,#0000 32%),radial-gradient(circle at 82% 12%,#17606b33,#0000 34%),radial-gradient(circle at 70% 88%,#bf6d442e,#0000 36%)}.page--atmosphere-weatherTint .palette-card,.page--atmosphere-weatherTint .family{background:#12242da8;border-color:#8bbdc43d}.page--atmosphere-weatherTint .palette-card__swatch{filter:saturate(.96)hue-rotate(8deg)brightness(.96)}.page--atmosphere-timeTint .palette-card,.page--atmosphere-timeTint .intro__inner,.page--atmosphere-timeTint .page-header--cinematic{background:#46262d9e;border-color:#ecb36c47}.page--atmosphere-timeTint .palette-card__swatch{filter:sepia(.12)saturate(1.12)brightness(1.02)}.page-header--cinematic,.intro--cinematic,.families--cinematic,.atmosphere-controls,.weather-atmospheres,.page-footer--cinematic{margin-top:1rem}.page-header--cinematic,.intro__inner,.family,.atmosphere-controls,.weather-atmospheres,.page-footer--cinematic{background:#ffffff94;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 18px 24px -24px #0000006b}.page-header__inner,.intro__inner,.families--cinematic,.atmosphere-controls,.weather-atmospheres,.page-footer__inner{padding:1rem}.page-title,.section-title,.family__title,.palette-card__title{margin:0}.page-subtitle,.palette-card__meta,.family__description,.intro__inner p{color:#5b473a}.palette-grid--cinematic{margin-top:1.2rem}.palette-grid__inner,.family__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:.8rem;display:grid}.families--cinematic{gap:.9rem;display:grid}.weather-atmospheres__grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;margin-top:.8rem;display:grid}.weather-atmosphere-card{background:linear-gradient(145deg, #14101cbd, #14101c85), var(--weather-atmosphere-tint);color:#fff7ea;border:1px solid #ffffff29;border-radius:8px;min-width:0;padding:.9rem;position:relative;overflow:hidden;box-shadow:0 16px 24px -22px #0f0c14e6}.weather-atmosphere-card__glow{aspect-ratio:1;background:var(--weather-atmosphere-tint);opacity:.34;filter:blur(18px);border-radius:999px;width:9rem;position:absolute;inset:-30% auto auto -12%}.weather-atmosphere-card h3,.weather-atmosphere-card p{position:relative}.weather-atmosphere-card h3{margin:0;font-size:1.04rem}.weather-atmosphere-card p{color:#fff7ead1;margin:.45rem 0 0}.weather-atmosphere-card__meta{text-transform:capitalize;font-size:.8rem}.palette-card{color:#fff7ea;background:#14101ca3;border:1px solid #ffffff24;border-radius:8px;min-width:0;padding:.9rem;box-shadow:0 16px 24px -22px #0f0c14e6}.palette-card--compact{background:#1f19287a}.palette-card__swatches{border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.45rem;min-height:138px;display:grid}.palette-card__swatch{border:1px solid #ffffff1f;border-radius:8px;min-width:0;min-height:92px;position:relative;overflow:hidden}.palette-card__swatch span{color:#fffaf0;overflow-wrap:anywhere;word-break:break-word;background:#14101cb8;border-radius:6px;align-items:center;min-height:2.2rem;padding:.36rem .42rem;font-size:.74rem;line-height:1.15;display:flex;position:absolute;inset:auto .4rem .4rem;box-shadow:0 6px 14px #00000038}.palette-card__title{margin-top:.75rem;font-size:1.1rem}.palette-card__meta{color:#fff7eac7;margin:.2rem 0 0}.atmosphere-controls__inner,.page-footer__inner{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.toggle,.footer-link{color:#3f3027}.toggle{cursor:pointer;background:#fff6;border:1px solid #5b473a38;border-radius:8px;align-items:center;gap:.42rem;min-height:2.25rem;padding:.42rem .62rem;display:inline-flex}.toggle input{accent-color:#7d60a8}.toggle:has(input:checked){color:#fff7ea;background:#2a1f3ac7;border-color:#ecb36c61;box-shadow:0 8px 16px -14px #14101ccc}.footer-link{font-weight:700;text-decoration:none}.family-footer{background:linear-gradient(145deg,#ffffffad,#f5e8cf57),#ffffff80;border:1px solid #ffffffb8;border-radius:16px;margin-top:1.2rem;padding:1rem;box-shadow:0 18px 24px -24px #0000006b}.family-footer__credit{color:#5b473a;margin:0;line-height:1.35}.family-footer__links{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.family-footer__link{color:#3f3027;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#ddf5d794,#b8a7d86b 52%,#f6c9a87a),#ffffff6b;border:1px solid #785aa038;border-radius:8px;justify-content:center;align-items:center;min-height:2.25rem;padding:.42rem .52rem;font-size:.86rem;font-weight:700;line-height:1.15;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s,background-color .22s;display:inline-flex;position:relative;overflow:hidden}.family-footer__link:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff7a 46%,#0000 72%);position:absolute;inset:1px;transform:translate(-55%)}.family-footer__link:hover,.family-footer__link:focus-visible{background:linear-gradient(135deg,#ddf5d7b3,#b8a7d88f 52%,#f6c9a89e),#fffaf0e0;border-color:#bc6c2557;outline:none;transform:translateY(-1px);box-shadow:0 9px 20px -16px #4d49888c}.family-footer__link:hover:after,.family-footer__link:focus-visible:after{opacity:1;animation:.9s forwards family-link-sheen}@keyframes family-link-sheen{0%{transform:translate(-60%)}to{transform:translate(70%)}}.cinematic-mini-menu{-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#14101c8c;border:1px solid #785aa059;border-radius:14px;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative;box-shadow:0 4px 18px #00000059}.cinematic-mini-menu:before{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");position:absolute;inset:0}.cinematic-mini-menu button,.cinematic-mini-menu a{color:#f2f0f7;letter-spacing:.3px;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;transition:all .25s}.templates-shell{position:relative}.template-workspace__hero{margin-bottom:.8rem}.template-workspace__meta{background:#fffcf7b3;border:1px solid #bc6c2533;border-radius:12px;margin:.8rem 0;padding:.65rem .85rem}.template-workspace__meta p{color:#4f3e32;margin:0}.template-workspace__actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.4rem;display:grid}.template-card{background:radial-gradient(circle at 12% 16%,#f3d9a761,#0000 45%),radial-gradient(circle at 88% 82%,#a3c4f352,#0000 42%),#fffaf0c2;border:1px solid #bc6c2538;border-radius:14px;flex-direction:column;gap:.5rem;padding:.95rem;display:flex;position:relative;box-shadow:0 10px 20px -18px #321e1480}.template-card__idea{letter-spacing:.08em;text-transform:uppercase;color:#8d5a36;margin:0;font-size:.72rem;font-weight:700}.template-card__title{color:#2f241d;margin:0;font-size:1.08rem}.template-card__description{color:#5b473a;min-height:2.8em;margin:0;line-height:1.45}.template-card__link{color:#3f3027;background:#fff5e4e6;border:1px solid #bc6c2557;border-radius:999px;align-self:flex-start;align-items:center;min-height:2rem;margin-top:auto;padding:.35rem .75rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.template-card__link:hover,.template-card__link:focus-visible{border-color:#bc6c2599;outline:none;transform:translateY(-1px);box-shadow:0 8px 16px -14px #3f30278c}@media (width<=640px){.templates-grid{grid-template-columns:1fr}}.wireframe-template{background:#fffdf8cc;border:1px solid #bc6c253d;border-radius:16px;gap:clamp(1rem,2.8vw,1.6rem);margin:1rem 0 1.5rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.wireframe-template__header{border:1px dashed #7a5f4c59;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:clamp(.85rem,2.2vw,1.2rem);display:grid}.wireframe-template__kicker{text-transform:uppercase;letter-spacing:.08em;color:#8d5a36;margin:0;font-size:.74rem;font-weight:700}.wireframe-template__title{color:#2f241d;margin:.2rem 0 0;font-size:clamp(1.15rem,2.2vw,1.55rem)}.wireframe-template__subtitle{color:#5b473a;margin:.35rem 0 0}.wireframe-template__tags{flex-wrap:wrap;gap:.45rem;margin-top:.7rem;display:flex}.wireframe-template__tags span{color:#5b473a;background:#f8f0dfcc;border:1px solid #7a5f4c40;border-radius:999px;padding:.22rem .58rem;font-size:.78rem}.wireframe-template__tag{color:#5b473a;cursor:pointer;background:#f8f0dfcc;border:1px solid #7a5f4c40;border-radius:999px;padding:.22rem .58rem;font-size:.78rem;line-height:1.1;transition:transform .16s,box-shadow .18s,border-color .18s,background-color .18s}.wireframe-template__tag:hover,.wireframe-template__tag:focus-visible{background:#faf5eaf2;border-color:#7a5f4c73;outline:none;transform:translateY(-1px)}.wireframe-template__tag--active{color:#3f3027;background:#ebe0cdf2;border-color:#7a5f4c94;box-shadow:0 8px 14px -14px #483429b3}.wireframe-template__tag-feedback{background:#fffcf7b8;border:1px dashed #7a5f4c59;border-radius:12px;padding:.65rem .85rem}.wireframe-template__tag-feedback h3{color:#3f3027;margin:0;font-size:.92rem}.wireframe-template__tag-feedback p{color:#5b473a;margin:.35rem 0 0;line-height:1.45}.wireframe-template__orb{background:radial-gradient(circle at 30% 28%,#fff5d6f2,#ba97ffe0 48%,#7e9adbd9);border-radius:999px;width:clamp(68px,9vw,92px);height:clamp(68px,9vw,92px);box-shadow:0 0 28px -10px #7e68b3bf}.wireframe-template__orb-button{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wireframe-template__orb-button:after{content:"cycle colours";letter-spacing:.08em;text-transform:uppercase;color:#5b473aad;pointer-events:none;opacity:.72;font-size:.62rem;position:absolute;bottom:-.85rem;left:50%;transform:translate(-50%)}.wireframe-template__orb-button .wireframe-template__orb{transition:transform .18s,box-shadow .22s}.wireframe-template__orb-button:hover .wireframe-template__orb,.wireframe-template__orb-button:focus-visible .wireframe-template__orb{transform:scale(1.03);box-shadow:0 0 0 2px #ffffffb3,0 0 16px -10px #4c3876b3}.wireframe-template__orb-button:focus-visible{outline-offset:4px;outline:2px solid #8466a773}.wireframe-template__orb-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.5rem;display:grid}.wireframe-template__orb-option{cursor:pointer;background:#fffcf7ad;border:1px solid #7a5f4c4d;border-radius:12px;justify-items:center;gap:.3rem;min-width:128px;padding:.42rem;transition:transform .16s,box-shadow .18s,border-color .18s,background-color .18s;display:grid}.wireframe-template__orb-option .wireframe-template__orb{width:clamp(46px,6.2vw,58px);height:clamp(46px,6.2vw,58px)}.wireframe-template__orb-option span{color:#4e3c31;text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.68rem;line-height:1.15}.wireframe-template__orb-option:hover,.wireframe-template__orb-option:focus-visible{border-color:#7a5f4c80;outline:none;transform:translateY(-1px);box-shadow:0 8px 16px -14px #3f302794}.wireframe-template__orb-option--active{background:#f4ece0db;border-color:#7a5f4c9e;box-shadow:0 10px 18px -14px #3f302799}.wireframe-template__columns{border:1px dashed #7a5f4c59;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:clamp(.85rem,2.2vw,1.2rem);display:grid}.wireframe-template__column h3{color:#3f3027;margin:0 0 .6rem;font-size:.96rem}.wireframe-template__column ul{color:#5b473a;gap:.3rem;margin:0;padding-left:1rem;display:grid}.wireframe-template__swatches{gap:.3rem;margin-bottom:.6rem;display:grid}.wireframe-template__swatch-item{color:#5b473a;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.wireframe-template__swatch{border:1px solid #321e1429;border-radius:6px;width:1.45rem;height:1.45rem}.wireframe-template__gradient,.wireframe-template__light-map,.wireframe-template__texture,.wireframe-template__mini-scene{border-radius:10px}.wireframe-template__gradient{background:linear-gradient(125deg,#e8d1b1f2,#aeb1dfcc,#91b0cbd1);height:46px;margin-bottom:.45rem}.wireframe-template__light-map{background:radial-gradient(circle at 24%,#fff2d2d6,#0000 42%),radial-gradient(circle at 70%,#abc6ed9e,#0000 46%),#42465a7a;height:34px}.wireframe-template__scene{background:linear-gradient(170deg,#212539f2,#322722d1);border:1px solid #321e1429;border-radius:10px;height:122px;position:relative;overflow:hidden}.wireframe-template__texture{opacity:.24;background-image:radial-gradient(#ffffff6b .5px,#0000 .5px);background-size:4px 4px;position:absolute;inset:0}.wireframe-template__mini-scene{background:linear-gradient(130deg,#f5d6a1bd,#8ca0d79e);position:absolute;inset:28% 16% 18%;box-shadow:0 12px 18px -16px #000c}.wireframe-template__hint{color:#5b473a;margin:.6rem 0 0;font-size:.85rem}.wireframe-template__hint--interactive{color:#5b473ad1;margin-top:.1rem;font-size:.8rem}.wireframe-template__notes{border:1px dashed #7a5f4c59;border-radius:12px;padding:clamp(.85rem,2.2vw,1.2rem)}.wireframe-template__notes h3{color:#2f241d;margin:0 0 .45rem}.wireframe-template__notes p{color:#5b473a;margin:.35rem 0}.wireframe-template__notes ul{color:#5b473a;gap:.3rem;margin:.7rem 0 0;padding-left:1rem;display:grid}.wireframe-template--rainwashed{background:radial-gradient(circle at 12% 10%,#deeaf2b8,#0000 48%),radial-gradient(circle at 85% 80%,#c5d2e18f,#0000 52%),#f4f7fad1;border-color:#6a849e5c}.wireframe-template__orb--rainwashed{opacity:.85;background:radial-gradient(circle at 30% 30%,#ebf3f8f2,#aac3d8d9 52%,#647e93d1);width:clamp(48px,7.5vw,64px);height:clamp(48px,7.5vw,64px);box-shadow:0 0 18px -10px #566f84d9}.wireframe-template__gradient--rainwashed{background:linear-gradient(90deg,#c9d2d8 0%,#9eb2c1 36%,#8f98a3 68%,#48515b 100%)}.wireframe-template__light-map--rainwashed{background:radial-gradient(circle at 35% 35%,#eef2f5db,#0000 46%),radial-gradient(circle at 68% 62%,#adbcca8c,#0000 52%),#6e7a869e;min-height:120px}.wireframe-template__scene--rainwashed{background:linear-gradient(165deg,#5c6875eb,#3b424ae6)}.wireframe-template__texture--rainwashed{background-image:radial-gradient(#ffffff57 .45px,#0000 .45px)}.wireframe-template__mini-scene--rainwashed{background:radial-gradient(circle at 24% 24%,#cedce7e0 0 16%,#0000 17%),linear-gradient(#0000 58%,#8b9cade6 58% 63%,#0000 63%),linear-gradient(130deg,#b0bbc5d6,#71808ed6);inset:24% 14% 14%}.wireframe-template--impressionist{background:radial-gradient(circle at 14% 12%,#e8d6f1b8,#0000 50%),radial-gradient(circle at 86% 82%,#f6dcc385,#0000 54%),#faf5f0d9;border-color:#9d7eb75c}.wireframe-template__orb--impressionist{opacity:.8;background:radial-gradient(circle at 28% 28%,#eddffceb,#e8b7c6d1 38%,#edcd96c2 62%,#b1c8e6d6);box-shadow:0 0 20px -11px #8b69abd1}.wireframe-template__gradient--impressionist{background:linear-gradient(90deg,#c6b5df 0%,#e6c2cb 34%,#eacb8b 64%,#adc2da 100%)}.wireframe-template__light-map--impressionist{background:radial-gradient(circle at 34% 34%,#f6e6f3e0,#0000 46%),radial-gradient(circle at 64% 66%,#e6cea194,#0000 52%),#9d92a88f;min-height:120px}.wireframe-template__scene--impressionist{background:linear-gradient(165deg,#9784abe6,#727e9ee0)}.wireframe-template__texture--impressionist{background-image:radial-gradient(#ffffff61 .55px,#0000 .55px);background-size:3.5px 3.5px}.wireframe-template__mini-scene--impressionist{background:radial-gradient(circle at 24% 28%,#eabfcde6 0 14%,#0000 15%),linear-gradient(#0000 58%,#766183e0 58% 62%,#0000 62%),linear-gradient(130deg,#d6b6ded6,#bdb3dcd1,#edce9ed1);inset:22% 14% 14%}.wireframe-template--cinematic-jewel{background:radial-gradient(circle at 12% 10%,#5262b857,#0000 46%),radial-gradient(circle at 88% 14%,#d3af4442,#0000 40%),radial-gradient(circle at 82% 84%,#98275433,#0000 45%),#14182cd6;border-color:#6a579e66}.wireframe-template__orb--cinematic-jewel{opacity:.88;background:radial-gradient(circle at 30% 30%,#e6c761f5,#4155b3e0 34%,#782350db 62%,#181f3af0);box-shadow:0 0 24px -10px #d4af37d1}.wireframe-template__gradient--cinematic-jewel{background:linear-gradient(90deg,#1f3a8a 0%,#5b2d82 34%,#7b1e3a 68%,#d4af37 100%)}.wireframe-template__light-map--cinematic-jewel{background:radial-gradient(circle at 30% 34%,#e1c476d6,#0000 42%),radial-gradient(circle at 68% 62%,#5d49aa8f,#0000 52%),#1b2244c7;min-height:120px}.wireframe-template__scene--cinematic-jewel{background:linear-gradient(165deg,#192558e6,#591a3ee6)}.wireframe-template__texture--cinematic-jewel{background-image:radial-gradient(#fff0bd57 .5px,#0000 .5px);background-size:4px 4px}.wireframe-template__mini-scene--cinematic-jewel{background:radial-gradient(circle at 24% 28%,#e6c97fe0 0 14%,#0000 15%),linear-gradient(#0000 58%,#972250db 58% 62%,#0000 62%),linear-gradient(130deg,#293f96d6,#662e8dd1,#7b1e3adb);inset:22% 14% 14%}.wireframe-template--cinematic-jewel .wireframe-template__header,.wireframe-template--cinematic-jewel .wireframe-template__columns,.wireframe-template--cinematic-jewel .wireframe-template__notes,.wireframe-template--cinematic-jewel .wireframe-template__tag-feedback{background:#0b0f1e8c;border-color:#e5cb9652}.wireframe-template--cinematic-jewel .wireframe-template__kicker{color:#f0d48f}.wireframe-template--cinematic-jewel .wireframe-template__title{color:#fdf0d8}.wireframe-template--cinematic-jewel .wireframe-template__subtitle,.wireframe-template--cinematic-jewel .wireframe-template__hint,.wireframe-template--cinematic-jewel .wireframe-template__column ul,.wireframe-template--cinematic-jewel .wireframe-template__notes p,.wireframe-template--cinematic-jewel .wireframe-template__notes ul,.wireframe-template--cinematic-jewel .wireframe-template__tag-feedback p,.wireframe-template--cinematic-jewel .wireframe-template__swatch-item span{color:#f6e6cb}.wireframe-template--cinematic-jewel .wireframe-template__column h3,.wireframe-template--cinematic-jewel .wireframe-template__notes h3,.wireframe-template--cinematic-jewel .wireframe-template__tag-feedback h3{color:#ffe7b3}.wireframe-template--cinematic-jewel .wireframe-template__tag{color:#f7e6c9;background:#1b2244c7;border-color:#dcbe7f66}.wireframe-template--cinematic-jewel .wireframe-template__tag:hover,.wireframe-template--cinematic-jewel .wireframe-template__tag:focus-visible{background:#283260d6;border-color:#ebcd90b8}.wireframe-template--cinematic-jewel .wireframe-template__tag--active{color:#fff5dc;background:linear-gradient(135deg,#7a2348eb,#2f4089e6);border-color:#f4d081db}.wireframe-template--cinematic-jewel .wireframe-template__orb-option{background:#11172dc7;border-color:#e1c58d57}.wireframe-template--cinematic-jewel .wireframe-template__orb-option span{color:#f0dbb1}.wireframe-template--cinematic-jewel .wireframe-template__orb-option:hover,.wireframe-template--cinematic-jewel .wireframe-template__orb-option:focus-visible{background:#1c2446e0;border-color:#eed094c2}.wireframe-template--cinematic-jewel .wireframe-template__orb-option--active{background:#29335ef0;border-color:#f4d391e6;box-shadow:0 10px 18px -14px #d4af5bbf}.wireframe-template__notes--why ul{margin-top:.45rem}@media (width<=900px){.wireframe-template__columns{grid-template-columns:1fr;gap:1rem}.wireframe-template__header{grid-template-columns:1fr}}.cinematic-mini-menu button:hover,.cinematic-mini-menu a:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.cinematic-mini-menu .active{background:#785aa059;border-color:#a082c88c;box-shadow:0 0 12px #a082c873}@media (width<=900px){.family-footer__links{grid-template-columns:repeat(2,minmax(0,1fr))}.family-footer__link{white-space:normal}}@media (width<=600px){.app-shell,.page--cinematic{width:min(100%,100vw - 1.2rem);padding-top:calc(1.2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.hero,.page-header__inner,.intro__inner{text-align:center}.subtitle,.page-subtitle,.intro__inner p{margin-left:auto;margin-right:auto}.subtitle,.page-subtitle{margin-bottom:.35rem}.filters{justify-content:center;margin-top:1.45rem}.seasonal-atmosphere{justify-content:center;width:100%;display:flex}.cinematic-mini-menu{justify-content:center}.cinematic-mini-menu a{text-align:center}.swatch-wrapper{gap:2px}.swatch .label{font-size:.75rem}.palette-card__swatches{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.palette-card__swatch{min-height:84px}.scroll-buttons{bottom:1.25rem;right:1.45rem}.scroll-button{opacity:.78;width:2.25rem}.family-footer__links{grid-template-columns:1fr}.family-footer__link{white-space:normal}.startup-splash__orb{width:min(76vw,15rem);margin-bottom:2.1rem;transform:translateY(clamp(-3.4rem,-12vh,-1.5rem))}.startup-splash__text{font-size:.92rem}}