:root{--bg-color:#fafafa;--hero-bg:#fff5f7;--card-bg:#fff;--text-main:#334155;--text-light:#64748b;--primary:#f43f5e;--primary-hover:#e11d48}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:Nunito,sans-serif}.hero{background-color:var(--hero-bg);text-align:center;border-bottom:2px solid #00000008;padding:5rem 2rem 4rem}.main-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 .5rem;font-size:4rem;font-weight:900}.subtitle{color:var(--text-light);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;font-weight:400;line-height:1.6}.da-container{background:var(--card-bg);cursor:default;border-radius:20px;max-width:650px;margin:0 auto 3rem;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000000a}.da-container:hover{box-shadow:0 15px 35px #f43f5e1a}.da-title{color:var(--primary);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem;font-size:1.1rem;font-weight:800;display:flex}.da-title svg{transition:transform .3s}.da-content{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.da-container:hover .da-content{grid-template-rows:1fr}.da-container:hover .da-title svg{transform:scale(1.1)rotate(10deg)}.da-inner{overflow:hidden}.da-text{text-align:left;color:var(--text-main);padding:0 2rem 2rem;font-size:.95rem;line-height:1.6}.da-text ul{color:var(--text-light);margin:.8rem 0;padding-left:1.5rem}.da-text li{margin-bottom:.5rem}.da-text em{color:var(--primary);text-align:center;margin-top:1rem;font-style:normal;font-weight:700;display:block}.search-container{max-width:500px;margin:0 auto;position:relative}.search-bar{border:2px solid #e2e8f0;border-radius:50px;outline:none;width:100%;padding:1.2rem 1.5rem;font-family:inherit;font-size:1rem;transition:border .3s,box-shadow .3s;box-shadow:0 10px 25px #00000008}.search-bar:focus{border-color:var(--primary);box-shadow:0 10px 25px #f43f5e1a}.search-badge{color:var(--text-light);background:#f1f5f9;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:800;position:absolute;top:12px;right:10px}.filter-btn{color:var(--text-light);cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:30px;padding:.5rem 1.5rem;font-family:inherit;font-weight:700;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--text-main);border-color:var(--text-main);color:#fff}.icon-card{background:var(--card-bg);border-radius:24px;flex-direction:column;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #00000008}.icon-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000f}.icon-preview{background-color:var(--hero-bg);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;height:150px;margin-bottom:1rem;display:flex;position:relative}.icon-info{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.icon-info h3{margin:0 0 .2rem;font-size:1.1rem;font-weight:800}.tag{color:var(--text-light);background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700}.copy-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.6rem 1rem;font-family:inherit;font-weight:700;transition:background .2s}.copy-btn:hover{background:var(--primary-hover)}.toast{color:#fff;z-index:1000;background:#10b981;border-radius:50px;padding:1rem 2rem;font-weight:700;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:-100px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #10b9814d}:root{--paper:#f7f6f2;--ink:#201d35;--muted:#777487;--accent:#c6ff73;--violet:#a99cff;--line:#e9e6e1}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink)}button,input{font:inherit}.hero{isolation:isolate;color:#fff;text-align:left;background:radial-gradient(at 78% 43%,#383250 0,#242139 35%,#1c1a30 70%);border:0;padding:0 clamp(1.25rem,5vw,5rem) 2.5rem;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;opacity:.11;filter:blur(90px);background:#8976ff;border-radius:50%;width:540px;height:540px;position:absolute;top:5%;right:4%}.hero-layout{grid-template-columns:1.15fr .85fr;align-items:center;column-gap:3rem;max-width:1180px;margin:auto;padding:clamp(2.5rem,5vw,4.5rem) 0 1rem;display:grid}.hero-copy{padding-bottom:1.2rem}.motion-logo{color:#fff;letter-spacing:-.075em;align-items:center;margin-bottom:1.7rem;font-size:clamp(3.1rem,5.4vw,4.8rem);font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.logo-n{transform-origin:50% 85%;display:inline-block}.logo-dash{place-items:center;width:.55em;height:.68em;margin-inline:.08em .1em;display:inline-grid;position:relative}.logo-dash i{transform-origin:50%;background:linear-gradient(#cfc5ff,#9a84f4);border-radius:999px;width:.42em;height:.15em;display:block;box-shadow:inset 0 2px #ffffff73,0 4px 10px #7e5eeb40}.logo-period{color:#ffc16b}.motion-logo .logo-dash i{animation:1.2s cubic-bezier(.2,.7,.2,1) both logoDash}.motion-logo:hover .logo-dash i,.motion-logo:focus-visible .logo-dash i{animation:1.2s cubic-bezier(.2,.7,.2,1) both logoDashReplay}.motion-logo:hover .logo-n,.motion-logo:focus-visible .logo-n{animation:1.2s ease-out both logoNudge}.motion-logo:focus-visible{outline:2px solid var(--accent);outline-offset:10px;border-radius:8px}@keyframes logoDash{0%{transform:translate(-8px)scaleX(.65)}20%{transform:translate(-5px)scaleX(.75)}45%{filter:blur(.6px);transform:translate(5px)scaleX(1.55)}65%{filter:blur();transform:translate(-2px)scaleX(.85)}85%,to{transform:translate(0)scaleX(1)}}@keyframes logoDashReplay{0%,12%{transform:translate(0)scaleX(1)}25%{transform:translate(-5px)scaleX(.75)}45%{filter:blur(.6px);transform:translate(5px)scaleX(1.55)}65%{filter:blur();transform:translate(-2px)scaleX(.85)}85%,to{transform:translate(0)scaleX(1)}}@keyframes logoNudge{0%,15%{transform:rotate(0)}28%{transform:rotate(-5deg)}52%{transform:rotate(2deg)}76%,to{transform:rotate(0)}}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.2em;margin:0 0 1rem;font-size:.68rem;font-weight:900}.main-title{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:900;line-height:1.06}.main-title .highlight{color:#c4b6ff}.subtitle{color:#ffffffab;max-width:440px;margin:1.5rem 0 2rem;font-size:1.03rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.explore-link{background:var(--accent);color:var(--ink);border-radius:999px;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:.9rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.explore-link:hover{transform:translateY(-2px);box-shadow:0 9px 28px #c6ff7333}.explore-link span{font-size:1.15rem;line-height:.8}.hero-note{color:#ffffff7a;font-size:.78rem}.hero-art{place-items:center;min-height:350px;display:grid}.hero-orbit{aspect-ratio:1;background:radial-gradient(circle,#a99cff26,#ffffff04 65%);border:1px solid #ffffff24;border-radius:50%;place-items:center;width:min(100%,350px);display:grid;position:relative;box-shadow:inset 0 0 50px #a99cff0f}.hero-orbit:before,.hero-orbit:after{content:"";pointer-events:none;border:1px dashed #ffffff24;border-radius:50%;position:absolute;inset:25px}.hero-orbit:after{opacity:.55;border-style:solid;inset:53px}.orbit-dot{z-index:2;background:var(--accent);width:8px;height:8px;box-shadow:0 0 15px var(--accent);pointer-events:none;border-radius:50%;position:absolute}.orbit-dot-one{top:13%;left:25%}.orbit-dot-two{background:var(--violet);width:5px;height:5px;box-shadow:0 0 14px var(--violet);bottom:29%;right:10%}.hero-icon-stage{z-index:1;place-items:center;width:62%;height:62%;display:grid;position:relative}.hero-icon-stage svg{filter:drop-shadow(0 18px 22px #0003);width:100%;height:100%;overflow:visible}.art-caption{z-index:3;white-space:nowrap;color:#ffffff73;letter-spacing:.16em;gap:.7rem;font-size:.58rem;font-weight:900;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.art-caption b{color:#ffffffdb}.search-container{grid-column:1/-1;width:min(100%,690px);margin:2.6rem auto 0}.search-label{color:#ffffffb3;margin:0 0 .65rem .35rem;font-size:.78rem;font-weight:800;display:block}.search-field{background:#ffffff17;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:.8rem;min-height:58px;padding:0 .65rem 0 1.1rem;transition:border .2s,background .2s;display:flex;box-shadow:0 12px 35px #0000001f}.search-field:focus-within{background:#ffffff1f;border-color:#c6ff73b8}.search-symbol{fill:none;stroke:#ffffff8c;stroke-width:1.8px;stroke-linecap:round;flex:0 0 20px;width:20px;height:20px}.search-bar{color:#fff;min-width:0;box-shadow:none;background:0 0;border:0;outline:0;flex:1;padding:.9rem 0;font-size:.95rem}.search-bar::placeholder{color:#fff6}.search-badge{color:#ffffffad;white-space:nowrap;background:#ffffff1a;border-radius:9px;padding:.45rem .7rem;font-size:.7rem;font-weight:900;position:static}.da-details{color:#ffffffad;border-top:1px solid #ffffff1f;grid-column:1/-1;width:100%;margin:1.5rem auto 0;font-size:.85rem}.da-details summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.2rem 0 .3rem;font-weight:800;list-style:none;display:flex}.da-details summary::-webkit-details-marker{display:none}.da-details summary span{transition:transform .2s}.da-details[open] summary span{transform:rotate(45deg)}.da-details-content{color:#ffffffa3;padding:1rem 0 0;line-height:1.6}.da-intro{color:#fff;margin:0 0 1.5rem;font-size:1.15rem;font-weight:800}.da-principles{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.da-number{color:#b7a7ff;font-size:.7rem;font-weight:900}.da-principles h3{color:#fff;margin:.4rem 0;font-size:1rem}.da-principles p{max-width:300px;margin:0}.da-signature{color:#ffcf8f;margin:1.5rem 0 0;font-weight:800}.catalogue{max-width:1240px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.collection-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-kicker{color:#8b7bea;margin-bottom:.5rem}.collection-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.collection-hint{color:var(--muted);text-align:right;margin:0 .2rem .1rem 0;font-size:.85rem;line-height:1.5}.filters{flex-wrap:wrap;justify-content:flex-start;gap:.55rem;margin-bottom:1.5rem;display:flex}.filter-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffb8;border-radius:999px;padding:.55rem .95rem;font-size:.78rem;font-weight:800;transition:all .2s}.filter-btn.active,.filter-btn:hover{border-color:var(--ink);background:var(--ink);color:#fff}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:1rem;display:grid}.icon-card{background:#fff;border:1px solid #201d350f;border-radius:20px;flex-direction:column;min-width:0;padding:.7rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 3px 14px #201d3506}.icon-card:hover{border-color:#8b7bea40;transform:translateY(-4px);box-shadow:0 12px 28px #201d3514}.icon-card.hidden{display:none}.icon-preview{cursor:pointer;background:linear-gradient(145deg,#fff4f6,#f6f3ff);border-radius:14px;justify-content:center;align-items:center;height:142px;margin-bottom:.85rem;display:flex;position:relative}.icon-preview svg{width:88px;height:88px;overflow:visible}.icon-info{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-top:auto;padding:0 .25rem .2rem;display:flex}.meta{min-width:0}.icon-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 .35rem;font-size:.9rem;font-weight:900;overflow:hidden}.tag{color:#777487;background:#f1eff8;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:800;display:inline-block}.copy-btn{color:#5d50a2;cursor:pointer;background:#eeebfa;border:0;border-radius:9px;flex-shrink:0;padding:.48rem .65rem;font-size:.68rem;font-weight:900;transition:background .2s,color .2s}.copy-btn:hover{background:var(--ink);color:#fff}.toast{color:#fff;background:#282540;border-radius:999px;padding:.85rem 1.3rem;font-size:.85rem;bottom:-100px;box-shadow:0 10px 25px #201d3533}.toast.show{bottom:24px}@media (width<=760px){.hero{padding-inline:1.2rem}.hero-layout{grid-template-columns:1fr;padding-top:3.5rem}.hero-copy{text-align:center}.subtitle{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{grid-row:2;min-height:280px;margin-top:1rem}.hero-orbit{width:min(75vw,300px)}.search-container{grid-row:3;margin-top:1.8rem}.da-details{grid-row:4}.main-title{font-size:clamp(2.35rem,8.5vw,3.8rem)}.motion-logo{font-size:clamp(3.5rem,12vw,4.8rem)}.da-principles{grid-template-columns:1fr;gap:1.25rem}.da-principles p{max-width:none}.catalogue{padding-top:3rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.7rem}.icon-preview{height:125px}.icon-preview svg{width:78px;height:78px}.icon-card{border-radius:16px;padding:.55rem}}@media (width<=440px){.hero-note{text-align:center;width:100%}.search-badge{padding-inline:.5rem;font-size:.62rem}.collection-heading{align-items:start}.collection-hint{font-size:.72rem}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-info{flex-direction:column;align-items:start}.copy-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}