/* Six identities: layout, material, typography and rhythm. */
.color .identity-panel{padding:70px 6vw;position:relative;overflow:hidden}.identity-panel .identity-label{font:700 11px/1.5 monospace;letter-spacing:.2em;text-transform:uppercase}.identity-panel h2{font-size:clamp(34px,5vw,78px);line-height:1.02;margin:20px 0}.identity-panel p{max-width:48ch;line-height:1.7}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.identity-grid article{padding:25px;border-top:1px solid currentColor}.identity-grid strong{display:block;font-size:25px;margin-bottom:12px}.color .stage-photo{display:none}.color .hero .stage{overflow:hidden}.color .hero h1{max-width:none}
/* VOLT DROP: high voltage poster, acid yellow and ink, diagonal product. */
body.kind-soda{--bg:#efff38!important;--fg:#151819!important;background:#efff38!important;color:#151819!important}.kind-soda header{border-color:#171717}.kind-soda .hero{display:block!important;position:relative;min-height:850px!important;padding:45px 5vw 80px!important;background:repeating-linear-gradient(90deg,transparent 0 24.8%,#15181918 25%)}.kind-soda .hero-copy{position:relative;width:100%;padding:0!important}.kind-soda .hero h1{font:italic 900 clamp(78px,13vw,210px)/.83 Impact,sans-serif!important;letter-spacing:-.04em!important;color:#151819!important;max-width:9ch!important;margin:24px 0!important}.kind-soda .hero .intro{color:#252925;max-width:29ch!important}.kind-soda .hero .stage{position:absolute!important;right:3%;top:14%;width:44%!important;height:650px!important;background:none!important;transform:rotate(13deg)!important;pointer-events:none}.kind-soda .soda-can{background:linear-gradient(90deg,#ce241b,#ff4930 30%,#ff4930 65%,#9b1812);color:#efff38;width:245px;height:430px;border-color:#202020}.kind-soda .citrus-ring{border:28px solid #1d2220;border-radius:0;width:340px;height:440px;transform:rotate(18deg);animation:voltage 5s steps(2,end) infinite}.kind-soda .hero .cta{background:#151819;color:#efff38;border-color:#151819}.kind-soda .eyebrow{color:#151819!important}.kind-soda .stage-meta{display:none}.kind-soda .pause{pointer-events:auto}.kind-soda .character-ticker{background:#151819;color:#efff38;transform:rotate(-3deg);font-size:38px}.kind-soda .instrument{background:#151819;color:#efff38}.kind-soda .identity-panel{background:#ff4930;color:#181b19}.kind-soda .identity-panel h2{font:900 clamp(45px,7vw,110px)/.9 Impact,sans-serif;text-transform:uppercase}.kind-soda .editorial{background:#efff38;color:#151819}.kind-soda .editorial .intro{color:#262a23}.kind-soda .closing{background:#151819;color:#efff38}
/* VIVA SMILE: open, organic daylight; floating circular art and rounded type. */
body.kind-dental{--bg:#f5f1e8!important;--fg:#214c44!important;background:#f5f1e8!important;color:#214c44!important}.kind-dental header{border-color:#214c4430}.kind-dental .hero{display:flex!important;flex-direction:column!important;text-align:center;padding:65px 6vw 0!important;gap:0!important;min-height:0!important;background:radial-gradient(ellipse at 50% 90%,#d6eac6,transparent 70%)}.kind-dental .hero-copy{align-items:center!important;padding:0!important;max-width:920px!important}.kind-dental .hero h1{font-family:'Trebuchet MS',Arial,sans-serif!important;font-size:clamp(60px,7.5vw,118px)!important;line-height:1!important;letter-spacing:-.06em!important;text-transform:none!important;font-weight:700!important}.kind-dental .hero .intro{color:#52746a;max-width:47ch!important}.kind-dental .eyebrow{color:#437a65!important}.kind-dental .hero .stage{width:min(760px,100%)!important;height:370px!important;margin:10px auto 0!important;background:none!important}.kind-dental .smile-form{width:245px;height:245px;background:#f4a76c!important;box-shadow:70px 20px 0 -10px #c8ddae,-130px 30px 0 -40px #86b2a2;animation:smileBloom 9s ease-in-out infinite}.kind-dental .smile-form:after{border-color:#214c44}.kind-dental .smile-form:before{color:#214c44;font-size:70px}.kind-dental .stage-meta{color:#214c44}.kind-dental .hero .cta,.kind-dental .mode{border-radius:40px!important}.kind-dental .hero .cta{background:#214c44;color:#f5f1e8;border-color:#214c44}.kind-dental .character-ticker{display:none}.kind-dental .identity-panel{background:#214c44;color:#f5f1e8;text-align:center;border-radius:50px 50px 0 0}.kind-dental .identity-panel p{margin:auto}.kind-dental .identity-grid article{border:0;border-radius:80px;background:#ffffff0b;padding:35px}.kind-dental .identity-panel h2,.kind-dental .instrument h2,.kind-dental .editorial h2,.kind-dental .closing h2{font-family:'Trebuchet MS',Arial,sans-serif!important;text-transform:none!important}.kind-dental .instrument{background:#e3ead9;color:#214c44}.kind-dental .mode{color:#214c44;border-color:#214c4460}.kind-dental .selection p{color:#42665b}.kind-dental .editorial .image{clip-path:none;border-radius:200px 200px 24px 24px}.kind-dental .editorial .intro{color:#52746a}.kind-dental .closing{background:#efb78a;color:#214c44}
/* RIOT TYPE: torn editorial collage, asymmetry and aggressive oversized type. */
body.kind-studio{--bg:#4c18d9!important;--fg:#faf0dc!important;background:#4c18d9!important;color:#faf0dc!important}.kind-studio header{border-bottom:2px solid #faf0dc}.kind-studio .hero{grid-template-columns:38% 62%!important;min-height:870px!important;position:relative;padding:20px 4vw 70px!important}.kind-studio .hero-copy{grid-column:2;grid-row:1;align-self:end;padding:180px 0 0 0!important}.kind-studio .hero h1{font:900 clamp(65px,9vw,145px)/.85 'Arial Black',Arial,sans-serif!important;letter-spacing:-.08em!important;transform:rotate(-4deg);color:#faf0dc!important}.kind-studio .hero .stage{grid-column:1;grid-row:1;align-self:start;width:150%!important;height:650px!important;background:none!important;overflow:visible!important}.kind-studio .type-block{font-size:clamp(140px,22vw,350px);color:#ff5f25!important;text-shadow:8px 8px 0 #17141f;writing-mode:vertical-rl;transform:rotate(9deg);animation:riotKick 7s ease-in-out infinite}.kind-studio .type-block:after{content:'NO SAFE IDEAS';writing-mode:horizontal-tb;right:-30%;bottom:-25px;background:#efff38;color:#17141f;transform:rotate(-12deg)}.kind-studio .hero .intro{max-width:32ch;color:#e1d0ff}.kind-studio .stage-meta{display:none}.kind-studio .character-ticker{background:#efff38;color:#17141f;transform:rotate(4deg);font:900 34px Arial,sans-serif}.kind-studio .identity-panel{background:#faf0dc;color:#241531;clip-path:polygon(0 3%,17% 0,35% 3%,65% 0,84% 3%,100% 0,100% 100%,0 100%)}.kind-studio .identity-grid{grid-template-columns:1.4fr 1fr .8fr;align-items:start}.kind-studio .identity-grid article:nth-child(2){transform:rotate(6deg);margin-top:65px;background:#ff5f25}.kind-studio .identity-grid article:nth-child(3){margin-top:120px}.kind-studio .instrument{background:#1b1229}.kind-studio .editorial{display:flex;flex-direction:column-reverse;align-items:start}.kind-studio .editorial h2{font:900 clamp(45px,7vw,100px)/.9 'Arial Black',sans-serif!important;max-width:14ch}.kind-studio .editorial .image{width:65%;height:420px;transform:rotate(-5deg);align-self:end}.kind-studio .closing{background:#ff5f25;color:#23132e}
/* REGENT HOUSE: monumental centered serif, restrained gold, no ticker. */
body.kind-capital{--bg:#101d2a!important;--fg:#e9e0cd!important;background:#101d2a!important;color:#e9e0cd!important}.kind-capital header{padding:28px 6vw;border-color:#c8ad7240}.kind-capital .wordmark{font:500 20px Georgia,serif;letter-spacing:.2em}.kind-capital .hero{display:flex!important;flex-direction:column!important;text-align:center;min-height:0!important;padding:85px 7vw 60px!important;background:linear-gradient(90deg,transparent 10%,#c8ad7210 10.1%,transparent 10.2%,transparent 89.8%,#c8ad7210 90%,transparent 90.1%)}.kind-capital .hero-copy{align-items:center!important;padding:0!important;max-width:1100px!important}.kind-capital .hero h1{font:400 clamp(60px,7.8vw,125px)/1.06 Georgia,serif!important;letter-spacing:-.04em!important;text-transform:none!important;color:#e9e0cd!important}.kind-capital .hero .intro{color:#b5b7b2;max-width:52ch}.kind-capital .hero .stage{width:100%!important;height:320px!important;background:none!important;margin-top:55px;border-top:1px solid #c8ad7240!important;border-bottom:1px solid #c8ad7240!important}.kind-capital .capital-mark{height:160px;width:160px;border-width:30px;color:#c8ad72;transform:none}.kind-capital .capital-mark:after{inset:0 22px}.kind-capital .capital-mark:before{left:-230px;right:-230px}.kind-capital .hero .cta{background:transparent;color:#c8ad72;border-color:#c8ad72;padding:18px 35px}.kind-capital .character-ticker{display:none}.kind-capital .identity-panel{background:#e9e0cd;color:#142637}.kind-capital .identity-panel h2{font-family:Georgia,serif;font-weight:400}.kind-capital .identity-grid{gap:0}.kind-capital .identity-grid article{padding:35px;border:1px solid #14263730}.kind-capital .identity-grid strong{font:400 45px Georgia,serif}.kind-capital .instrument{background:#172b3d}.kind-capital .instrument h2,.kind-capital .editorial h2,.kind-capital .closing h2{font-family:Georgia,serif!important;font-weight:400!important;text-transform:none!important}.kind-capital .editorial .image{clip-path:none;filter:grayscale(1)}.kind-capital .closing{background:#c8ad72;color:#101d2a}
/* IRON ROAST: material, strength and industrial type, product left. */
body.kind-coffee{--bg:#d5c8ad!important;--fg:#252820!important;background:#d5c8ad!important;color:#252820!important}.kind-coffee header{border-bottom:3px solid #252820}.kind-coffee .hero{grid-template-columns:48% 52%!important;min-height:790px!important;padding:40px 5vw!important;background:repeating-linear-gradient(0deg,#0000 0 5px,#25282006 5px 6px)}.kind-coffee .hero-copy{grid-column:2;grid-row:1;border-left:3px solid #252820;padding:40px 0 40px 5vw!important}.kind-coffee .hero h1{font:900 clamp(65px,8vw,125px)/.9 Impact,sans-serif!important;letter-spacing:.005em!important;font-style:normal!important;color:#252820!important}.kind-coffee .hero .intro{color:#4b4e3e}.kind-coffee .hero .stage{grid-column:1;grid-row:1;height:650px!important;background:none!important}.kind-coffee .coffee-bag{background:linear-gradient(95deg,#242a23,#404d3b 40%,#171e18);color:#e3c393;width:300px;height:430px;border-radius:0;border-top:30px solid #171e18;transform:rotate(-4deg);animation:ironWeight 9s ease-in-out infinite;box-shadow:20px 25px 0 #25282025}.kind-coffee .coffee-bag strong{font:70px/.95 Impact,sans-serif;letter-spacing:.025em}.kind-coffee .hero .cta{background:#252820;color:#e3c393;border-color:#252820}.kind-coffee .eyebrow{color:#343b2b!important}.kind-coffee .stage-meta{color:#252820}.kind-coffee .character-ticker{background:#252820;color:#e3c393;transform:none;border-block:8px double #d5c8ad;font-size:38px}.kind-coffee .identity-panel{background:#252820;color:#d5c8ad}.kind-coffee .identity-grid article{border-top:8px solid #d5c8ad}.kind-coffee .identity-grid strong{font:50px Impact,sans-serif}.kind-coffee .instrument{background:#bbb092;color:#252820}.kind-coffee .mode{color:#252820;border-color:#25282070}.kind-coffee .selection p{color:#434b39}.kind-coffee .editorial .image{clip-path:none;filter:sepia(.4)}.kind-coffee .editorial h2{font-family:Impact,sans-serif!important;font-style:normal!important}.kind-coffee .editorial .intro{color:#4b4e3e}.kind-coffee .closing{background:#ad3d24;color:#f6e7ca}
/* REDLINE: panoramic circuit, telemetry and horizontal velocity. */
body.kind-motor{--bg:#090d10!important;--fg:#f0f2ed!important;background:#090d10!important}.kind-motor header{border-bottom:1px solid #ff3d2940;font-family:monospace}.kind-motor .hero{display:block!important;min-height:900px!important;padding:45px 5vw 380px!important;background:repeating-linear-gradient(90deg,transparent 0 99px,#ffffff05 100px)}.kind-motor .hero-copy{padding:0!important;position:relative;z-index:3;width:100%;max-width:100%!important}.kind-motor .hero h1{font:italic 900 clamp(78px,12.5vw,195px)/.86 Impact,sans-serif!important;letter-spacing:-.025em!important;max-width:100%!important}.kind-motor .hero .intro{max-width:45ch}.kind-motor .hero .stage{position:absolute!important;bottom:0;left:0;width:100%!important;height:360px!important;background:linear-gradient(170deg,transparent,#ff3d2915)!important}.kind-motor .velocity-emblem{font-size:260px;letter-spacing:-.08em;color:#ff3d29;animation:redlineRush 6s ease-in-out infinite}.kind-motor .race-track{left:0;right:0;top:25%;height:200px;transform:rotate(-5deg);border-block:2px solid #ffffff30}.kind-motor .race-track:after{height:5px;background:repeating-linear-gradient(90deg,transparent 0 120px,#ff3d29 120px 160px);animation-duration:1.8s}.kind-motor .stage-meta{left:5%;right:5%;font-family:monospace}.kind-motor .hero .cta{background:#ff3d29;border-color:#ff3d29;color:#fff;transform:skewX(-10deg)}.kind-motor .character-ticker{background:#ff3d29;color:#fff;transform:none;font:italic 32px Impact,sans-serif}.kind-motor .identity-panel{background:#f0f2ed;color:#090d10;display:grid;grid-template-columns:1fr 1.4fr;gap:4vw}.kind-motor .identity-grid{grid-template-columns:1fr}.kind-motor .identity-grid article{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:18px 0}.kind-motor .identity-grid strong{font:italic 40px Impact,sans-serif}.kind-motor .instrument{background:#111a20}.kind-motor .modes{display:grid;grid-template-columns:repeat(3,1fr)}.kind-motor .mode{font-family:monospace}.kind-motor .editorial .image{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.kind-motor .closing{background:#ff3d29;color:#fff}
@keyframes voltage{50%{rotate:-6deg;translate:5px -8px}}@keyframes smileBloom{50%{transform:rotate(5deg) translateY(-8px)}}@keyframes riotKick{50%{transform:rotate(6deg) translateY(-12px)}}@keyframes ironWeight{50%{transform:rotate(-2deg) translateY(-4px)}}@keyframes redlineRush{50%{transform:translateX(35px) skewX(-12deg)}}
@media(max-width:900px){.color .identity-grid{grid-template-columns:1fr!important}.color .identity-panel{padding:55px 6vw}.kind-soda .hero{padding-bottom:0!important;min-height:0!important}.kind-soda .hero .stage{position:relative!important;right:auto;top:auto;width:100%!important;height:440px!important;transform:none!important}.kind-soda .hero h1{font-size:clamp(76px,16vw,130px)!important}.kind-studio .hero,.kind-coffee .hero{display:flex!important;flex-direction:column!important;min-height:0!important}.kind-studio .hero-copy,.kind-coffee .hero-copy{padding:35px 4vw!important;border:0!important}.kind-studio .hero .stage{width:100%!important;overflow:hidden!important}.kind-studio .type-block{writing-mode:horizontal-tb;font-size:210px}.kind-studio .identity-grid article{margin-top:0!important;transform:none!important}.kind-studio .editorial .image{width:100%}.kind-dental .hero .stage,.kind-capital .hero .stage{width:100%!important;margin:20px 0 0!important}.kind-motor .hero{padding-bottom:360px!important;min-height:850px!important}.kind-motor .hero .stage{position:absolute!important;margin:0!important;width:100%!important;left:0;height:330px!important}.kind-motor .identity-panel{display:block}.kind-motor .modes{grid-template-columns:1fr}.kind-capital .hero h1{font-size:clamp(50px,10vw,85px)!important}}
@media(prefers-reduced-motion:reduce){.color *,.color *:before,.color *:after{animation:none!important;transition:none!important}}

.color.paused *:before,.color.paused *:after{animation-play-state:paused!important}

.kind-soda .soda-can{background:linear-gradient(90deg,#9c291d,var(--accent) 35%,var(--accent) 70%,#631e19);color:#151819;transition:background .5s,rotate .8s}.kind-soda[data-state="1"] .soda-can{rotate:-16deg}.kind-soda[data-state="2"] .soda-can{rotate:8deg;scale:1.07}
.kind-studio[data-state="1"] .type-block{color:#faf0dc!important;text-shadow:-12px 12px 0 #ff5f25}.kind-studio[data-state="2"] .type-block{color:#efff38!important;text-shadow:12px -12px 0 #17141f;scale:.85}
.kind-dental[data-state="1"] .smile-form{background:#f4d96f!important;box-shadow:100px -20px 0 -30px #c8ddae,-100px 40px 0 -40px #86b2a2}.kind-dental[data-state="2"] .smile-form{background:#89d9b4!important;rotate:12deg}.kind-dental .smile-form{transition:background .8s,box-shadow .8s,rotate .8s}
.kind-capital .capital-mark{color:var(--accent);transition:color .8s,scale .8s}.kind-capital[data-state="1"] .capital-mark{scale:1.15}.kind-capital[data-state="2"] .capital-mark{scale:.85}
.kind-coffee .coffee-bag:after{content:'01 / ORIGIN';position:absolute;bottom:90px;left:20px;right:20px;border-block:2px solid currentColor;padding:10px;text-align:center;font:700 12px monospace;letter-spacing:.2em}.kind-coffee[data-state="1"] .coffee-bag:after{content:'02 / BODY'}.kind-coffee[data-state="2"] .coffee-bag:after{content:'03 / AFTER DARK'}.kind-coffee[data-state="1"] .coffee-bag{background:#6a4229}.kind-coffee[data-state="2"] .coffee-bag{background:#1d1e1c;color:#d8583f}
.kind-motor .velocity-emblem{color:var(--accent)}.kind-motor[data-state="1"] .race-track{rotate:4deg}.kind-motor[data-state="2"] .race-track{rotate:-3deg}.kind-motor[data-state="2"] .race-track:after{animation-duration:.9s}.kind-motor .race-track{transition:rotate 1s}
.kind-soda footer,.kind-dental footer,.kind-coffee footer{color:var(--fg);border-color:currentColor}.kind-soda .closing .cta,.kind-dental .closing .cta,.kind-coffee .closing .cta,.kind-capital .closing .cta,.kind-motor .closing .cta,.kind-studio .closing .cta{background:transparent;border-color:currentColor;color:inherit;max-width:100%;text-align:center}.color .identity-grid p{font-size:15px}.color .identity-panel h2{overflow-wrap:break-word}.color header{flex-wrap:wrap;gap:16px}.color .hero .pause{min-height:36px}.color a:focus-visible,.color button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.kind-studio .hero .stage{z-index:1}.kind-studio .hero-copy{z-index:2}
@media(max-width:600px){.kind-soda .hero .stage{margin:0!important}.kind-soda .hero h1{font-size:clamp(70px,16vw,96px)!important}.kind-studio .type-block{font-size:160px}.kind-motor .hero h1{font-size:clamp(64px,13vw,90px)!important}.kind-dental .hero h1{font-size:clamp(48px,10vw,70px)!important}.color .closing{flex-direction:column;align-items:start}.kind-motor .identity-grid article{grid-template-columns:70px 1fr}.color .demo-note{font-size:9px}.kind-capital .capital-mark:before{left:-100px;right:-100px}}