*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}
button,a{font:inherit}
a{color:inherit}
.concept-bar{position:relative;z-index:10;min-height:52px;background:#17191c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px clamp(24px,5vw,72px);font-size:12px;font-weight:700;letter-spacing:.01em}
.concept-bar a{text-decoration:none}
.concept-bar a:hover{text-decoration:underline;text-underline-offset:4px}
.concept-bar span{color:#b9bab9;text-align:center}
.concept-bar .concept-order{color:#ff9c6d;white-space:nowrap}
.demo-nav{position:relative;z-index:3;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(25px,5vw,80px)}
.demo-brand{text-decoration:none;font-weight:800;white-space:nowrap}
.demo-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}
.demo-links a{text-decoration:none}
.demo-links a:not(.demo-nav-cta):hover{text-decoration:underline;text-underline-offset:5px}
.demo-nav-cta,.concept-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border-radius:100px;font-size:13px;font-weight:800;padding:15px 24px;transition:transform .28s,box-shadow .28s}
.demo-nav-cta:hover,.concept-button:hover{transform:translateY(-3px);box-shadow:0 13px 30px #0002}
.concept-hero{position:relative;overflow:hidden;isolation:isolate}
.hero-copy{position:relative;z-index:2}
.kicker{display:block;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.19em}
.concept-hero h1{margin:19px 0 26px;line-height:.97;letter-spacing:-.065em}
.concept-hero p{font-size:clamp(17px,1.4vw,21px);line-height:1.65;max-width:560px}
.concept-button{margin-top:20px}
.demo-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.service-section{padding:120px clamp(26px,5vw,80px)}
.service-inner{max-width:1380px;margin:auto}
.service-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
.service-heading h2{font-size:clamp(42px,5.2vw,76px);line-height:1;letter-spacing:-.065em;max-width:760px;margin:14px 0 0;text-wrap:balance}
.service-heading p{max-width:320px;font-size:17px;line-height:1.6}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{position:relative;overflow:hidden;min-height:280px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s,box-shadow .35s}
.service-card:hover{transform:translateY(-7px);box-shadow:0 25px 45px #0002}
.service-card b{font-size:12px;letter-spacing:.16em;margin-bottom:auto}
.service-card h3{font-size:clamp(26px,2.8vw,39px);letter-spacing:-.055em;line-height:1.1;margin:28px 0 12px}
.service-card p{margin:0;line-height:1.55;font-size:15px;max-width:340px}
.feature-section{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.feature-photo{min-height:500px;background-size:cover;background-position:center}
.feature-copy{padding:clamp(55px,7vw,120px);display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(45px,5.4vw,78px);line-height:1;letter-spacing:-.065em;margin:16px 0 24px;text-wrap:balance}
.feature-copy p{font-size:18px;line-height:1.65;max-width:520px}
.feature-copy ul{list-style:none;padding:0;margin:20px 0 0}
.feature-copy li{padding:14px 0;border-top:1px solid currentColor;font-size:15px;font-weight:700}
.feature-copy li:before{content:'↗';margin-right:16px}
.concept-close{padding:120px clamp(26px,5vw,80px);text-align:center}
.concept-close h2{font-size:clamp(52px,7vw,105px);line-height:.95;letter-spacing:-.075em;max-width:1040px;margin:20px auto 27px;text-wrap:balance}
.concept-close p{font-size:18px;line-height:1.6;max-width:620px;margin:0 auto 17px}
.concept-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px clamp(26px,5vw,80px);font-size:12px}
.concept-footer a{text-decoration:none;font-weight:800}
.concept-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:currentColor;transform:scaleX(0);transform-origin:left;pointer-events:none}
.reveal-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal-ready .reveal.in-view{opacity:1;transform:translateY(0)}

/* Sunday Home: editorial, warm, quiet. */
.sunday{background:#f6f2e9;color:#23372c}
.sunday .demo-nav{background:#f6f2e9}
.sunday .demo-brand{font-family:Georgia,serif;font-size:33px;font-style:italic;font-weight:700;letter-spacing:-.07em}
.sunday .demo-nav-cta,.sunday .concept-button{background:#274b39;color:#fff}
.sunday .concept-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:700px}
.sunday .hero-copy{padding:clamp(70px,8vw,145px) clamp(30px,6vw,98px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.sunday .kicker{color:#587b62}
.sunday .concept-hero h1{font-family:Georgia,serif;font-size:clamp(60px,6.7vw,106px);font-weight:400;letter-spacing:-.075em}
.sunday .concept-hero p{color:#5f6b5f}
.sunday .hero-image{position:relative;overflow:hidden;min-height:650px}
.sunday .hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center;position:absolute;inset:0;animation:photoBreath 20s ease-in-out infinite alternate}
.sunday .hero-image:after{content:'A home that feels like yours again.';position:absolute;bottom:30px;right:35px;color:#fff;font-family:Georgia,serif;font-size:22px;text-shadow:0 2px 15px #0008}
.sunday .service-section{background:#e7e8de}
.sunday .service-heading p{color:#69776a}
.sunday .service-card{background:#f8f6ef;border:1px solid #d5dccf}
.sunday .service-card b{color:#7c937d}
.sunday .service-card h3{font-family:Georgia,serif;font-weight:400}
.sunday .service-card p{color:#627062}
.sunday .feature-photo{background-image:url('vezzuvio-cinematic-kitchen.png')}
.sunday .feature-copy{background:#284b39;color:#f6f2e9}
.sunday .feature-copy p{color:#d5dfd2}
.sunday .feature-copy li{border-color:#ffffff44}
.sunday .concept-close{background:#e2e8da}
.sunday .concept-close h2{font-family:Georgia,serif;font-weight:400}
.sunday .concept-close p{color:#607061}
.sunday .concept-footer{background:#274b39;color:#e9f0e6}
.sunday .concept-progress{color:#6f8a69}

/* Morrow: open, crisp, coastal. */
.morrow{background:#e8f3f7;color:#173945}
.morrow .demo-nav{background:#e8f3f7}
.morrow .demo-brand{font-size:31px;letter-spacing:-.075em;font-weight:900}
.morrow .demo-brand i{font-style:normal;color:#4aa3c0}
.morrow .demo-nav-cta,.morrow .concept-button{background:#153f52;color:#fff}
.morrow .concept-hero{min-height:740px;display:flex;align-items:center;background:linear-gradient(90deg,#e8f3f7f2 0%,#e8f3f7d6 35%,#e8f3f700 78%),url('portfolio-morrow-kitchen.png') center/cover}
.morrow .hero-copy{padding:90px clamp(30px,6vw,100px);max-width:850px}
.morrow .kicker{color:#347b98}
.morrow .concept-hero h1{font-size:clamp(65px,7.8vw,124px);font-weight:850;max-width:800px}
.morrow .concept-hero p{color:#496874}
.morrow .hero-stamp{position:absolute;right:6vw;bottom:60px;border:1px solid #1b5b74b3;background:#e8f3f7c9;backdrop-filter:blur(10px);border-radius:100%;width:152px;height:152px;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transform:rotate(12deg)}
.morrow .service-section{background:#f9fcfd}
.morrow .service-heading p{color:#55727b}
.morrow .service-card{background:#e7f4f8;border-radius:28px}
.morrow .service-card:nth-child(2){background:#d2ebf2}.morrow .service-card:nth-child(3){background:#c2e2e9}
.morrow .service-card b{color:#367a91}
.morrow .service-card p{color:#4d6c76}
.morrow .feature-section{grid-template-columns:1.05fr .95fr}
.morrow .feature-photo{background-image:url('portfolio-morrow-kitchen.png');background-position:75% center}
.morrow .feature-copy{background:#16465b;color:#eefbfe}
.morrow .feature-copy p{color:#c5e5ed}
.morrow .feature-copy li{border-color:#ffffff4f}
.morrow .concept-close{background:#d9eff5}
.morrow .concept-close p{color:#4d6c76}
.morrow .concept-footer{background:#153f52;color:#e7f6f9}
.morrow .concept-progress{color:#65bdd4}

/* Goodkind: warm, optimistic, expressive. */
.goodkind{background:#fff1e8;color:#372724}
.goodkind .demo-nav{background:#fff1e8}
.goodkind .demo-brand{font-size:32px;font-weight:900;letter-spacing:-.08em}
.goodkind .demo-brand span{color:#e2644d}
.goodkind .demo-nav-cta,.goodkind .concept-button{background:#e16048;color:#fff}
.goodkind .concept-hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;background:#ffecdf}
.goodkind .hero-image{position:relative;overflow:hidden;min-height:650px;border-radius:0 160px 0 0}
.goodkind .hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% center;position:absolute;inset:0;animation:photoBreath 19s ease-in-out infinite alternate}
.goodkind .hero-copy{padding:80px clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.goodkind .kicker{color:#d65843}
.goodkind .concept-hero h1{font-size:clamp(69px,7.2vw,116px);font-weight:900}
.goodkind .concept-hero h1 em{color:#df624a;font-style:normal}
.goodkind .concept-hero p{color:#735e56}
.goodkind .sunmark{position:absolute;top:80px;right:7vw;font-size:90px;color:#e16a4e;animation:slowRotate 22s linear infinite}
.goodkind .service-section{background:#fff9f4}
.goodkind .service-heading p{color:#7d655d}
.goodkind .service-card{border-radius:30px}
.goodkind .service-card:nth-child(1){background:#ffd7c5}.goodkind .service-card:nth-child(2){background:#f7e8b5}.goodkind .service-card:nth-child(3){background:#dfe9d5}
.goodkind .service-card b{color:#ab6553}
.goodkind .service-card p{color:#6e5c53}
.goodkind .feature-section{grid-template-columns:1fr 1fr}
.goodkind .feature-photo{background-image:url('portfolio-goodkind-living.png');background-position:28% center}
.goodkind .feature-copy{background:#e16048;color:#fff8f1}
.goodkind .feature-copy p{color:#fff1e9}
.goodkind .feature-copy li{border-color:#ffffff77}
.goodkind .concept-close{background:#ffe4d6}
.goodkind .concept-close p{color:#766056}
.goodkind .concept-footer{background:#e16048;color:#fff7f1}
.goodkind .concept-progress{color:#f5b274}

@keyframes photoBreath{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@keyframes slowRotate{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .concept-bar span{display:none}
  .demo-links a:not(.demo-nav-cta){display:none}
  .sunday .concept-hero,.goodkind .concept-hero{grid-template-columns:1fr}
  .sunday .hero-copy,.goodkind .hero-copy{min-height:590px}
  .sunday .hero-image,.goodkind .hero-image{min-height:450px}
  .goodkind .hero-image{order:1;border-radius:0 90px 0 0}
  .goodkind .hero-copy{order:0}
  .morrow .concept-hero{min-height:680px}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-card:last-child{grid-column:1/-1}
  .feature-section,.morrow .feature-section,.goodkind .feature-section{grid-template-columns:1fr}
  .feature-photo{min-height:430px}
}
@media(max-width:600px){
  .concept-bar{padding:9px 20px;font-size:10px}
  .concept-bar .concept-order{max-width:126px;text-align:right;white-space:normal}
  .demo-nav{min-height:70px;padding:0 25px}
  .demo-brand,.sunday .demo-brand,.morrow .demo-brand,.goodkind .demo-brand{font-size:25px}
  .demo-nav-cta{padding:11px 13px;font-size:11px}
  .sunday .hero-copy,.goodkind .hero-copy{min-height:560px;padding:70px 28px}
  .sunday .concept-hero h1,.goodkind .concept-hero h1,.morrow .concept-hero h1{font-size:clamp(55px,13vw,74px)}
  .sunday .hero-image,.goodkind .hero-image{min-height:320px}
  .sunday .hero-image:after{font-size:15px;right:20px;bottom:20px}
  .morrow .concept-hero{min-height:670px;align-items:start;background:linear-gradient(180deg,#e8f3f7f5 0%,#e8f3f7d9 45%,#e8f3f700 100%),url('portfolio-morrow-kitchen.png') 66% bottom/cover}
  .morrow .hero-copy{padding:70px 28px}
  .morrow .hero-stamp{width:98px;height:98px;font-size:8px;right:25px;bottom:28px}
  .goodkind .sunmark{font-size:65px;top:25px;right:26px}
  .service-section{padding:85px 27px}
  .service-heading{display:block;margin-bottom:35px}
  .service-heading h2{font-size:clamp(43px,10vw,58px)}
  .service-heading p{margin-top:20px}
  .service-grid{grid-template-columns:1fr}
  .service-card,.service-card:last-child{grid-column:auto;min-height:230px}
  .feature-photo{min-height:310px}
  .feature-copy{padding:75px 29px}
  .feature-copy h2{font-size:clamp(44px,10vw,62px)}
  .concept-close{padding:90px 27px}
  .concept-close h2{font-size:clamp(49px,11vw,68px)}
  .concept-footer{padding:28px;display:block;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sunday .hero-image img,.goodkind .hero-image img,.goodkind .sunmark{animation:none}
  .reveal-ready .reveal{opacity:1;transform:none;transition:none}
  .service-card,.demo-nav-cta,.concept-button{transition:none}
  .service-card:hover,.demo-nav-cta:hover,.concept-button:hover{transform:none}
}
