.template-page{--accent:#b59168;--surface:#e8e2d8;--template-ink:#17201d;min-height:100vh;background:#f5f3ed;color:var(--template-ink)}.template-main{--accent:#a7835c;--surface:#e7dfd3}.template-atlas{--accent:#9f684c;--surface:#d9cbb5;background:#eee9df}.template-aurora{--accent:#3f8277;--surface:#dcece7;background:#f5f8f7}.template-nova{--accent:#e86825;--surface:#d9d7d2;background:#eceae6}.template-nav{height:88px;border-bottom:1px solid color-mix(in srgb,var(--template-ink) 16%,transparent);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;font-weight:800;letter-spacing:.14em}.template-nav>a{display:flex;align-items:center;gap:8px}.template-nav-actions{justify-self:end;display:flex;align-items:center;gap:16px;letter-spacing:0}.template-nav-actions>a{display:flex;align-items:center;gap:7px;font-size:12px}.template-nav-actions>a:first-child{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--template-ink) 20%,transparent);border-radius:50%;justify-content:center;font-size:9px;letter-spacing:.08em}.template-hero{padding-block:100px 80px;display:grid;grid-template-columns:120px 1fr .8fr;gap:35px;align-items:end}.template-index{font-family:serif;color:var(--accent);font-size:24px;align-self:start}.template-kicker{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--accent)}.template-hero h1{font-family:var(--font-display);font-size:clamp(74px,11vw,150px);line-height:.8;letter-spacing:-.075em;margin:24px 0 28px}.template-statement{font-family:serif;font-size:clamp(26px,3.2vw,44px);margin:0;color:var(--accent)}.template-summary{padding-left:40px;border-left:1px solid color-mix(in srgb,var(--template-ink) 16%,transparent)}.template-summary>p{font-size:16px;line-height:1.75;margin:0 0 42px}.template-summary span{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.55;color:#65706b}.template-summary b{font-size:9px;letter-spacing:.13em;color:var(--template-ink)}.template-gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;padding-bottom:120px}.template-gallery figure{margin:0}.template-gallery figure:nth-child(3){margin-top:-120px}.template-gallery figure:nth-child(4){grid-column:1/-1}.gallery-image{position:relative;overflow:hidden;background:var(--surface)}.gallery-wide .gallery-image{aspect-ratio:16/9}.gallery-tall .gallery-image{aspect-ratio:4/5}.gallery-square .gallery-image{aspect-ratio:1}.template-gallery figure:nth-child(4) .gallery-image{aspect-ratio:2.2/1}.gallery-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8);transition:transform .7s ease,filter .7s ease}.gallery-image:hover img{transform:scale(1.025);filter:saturate(1)}.gallery-image>span{position:absolute;right:14px;bottom:14px;border-radius:999px;background:rgba(250,249,245,.9);padding:10px 13px;display:flex;gap:7px;align-items:center;font-size:8px;font-weight:900;letter-spacing:.12em}.template-gallery figcaption{padding:12px 2px 28px;display:flex;gap:16px;font-size:12px}.template-gallery figcaption small{color:var(--accent);font-weight:900}.template-system{border-top:1px solid color-mix(in srgb,var(--template-ink) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--template-ink) 16%,transparent);padding-block:70px;display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:50px}.template-system h2{font-family:var(--font-display);font-size:37px;line-height:1.1;letter-spacing:-.04em;margin:22px 0 0}.template-system ul{list-style:none;margin:0;padding:0}.template-system li{padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--template-ink) 12%,transparent);display:flex;align-items:center;gap:10px;font-size:13px}.template-system li svg{color:var(--accent)}.palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.palette span{min-height:85px;position:relative}.palette i{position:absolute;left:9px;bottom:8px;padding:4px;background:rgba(255,255,255,.7);font-size:8px;font-style:normal;text-transform:uppercase}.template-cta{padding-block:130px;text-align:center;max-width:850px}.template-cta>span,.template-footer>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--accent)}.template-cta h2{font-family:var(--font-display);font-size:clamp(45px,6vw,78px);line-height:1;letter-spacing:-.055em;margin:28px 0}.template-cta p{max-width:600px;margin:0 auto 36px;color:#65706b;line-height:1.7}.template-cta a{display:inline-flex;align-items:center;gap:10px;background:var(--template-ink);color:#fff;padding:15px 21px;border-radius:999px;font-size:12px;font-weight:800}.template-footer{border-top:1px solid color-mix(in srgb,var(--template-ink) 16%,transparent);padding-block:35px 60px;display:flex;align-items:center;justify-content:space-between}.template-footer div{display:flex;gap:30px}.template-footer a{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}@media(max-width:900px){.template-hero{grid-template-columns:60px 1fr}.template-summary{grid-column:2;padding-left:0;border:0;max-width:620px}.template-gallery{grid-template-columns:1fr 1fr}.template-gallery figure:nth-child(3){margin-top:0}.template-system{grid-template-columns:1fr 1fr}.template-system .palette{grid-column:1/-1}.template-nav>span{display:none}.template-nav{grid-template-columns:1fr 1fr}}@media(max-width:620px){.template-nav{height:70px}.template-nav>a:last-child{font-size:0}.template-hero{padding-block:65px 55px;grid-template-columns:1fr}.template-index{display:none}.template-summary{grid-column:auto}.template-hero h1{font-size:76px}.template-gallery{grid-template-columns:1fr;gap:0}.template-gallery figure:nth-child(4){grid-column:auto}.gallery-square .gallery-image,.gallery-tall .gallery-image,.template-gallery figure:nth-child(4) .gallery-image{aspect-ratio:4/3}.template-system{grid-template-columns:1fr;padding-block:55px}.template-system .palette{grid-column:auto}.template-cta{padding-block:90px}.template-footer{align-items:flex-start;gap:25px}.template-footer div{flex-direction:column;gap:14px}}.live-demo-button{display:inline-flex;align-items:center;gap:9px;margin-top:34px;padding:14px 19px;border-radius:999px;background:var(--template-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:0}.template-page .template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.template-page .template-gallery figure:first-child,.template-page .template-gallery figure:nth-child(4){grid-column:1/-1}.template-page .template-gallery figure:nth-child(3){margin-top:0}.template-page .template-gallery .gallery-image,.template-page .template-gallery figure:first-child .gallery-image,.template-page .template-gallery figure:nth-child(4) .gallery-image{aspect-ratio:auto;border:1px solid color-mix(in srgb,var(--template-ink) 12%,transparent);box-shadow:0 24px 60px -48px rgba(23,32,29,.55)}.template-page .template-gallery .gallery-image img{height:auto;object-fit:fill;filter:none}@media(max-width:620px){.template-page .template-gallery{grid-template-columns:1fr;gap:0}.template-page .template-gallery figure:first-child,.template-page .template-gallery figure:nth-child(4){grid-column:auto}.template-page .template-gallery .gallery-image,.template-page .template-gallery figure:first-child .gallery-image,.template-page .template-gallery figure:nth-child(4) .gallery-image{aspect-ratio:auto}}