/* Collection two: independent art directions, shared accessible interactions. */
.new-hero{position:relative}.new-hero h1{letter-spacing:-.075em}.new-hero .hero-copy>p{line-height:1.8}.new-hero .hero-copy{min-width:0}.new-hero .eyebrow{font-size:9px}.new-hero .hero-actions{gap:25px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font-size:9px;letter-spacing:.1em}.new-hero .site-study{box-shadow:0 25px 70px #0002}.new-hero .study-copy h3{font-size:clamp(22px,2.5vw,36px)}.new-hero .study-body{min-height:230px}.new-hero .study-art{height:190px}.new-hero .study-art span{max-height:190px}.theme-kinetic .primary,.theme-framework .primary,.theme-chromatic .primary{color:var(--bg)}
/* 06: typography as the main event, with a tilted editorial collage. */
.theme-kinetic{--bg:#f5f1e9;--ink:#181b19;--muted:#62645e;--accent:#ff5a25;--soft:#e9e5dd;--line:#d2d0c8;--card:#faf7f1;--inverse:#171c19}.theme-kinetic .brand-icon{color:var(--accent)}.theme-kinetic .review-strip{background:#1a1e1b;color:#f6f2e9}.theme-kinetic .brand-select{color:#f6f2e9}.theme-kinetic .brand-select option{color:#181b19}.theme-kinetic .nav{border-bottom:1px solid var(--line)}.kinetic-hero{padding-top:60px;display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.kinetic-hero h1{font-size:clamp(58px,7.5vw,110px);font-weight:800;line-height:.94}.kinetic-hero h1 em{font:inherit;color:var(--accent)}.kinetic-hero .hero-copy>p{max-width:440px}.kinetic-hero .primary{background:#1b201c;color:#fff;border-radius:0}.kinetic-hero .hero-actions{margin-top:34px}.kinetic-collage{height:520px;position:relative;margin-top:30px}.kinetic-poster{position:absolute;left:12%;top:0;right:3%;bottom:65px;background:#ff5a25;color:#22221c;transform:rotate(7deg);padding:32px;overflow:hidden}.kinetic-poster>span{position:relative;z-index:2;font-size:38px;font-weight:800;letter-spacing:-.055em;line-height:.95;display:block}.kinetic-poster>b{position:absolute;font-size:330px;line-height:1;right:-18px;top:70px;font-weight:400}.kinetic-poster>small{position:absolute;bottom:20px;left:25px;font-size:7px;letter-spacing:.13em}.kinetic-screen{position:absolute;width:78%;bottom:12px;left:-3%;transform:rotate(-9deg);border:5px solid #fff;z-index:2}.kinetic-screen .study-body{min-height:190px;padding:20px}.kinetic-screen .study-art{height:160px}.kinetic-screen .study-copy h3{font-size:27px}.kinetic-disc{width:100px;height:100px;border-radius:50%;position:absolute;right:-10px;bottom:5px;background:#242a24;color:#d8edab;font-size:80px;line-height:1;display:grid;place-items:center;z-index:3;animation:turn 30s linear infinite}.kinetic-note{position:absolute;right:-6px;top:35px;z-index:4;padding:18px;background:#dfedb2;font:italic 18px/1.1 Georgia,serif;transform:rotate(-9deg)}.kinetic-hero .hero-foot{grid-column:1/-1;margin-top:20px}.theme-kinetic .ticker{background:var(--accent);border:0;color:#151c18;font-weight:700}.theme-kinetic .ticker span{color:#151c18}.theme-kinetic h2{font-weight:700}.theme-kinetic h2 em{font-family:inherit;font-weight:700;color:var(--accent)}.theme-kinetic .projects{grid-template-columns:1.3fr 1fr}.theme-kinetic .project-card:first-child{grid-row:span 2}.theme-kinetic .project-card:first-child .project-image{height:100%;max-height:645px;display:grid;align-items:center;padding:40px}.theme-kinetic .project-card:first-child .site-study{transform:rotate(-5deg)}.theme-kinetic .project-card:first-child .study-body{min-height:350px}.theme-kinetic .project-card:first-child .study-copy h3{font-size:42px}.theme-kinetic .project-card:nth-child(n+2) .project-image{padding:20px 45px}.theme-kinetic .project-card:nth-child(n+2) .study-body{min-height:150px}.theme-kinetic .project-card:nth-child(n+2) .study-art{height:130px}.theme-kinetic .project-card:nth-child(n+2) .site-study{min-height:220px}.theme-kinetic .care-band{background:#dce8bb;color:#222b20}.theme-kinetic .care-band h2 em{color:#4c6740}.theme-kinetic .care-console{background:#202a20;transform:rotate(3deg)}.theme-kinetic .plan.featured{background:#ffe0c9}.theme-kinetic .closing{background:var(--accent);color:#172019}.theme-kinetic .closing h2 em{color:#f9efdd}.theme-kinetic .closing .primary{background:#1b201c;color:#fff}
/* 07: light editorial composition, folded planes and generous precision. */
.theme-porcelain{--bg:#f4f6f7;--ink:#203451;--muted:#66768a;--accent:#315eaf;--soft:#e6ecf1;--line:#ccd7e3;--card:#fff;--inverse:#e0e9f2}.theme-porcelain .brand{font:normal 27px Georgia,serif}.theme-porcelain .brand-icon{color:#315eaf}.theme-porcelain .review-strip{background:#e9eff5}.theme-porcelain .nav{padding-block:34px}.porcelain-hero{min-height:690px;padding-top:80px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.porcelain-label{font-size:8px;letter-spacing:.17em;line-height:1.6;position:absolute;top:20px;left:0;color:#788ca6}.porcelain-hero h1{font-weight:400;font-size:clamp(58px,6.5vw,94px);line-height:1.03}.porcelain-hero h1 em{color:#557cbe}.porcelain-hero .hero-copy{padding-top:50px}.porcelain-hero .hero-copy .eyebrow{max-width:340px;font-size:8px}.porcelain-hero .hero-copy>p{max-width:380px}.theme-porcelain .button{border-radius:40px}.porcelain-art{position:relative;height:510px}.fold{position:absolute;top:0;width:48%;height:390px;background:linear-gradient(125deg,#b9cce5,#f6fafc 49%,#b0c5e1 50%,#7f9cbe);box-shadow:20px 25px 50px #46648115;clip-path:polygon(10% 0,100% 10%,80% 100%,0 85%)}.fold-one{left:15%;transform:rotate(-14deg);animation:fold-drift 9s ease-in-out infinite}.fold-two{left:45%;top:25px;transform:rotate(17deg);background:linear-gradient(100deg,#d4dfec,#90acd3 50%,#eaf0f7 51%,#bdcfe6);animation:fold-drift 11s ease-in-out infinite reverse}.porcelain-screen{position:absolute;width:82%;left:3%;bottom:42px;border:7px solid #fff;border-radius:4px;transform:rotate(-4deg);box-shadow:0 30px 50px #1e3c6020}.porcelain-screen .site-study{background:#e8edf1;color:#304861}.porcelain-screen .study-art{filter:grayscale(1);opacity:.7}.porcelain-screen .study-body{min-height:230px}.art-number{position:absolute;bottom:0;right:5%;font-size:8px;letter-spacing:.14em}.porcelain-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:10px}.porcelain-foot>span{font:italic 20px Georgia,serif}.theme-porcelain .ticker{font-size:9px;color:#617a9b}.theme-porcelain h2{font-weight:400}.theme-porcelain h2 em{color:#587bad}.theme-porcelain .projects{gap:36px}.theme-porcelain .project-image{padding:35px 15px;background:#dce4ec;border-radius:100px 100px 0 0}.theme-porcelain .project-card:nth-child(2){margin-top:65px}.theme-porcelain .project-image .site-study{filter:saturate(.4)}.theme-porcelain .approach{border-top:1px solid var(--line)}.theme-porcelain .step-number{font-family:Georgia,serif;color:#5578a6}.theme-porcelain .care-band{background:#dce6f0;color:#273d5a}.theme-porcelain .care-console{background:#f7f9fb;color:#294361;box-shadow:0 20px 40px #284a7014;transform:none;border:1px solid #b8c9dc}.theme-porcelain .console-row{border-color:#cdd9e5}.theme-porcelain .console-row b,.theme-porcelain .console-logo{color:#315eaf}.theme-porcelain .care-console p{color:#647c97}.theme-porcelain .plan{border-radius:16px;background:#fff}.theme-porcelain .plan.featured{background:#e9eff7}.theme-porcelain .closing{background:#243b5d;color:#fff}.theme-porcelain .closing h2 em{color:#a7c0e7}.theme-porcelain .closing .primary{background:#dce9f7;color:#243b5d}
/* 08: a modular studio / engineering workspace. */
.theme-framework{--bg:#0c1918;--ink:#e6f2e7;--muted:#a3bab1;--accent:#bbf57d;--soft:#152a26;--line:#2b443b;--card:#10231e;--inverse:#d9ebd0}.theme-framework .review-strip{background:#091411}.theme-framework .brand{letter-spacing:-.07em}.theme-framework .brand-icon{color:#bbf57d}.theme-framework .nav{border-bottom:1px solid var(--line)}.framework-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-block:65px 80px}.framework-hero h1{font-size:clamp(55px,6vw,90px);font-weight:750;line-height:.99}.framework-hero h1 em{font:inherit;color:#bbf57d}.framework-hero .hero-copy .eyebrow{font-family:monospace;letter-spacing:.1em;max-width:400px}.framework-hero .hero-copy>p{max-width:400px}.theme-framework .button{border-radius:5px}.framework-board{border:1px solid #3c5b4c;background:#10231e;padding:14px;border-radius:12px;box-shadow:0 30px 80px #0003;transform:rotate(2deg)}.board-top,.board-bottom{display:flex;justify-content:space-between;gap:20px;padding:10px 2px 20px;font:9px monospace;color:#a4b9ac}.board-top>span:last-child{color:#bbf57d}.board-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.board-grid>div{border:1px solid #345544;border-radius:7px;padding:18px;overflow:hidden;min-width:0}.board-grid>div>span:first-child{font:8px monospace;letter-spacing:.1em;display:block;margin-bottom:16px}.board-design{grid-column:1/-1;background:#1b3028}.board-design .site-study{border-radius:4px}.board-design .study-body{min-height:150px;padding:15px 20px}.board-design .study-art{height:110px}.board-design .study-copy h3{font-size:26px}.board-design .study-art span{max-height:110px}.board-design .study-copy small{margin-bottom:8px}.board-design .study-link{margin-top:10px}.board-symbol{display:none}.board-code{color:#92bba8;background:#10251d}.board-code code{font-size:17px;line-height:1.6;color:#c7edb1}.board-care{position:relative;background:#bbf57d;color:#173623}.board-care strong{display:block;font-size:29px;letter-spacing:-.06em;line-height:1.1}.care-pulse{position:absolute;bottom:17px;right:17px;width:10px;height:10px;background:#2e5a2b;border-radius:50%;box-shadow:0 0 0 8px #8ed852;animation:breathe 3s infinite}.board-bottom{padding:20px 2px 3px;font-size:8px;line-height:1.6}.board-bottom>span{font-size:20px;color:#bbf57d}.theme-framework .ticker{background:#14261f;font-family:monospace}.theme-framework h2 em{font:inherit;color:#bbf57d}.theme-framework .project-image{border-radius:8px;background:#1c352a;padding:35px 15px}.theme-framework .project-card:nth-child(2) .project-image{background:#2f4935}.theme-framework .project-card:nth-child(3) .project-image{background:#304644}.theme-framework .project-caption{font-family:monospace}.theme-framework .approach{grid-template-columns:1fr;gap:40px}.theme-framework .approach-intro{max-width:630px}.theme-framework .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.theme-framework .steps article{display:block;background:#12291f;border:1px solid var(--line);padding:25px;border-radius:8px}.theme-framework .steps h3{font-size:22px}.theme-framework .step-number{display:block;margin-bottom:25px;color:#bbf57d}.theme-framework .steps p{font-size:12px}.theme-framework .care-band{background:#d9ebd0;color:#143121}.theme-framework .care-band h2 em{color:#466e39}.theme-framework .care-copy>p{color:#536951}.theme-framework .care-console{background:#123322;transform:none;border:1px solid #385b3a;border-radius:8px}.theme-framework .plan{border-radius:9px}.theme-framework .plan.featured{background:#1d3828;border-color:#789b52}.theme-framework .closing{background:#bbf57d;color:#15301d}.theme-framework .closing h2 em{color:#486b37}.theme-framework .closing .primary{background:#15301d;color:#d8efc1}
/* 09: centered composition with a flowing aurora and browser triptych. */
.theme-chromatic{--bg:#111023;--ink:#f3eeff;--muted:#b8b0d3;--accent:#d1a6ff;--soft:#211b38;--line:#3c3157;--card:#1a152d;--inverse:#e0cdf6}.theme-chromatic .brand-icon{color:#c9a2ff}.theme-chromatic .review-strip{background:#19132a}.theme-chromatic .nav{position:relative;z-index:3}.theme-chromatic .button,.theme-chromatic .nav-cta{border-radius:40px}.chromatic-hero{overflow:hidden;padding-top:45px;padding-bottom:45px;isolation:isolate}.chromatic-content{position:relative;z-index:1}.chromatic-hero .hero-copy{text-align:center;max-width:1000px;margin:auto}.chromatic-hero .hero-copy .eyebrow{justify-content:center;color:#c3b0e7}.chromatic-hero h1{font-size:clamp(58px,7vw,100px);font-weight:500;line-height:1.03}.chromatic-hero h1 em{font:inherit;background:linear-gradient(100deg,#a0c9ff,#d4aaff 50%,#f0c7ed);background-clip:text;color:transparent}.chromatic-hero .hero-copy>p{max-width:520px;margin:26px auto 0}.chromatic-hero .hero-actions{justify-content:center;margin-top:25px}.aurora{position:absolute;inset:10% 0 0;z-index:-1;overflow:hidden;filter:blur(55px);opacity:.25}.aurora i{position:absolute;width:70%;height:45%;border-radius:50%;background:#7055ef;top:40%;left:0;transform:rotate(-20deg);animation:aurora-flow 13s ease-in-out infinite}.aurora i:nth-child(2){background:#d862c6;left:45%;top:30%;animation-delay:-4s}.aurora i:nth-child(3){background:#397ced;left:-10%;top:70%;animation-delay:-8s}.chromatic-stage{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:25px;align-items:center;padding:65px 0 15px;perspective:1200px}.chroma-main{position:relative;z-index:2;border:6px solid #eee4ff;border-radius:10px;overflow:hidden;box-shadow:0 25px 80px #0005;animation:studio-float 8s ease-in-out infinite}.chroma-side{border:5px solid #74618c;border-radius:8px;overflow:hidden;transform:rotateY(18deg) rotate(-6deg);opacity:.8}.chroma-side:last-child{transform:rotateY(-18deg) rotate(6deg)}.chroma-side .study-body{min-height:180px;padding:18px 12px}.chroma-side .study-copy h3{font-size:25px}.chroma-side .study-art{height:140px}.chroma-side .study-nav>span{display:none}.chroma-main .study-body{min-height:240px;padding:25px 18px}.chroma-main .study-copy h3{font-size:33px}.stage-caption{text-align:center;font-size:9px;padding-top:18px;color:#b9a5d3}.theme-chromatic .ticker{background:#18142b}.theme-chromatic h2 em{color:#c7a5fa}.theme-chromatic .project-image{border-radius:18px;padding:45px 15px;background:#30223f}.theme-chromatic .project-card:nth-child(2) .project-image{background:#243b43}.theme-chromatic .project-card:nth-child(3) .project-image{background:#333e60}.theme-chromatic .approach{border-top:1px solid var(--line)}.theme-chromatic .care-band{background:linear-gradient(130deg,#e5d8f7,#c8d5f5);color:#302747}.theme-chromatic .care-band h2 em{color:#78569e}.theme-chromatic .care-copy>p{color:#685878}.theme-chromatic .care-console{background:#261b3b;border-radius:15px;transform:rotate(-3deg)}.theme-chromatic .console-logo{color:#d4b6ff}.theme-chromatic .plan{border-radius:18px}.theme-chromatic .plan.featured{background:linear-gradient(130deg,#32214a,#212744)}.theme-chromatic .closing{background:linear-gradient(120deg,#2a1c48,#1b2645);color:#fff}.theme-chromatic .closing h2 em{color:#d4b8fb}
/* 10: a sharp cedar mark and quiet contemporary identity. */
.theme-cedar{--bg:#f1f3ed;--ink:#122e27;--muted:#60756a;--accent:#126553;--soft:#e1e8db;--line:#ccd6c8;--card:#f9faf5;--inverse:#153a2c}.theme-cedar .review-strip{background:#e1e8db}.theme-cedar .brand-icon{color:#126553}.theme-cedar .nav{border-bottom:1px solid var(--line)}.cedar-topline{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.17em;padding:27px 0}.cedar-composition{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding:50px 0 60px}.cedar-emblem{position:relative;padding:30px 5% 25px}.cedar-emblem svg{width:100%;fill:#14624e;overflow:visible}.cedar-emblem svg path{transform-origin:50% 90%;animation:cedar-arrive 1.8s both}.cedar-emblem svg path:nth-child(2){animation-delay:.15s}.cedar-emblem svg path:nth-child(3){animation-delay:.3s}.cedar-emblem svg path:nth-child(4){animation-delay:.45s}.cedar-emblem>span{font-size:7px;letter-spacing:.22em;display:block;text-align:center;margin-top:30px;color:#738979}.cedar-hero h1{font-size:clamp(53px,5.8vw,84px);font-weight:500;line-height:1.03}.cedar-hero h1 em{font:inherit;color:#548267}.cedar-hero .hero-copy>p{max-width:410px}.cedar-hero .hero-copy .eyebrow{font-size:8px}.cedar-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 0 35px}.cedar-bottom p{font-size:12px}.cedar-bottom>span{font-size:8px;letter-spacing:.1em;color:#60796b}.cedar-arrow{display:grid;place-items:center;width:55px;height:55px;border:1px solid #b9c8b5;border-radius:50%;font-size:25px;transition:background .2s}.cedar-arrow:hover{background:#d8e5cb}.theme-cedar .ticker{background:#163b2e;color:#e5eee0;font-size:10px}.theme-cedar .ticker span{color:#a9ca91}.theme-cedar h2 em{font:inherit;color:#548267}.theme-cedar .projects{grid-template-columns:repeat(3,1fr);gap:28px}.theme-cedar .project-image{border:1px solid var(--line);padding:45px 15px;background:#dce6d6}.theme-cedar .project-image .site-study{filter:saturate(.55)}.theme-cedar .care-band{background:#173c2e;color:#f0f5e9}.theme-cedar .care-band h2 em{color:#accb92}.theme-cedar .care-copy>p{color:#b8ccb8}.theme-cedar .care-points{color:#c6dac1}.theme-cedar .care-copy .secondary{color:#e0edd8;border-color:#69876b}.theme-cedar .care-console{background:#e0e9d8;color:#173c2e;transform:none;box-shadow:none}.theme-cedar .console-row{border-color:#bccdb5}.theme-cedar .console-row b,.theme-cedar .console-logo{color:#356947}.theme-cedar .care-console p{color:#587459}.theme-cedar .plan.featured{background:#e0e9d8;border-color:#93ad80}.theme-cedar .closing{background:#e0e9d8;color:#173c2e}.theme-cedar .closing h2 em{color:#548267}.theme-cedar .closing .primary{background:#173c2e;color:#fff}
@keyframes fold-drift{50%{translate:0 -14px}}@keyframes aurora-flow{50%{translate:8% -8%;scale:1.08}}@keyframes studio-float{50%{translate:0 -12px}}@keyframes cedar-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.kinetic-hero,.framework-hero,.cedar-hero{min-height:720px}.kinetic-collage{height:550px}}
@media(max-width:1100px){.kinetic-hero{gap:20px}.kinetic-collage{height:480px}.kinetic-poster{padding:22px}.kinetic-poster>span{font-size:30px}.kinetic-poster>b{font-size:270px}.kinetic-screen{width:90%;left:-5%}.kinetic-screen .study-copy h3{font-size:24px}.kinetic-note{font-size:14px}.kinetic-disc{height:80px;width:80px;font-size:65px}.framework-hero{gap:30px}.board-top{font-size:7px}.board-care strong{font-size:25px}.theme-framework .steps{grid-template-columns:1fr 1fr}.porcelain-hero{gap:20px}.porcelain-screen{width:92%;left:0}.porcelain-art{height:500px}.cedar-composition{gap:30px}.chromatic-stage{gap:15px}.chroma-main .study-copy h3{font-size:27px}.chroma-side .study-copy h3{font-size:20px}.chroma-side .study-nav{padding:12px}.chroma-side .study-art{height:100px}.chroma-main .study-art{height:140px}}
@media(max-width:800px){.kinetic-hero,.framework-hero,.porcelain-hero{grid-template-columns:1fr}.kinetic-hero .hero-copy{max-width:630px}.kinetic-hero h1{font-size:clamp(55px,11vw,86px)}.kinetic-collage{height:520px;width:min(500px,90%);margin:auto}.kinetic-hero .hero-foot{font-size:7px;margin-top:20px;gap:20px}.framework-hero .hero-copy{max-width:600px}.framework-hero h1{font-size:clamp(54px,10vw,80px)}.framework-board{max-width:550px;width:96%;margin:20px auto 0}.porcelain-hero{padding-top:65px}.porcelain-hero .hero-copy{padding-top:10px}.porcelain-hero h1{font-size:clamp(58px,10vw,85px)}.porcelain-art{width:min(500px,100%);margin:auto;height:530px}.porcelain-foot{margin-top:10px}.theme-porcelain .projects{gap:15px}.theme-porcelain .project-card:nth-child(2){margin-top:0}.cedar-composition{grid-template-columns:.8fr 1fr;gap:20px}.cedar-hero h1{font-size:46px}.cedar-hero .hero-copy>p{font-size:13px}.cedar-topline{font-size:7px}.cedar-hero .hero-actions{gap:15px}.cedar-hero .hero-actions .button{font-size:10px;padding:14px}.chromatic-stage{grid-template-columns:.7fr 1.3fr .7fr;gap:12px;margin-inline:-8%;}.chroma-side .study-body{grid-template-columns:1fr;padding:18px 10px}.chroma-side .study-art{display:none}.chroma-side .study-copy h3{font-size:20px}.chromatic-hero h1{font-size:clamp(52px,9vw,78px)}.chroma-main .study-body{min-height:210px}.theme-kinetic .project-card:first-child .project-image{max-height:550px;padding:25px}.theme-kinetic .project-card:first-child .study-copy h3{font-size:30px}}
@media(max-width:650px){.new-hero .eyebrow{font-size:7px}.new-hero .hero-copy>p{font-size:13px}.new-hero .hero-actions{gap:20px}.new-hero .hero-actions .button{font-size:11px;padding:15px 20px}.kinetic-hero{padding-top:35px}.kinetic-hero h1{font-size:clamp(49px,11vw,70px)}.kinetic-collage{height:430px;margin-top:15px;width:90%}.kinetic-poster{left:10%;right:0;bottom:70px;padding:24px 18px}.kinetic-poster>span{font-size:28px}.kinetic-poster>b{font-size:240px;top:65px}.kinetic-note{font-size:13px;padding:12px;right:-7px;top:20px}.kinetic-screen{width:95%;bottom:20px;left:-6%}.kinetic-screen .study-body{min-height:150px;padding:15px 12px}.kinetic-screen .study-copy h3{font-size:24px}.kinetic-screen .study-art{height:125px}.kinetic-screen .study-art span{max-height:125px}.kinetic-screen .study-nav{padding:12px}.kinetic-disc{width:70px;height:70px;font-size:55px;right:-8px;bottom:0}.hero-foot{line-height:1.7}.theme-kinetic .projects{grid-template-columns:1fr}.theme-kinetic .project-card:first-child{grid-row:auto}.theme-kinetic .project-card:first-child .project-image{height:auto;max-height:none;padding:40px 25px}.theme-kinetic .project-card:first-child .study-body{min-height:230px}.theme-kinetic .project-card:nth-child(n+2) .project-image{padding:30px 25px}.theme-kinetic .project-card:nth-child(n+2) .study-body{min-height:200px}.theme-porcelain .projects,.theme-cedar .projects{grid-template-columns:1fr}.porcelain-hero{padding-top:70px}.porcelain-art{height:430px}.fold{height:320px}.porcelain-screen{bottom:35px;width:90%;left:2%}.porcelain-screen .study-body{min-height:190px;padding:18px 15px}.porcelain-screen .study-copy h3{font-size:27px}.porcelain-screen .study-art{height:145px}.porcelain-screen .study-art span{max-height:145px}.porcelain-foot{font-size:9px;gap:15px}.porcelain-foot>span{font-size:17px}.theme-porcelain .project-image{border-radius:70px 70px 0 0}.framework-hero{padding-block:40px 60px}.framework-hero h1{font-size:clamp(49px,11vw,72px)}.framework-board{padding:10px;transform:rotate(0);width:100%;border-radius:10px}.board-top{font-size:7px;gap:8px;line-height:1.6}.board-grid{gap:8px}.board-grid>div{padding:12px}.board-design .study-body{padding:15px 10px}.board-design .study-copy h3{font-size:22px}.board-design .study-nav{padding:12px}.board-design .study-nav>span{display:none}.board-care strong{font-size:25px}.board-code code{font-size:15px}.board-grid>div>span:first-child{font-size:7px}.theme-framework .steps{grid-template-columns:1fr 1fr;gap:10px}.theme-framework .steps article{padding:20px 16px}.theme-framework .steps h3{font-size:20px}.theme-framework .steps p{font-size:11px}.chromatic-hero{padding-top:25px}.chromatic-hero h1{font-size:clamp(44px,10vw,64px)}.chromatic-hero .hero-copy .eyebrow{max-width:270px;margin-inline:auto}.chromatic-stage{display:block;margin:0;padding-top:45px}.chroma-main{width:90%;margin:auto;transform:rotate(-3deg)}.chroma-side{display:none}.chroma-main .study-body{min-height:220px;padding:20px 15px}.chroma-main .study-copy h3{font-size:28px}.chroma-main .study-art{height:155px}.stage-caption{font-size:8px}.cedar-topline{font-size:6px;line-height:1.6;gap:18px}.cedar-topline span{max-width:150px}.cedar-topline span:last-child{text-align:right}.cedar-composition{grid-template-columns:1fr;padding-top:10px;gap:30px;padding-bottom:35px}.cedar-emblem{padding:10px 14%;order:1}.cedar-emblem>span{font-size:6px;margin-top:15px}.cedar-composition .hero-copy{order:2}.cedar-hero h1{font-size:clamp(44px,10.5vw,68px)}.cedar-hero .hero-copy .eyebrow{font-size:7px}.cedar-bottom>span{display:none}.cedar-bottom p{font-size:11px}.cedar-bottom{padding-block:20px}.theme-cedar .ticker{font-size:9px}.new-hero .study-nav>span{font-size:4px}}
@media(prefers-reduced-motion:reduce){.new-hero *{animation:none!important;transition:none!important}.cedar-emblem svg path{opacity:1;translate:none}}
@media(max-width:360px){.porcelain-art .fold{width:42%;height:295px}.porcelain-art .fold-two{left:40%}.porcelain-art{height:405px}}
.theme-kinetic .care-copy>p{color:#526244}.theme-kinetic .care-console,.theme-framework .care-console,.theme-chromatic .care-console{color:#edf4e7}
.theme-kinetic .care-copy .secondary{color:#293d24;border-color:#8a9d74}.theme-porcelain .care-copy>p{color:#536c88}.theme-porcelain .care-copy .secondary{color:#294361;border-color:#93aac3}.theme-framework .care-copy .secondary{color:#1d4429;border-color:#8ca582}.theme-chromatic .care-copy .secondary{color:#45315e;border-color:#a88fc0}