:root{--cream:#f6f1e7;--paper:#fffdf8;--ink:#12202b;--muted:#5d6b75;--teal:#0f6b66;--teal-dark:#0a4a47;--sun:#ffc83d;--line:#e4dccb;--swatch:#d62839;--radius:22px;--serif:"Fraunces", Georgia, serif;--sans:"Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;font-weight:600;line-height:1.08}h1{font-size:clamp(2.8rem,6.5vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.3rem)}h3{font-size:1.35rem}em{color:var(--teal);font-style:italic}.wrap{width:min(1200px,92%);margin-inline:auto}section{padding:clamp(64px,9vw,120px) 0}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);align-items:center;gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:800;display:inline-flex}.kicker:before{content:"";background:var(--teal);width:28px;height:2px}.lead{color:var(--muted);max-width:52ch;font-size:1.15rem}.btn{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:15px 28px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-3px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.sun{background:var(--sun);color:var(--ink);border-color:var(--sun)}.btn.sun:hover{background:#fff;border-color:#fff}.nav{z-index:50;background:color-mix(in srgb, var(--cream) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;height:76px;display:flex}.logo{font-family:var(--serif);align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.logo-mark{background:conic-gradient(var(--swatch), var(--sun), var(--teal), #3a86ff, var(--swatch));border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.logo-mark:after{content:"";background:var(--cream);border-radius:50%;width:16px;height:16px}.nav nav{align-items:center;gap:32px;font-size:.95rem;font-weight:600;display:flex}.nav nav a:not(.btn):hover{color:var(--teal)}.nav .btn{padding:10px 22px;font-size:.9rem}.burger{cursor:pointer;background:0 0;border:0;width:40px;height:40px;display:none}.burger i{background:var(--ink);height:2px;margin:7px 8px;transition:all .25s;display:block}.hero{padding-top:clamp(40px,6vw,80px);overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.hero h1 span.hl{white-space:nowrap;position:relative}.hero h1 span.hl:after{content:"";background:var(--sun);z-index:-1;border-radius:4px;height:.26em;position:absolute;bottom:.04em;left:-2%;right:-2%;transform:rotate(-1deg)}.hero .lead{margin:26px 0 34px}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-proof{flex-wrap:wrap;gap:34px;margin-top:44px;display:flex}.hero-proof b{font-family:var(--serif);font-size:2rem;display:block}.hero-proof span{color:var(--muted);font-size:.85rem}.hero-art{position:relative}.arch{border-radius:999px 999px var(--radius) var(--radius);aspect-ratio:4/5;border:8px solid var(--paper);overflow:hidden;box-shadow:0 30px 60px -25px #12202b73}.arch img{object-fit:cover;width:100%;height:100%}.badge{background:var(--paper);border-radius:18px;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute;bottom:56px;left:-36px;box-shadow:0 18px 40px -16px #12202b66}.badge .dot{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.3rem;display:grid}.badge b{line-height:1.2;display:block}.badge small{color:var(--muted)}.spin{background:var(--sun);text-align:center;border-radius:50%;place-items:center;width:120px;height:120px;font-size:.8rem;font-weight:800;line-height:1.25;display:grid;position:absolute;top:20px;right:-20px;transform:rotate(12deg);box-shadow:0 12px 30px -10px #0000004d}.marquee{background:var(--ink);color:var(--cream);white-space:nowrap;padding:18px 0;overflow:hidden}.marquee div{font-family:var(--serif);font-size:1.5rem;font-style:italic;animation:30s linear infinite slide;display:inline-block}.marquee span{color:var(--sun);margin:0 26px;font-style:normal}@keyframes slide{to{transform:translate(-50%)}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;display:flex}.head h2{max-width:18ch}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:18px;display:grid}.tile{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);flex-direction:column;justify-content:flex-end;padding:26px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-6px)}.tile p{color:var(--muted);margin-top:6px;font-size:.92rem}.tile.img{color:#fff;border:0}.tile.img p{color:#ffffffd9}.tile.img img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.tile.img:hover img{transform:scale(1.06)}.tile.img:after{content:"";background:linear-gradient(#0a141c0d 40%,#0a141cd9);position:absolute;inset:0}.tile>:not(img){z-index:1;position:relative}.tile.w2{grid-column:span 2}.tile.h2{grid-row:span 2}.tile.teal{background:var(--teal);color:#fff;border:0}.tile.teal p{color:#fffc}.tile.sun{background:var(--sun);border:0}.tile.sun p{color:#3f3a22}.tile .num{font-family:var(--serif);opacity:.25;font-size:2.6rem;position:absolute;top:22px;left:26px}.studio{background:var(--paper);border-block:1px solid var(--line)}.studio-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;display:grid}.swatches{flex-wrap:wrap;gap:14px;margin:30px 0 14px;display:flex}.sw{border:4px solid var(--paper);width:54px;height:54px;box-shadow:0 0 0 2px var(--line);background:var(--c);cursor:pointer;border-radius:50%;transition:all .25s}.sw:hover{transform:scale(1.1)}.sw.on{box-shadow:0 0 0 3px var(--ink)}.sw-name{font-family:var(--serif);font-size:1.5rem}.sw-name small{font-family:var(--sans);color:var(--muted);margin-left:8px;font-size:.85rem}.stage{border-radius:var(--radius);aspect-ratio:4/3;background:var(--c,var(--swatch));padding:16px;transition:background .5s;position:relative;overflow:hidden}.stage img{object-fit:cover;border-radius:12px;width:100%;height:100%;transition:opacity .35s}.stage img.fade{opacity:0}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.step{padding:0 26px 0 0;position:relative}.step:before{counter-increment:s;content:"0" counter(s);background:var(--ink);width:64px;height:64px;color:var(--sun);font-family:var(--serif);z-index:1;border-radius:50%;place-items:center;margin-bottom:22px;font-size:1.4rem;display:grid;position:relative}.step:after{content:"";border-top:2px dashed #bfb49b;position:absolute;top:32px;left:64px;right:0}.step:last-child:after{display:none}.step p{color:var(--muted);margin-top:8px;font-size:.95rem}.gallery-sec{background:var(--ink);color:var(--cream)}.gallery-sec em,.gallery-sec .kicker{color:var(--sun)}.gallery-sec .kicker:before{background:var(--sun)}.masonry{columns:3;column-gap:18px}.masonry figure{break-inside:avoid;border-radius:18px;margin-bottom:18px;position:relative;overflow:hidden}.masonry img{width:100%;transition:transform .6s}.masonry figure:hover img{transform:scale(1.05)}.masonry figcaption{background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;position:absolute;bottom:14px;left:14px}.reviews{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.review{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.review:nth-child(2){background:var(--teal);color:#fff;border:0;transform:translateY(24px)}.review:nth-child(2) small{color:#ffffffbf}.stars{color:var(--sun);letter-spacing:3px;margin-bottom:14px}.review p{font-family:var(--serif);margin-bottom:22px;font-size:1.15rem;line-height:1.5}.review b{display:block}.review small{color:var(--muted)}.estimate{background:var(--teal-dark);color:#fff;position:relative;overflow:hidden}.estimate .kicker{color:var(--sun)}.estimate .kicker:before{background:var(--sun)}.estimate em{color:var(--sun)}.est-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.est-grid .lead{color:#ffffffbf;margin:20px 0 30px}.contact-list{gap:14px;list-style:none;display:grid}.contact-list li{align-items:center;gap:14px;display:flex}.contact-list i{background:#ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;display:grid}form{background:var(--paper);color:var(--ink);border-radius:var(--radius);gap:16px;padding:36px;display:grid}form h3{font-size:1.7rem}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:.8rem;font-weight:700;display:grid}input,select,textarea{font:inherit;text-transform:none;letter-spacing:0;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px 15px;font-weight:500}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #0f6b6626}.ok{color:var(--teal-dark);background:#e3f4ef;border-radius:12px;padding:14px;font-weight:600;display:none}.ok.show{display:block}footer{background:var(--ink);color:#aab7c0;padding:56px 0 30px;font-size:.92rem}.foot{border-bottom:1px solid #28384a;flex-wrap:wrap;justify-content:space-between;gap:30px;padding-bottom:30px;display:flex}footer .logo{color:#fff}footer .hours b{color:#fff;margin-bottom:6px;display:block}.demo{text-align:center;padding-top:24px;font-size:.8rem}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (width<=960px){.hero-grid,.studio-grid,.est-grid{grid-template-columns:1fr;gap:44px}.bento{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;gap:36px 0}.step:nth-child(2):after{display:none}.masonry{columns:2}.reviews{grid-template-columns:1fr}.review:nth-child(2){transform:none}.badge{left:8px}.spin{right:8px}.burger{display:block}.nav nav{background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;gap:20px;padding:26px;display:none;position:absolute;top:76px;left:0;right:0}.nav nav.open{display:flex}}@media (width<=560px){.bento{grid-template-columns:1fr;grid-auto-rows:220px}.tile.w2,.tile.h2{grid-area:auto}.steps,.row{grid-template-columns:1fr}.step:after{display:none}.masonry{columns:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}