@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Explora&family=Gloock&display=swap');

:root {
  color-scheme: light;
  --paper:#ffffff;
  --white:#ffffff;
  --tint:#f8f3f5;
  --ink:#161616;
  --sub:#4b4b4b;
  --accent:#252525;
  --line:#e1d5da;
  --field:#858585;
  --sans:"DM Sans",Arial,sans-serif;
  --display:"Gloock",Georgia,serif;
  --script:"Explora","Snell Roundhand","Segoe Script",Georgia,cursive;
  --rose:#863b59;
  --blush:#f3e2ea;
  --rose-line:#ddbccb;
}

*,*::before,*::after {box-sizing:border-box}
body {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font:400 1rem/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;
}
main {flex:1 0 auto;min-width:0}
img {display:block;width:100%;height:auto}
a {color:inherit}
p,h1,h2,h3,figure,dl,dd {margin:0}
p {max-width:66ch}
h1,h2 {font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.062em}
h1 {font-size:clamp(2.8rem,5.4vw,4.7rem)}
h2 {font-size:clamp(2.05rem,4vw,3.45rem)}
h3 {font-size:clamp(1.22rem,2vw,1.6rem);line-height:1.19;letter-spacing:-.034em}
button,input,select,textarea {font:inherit}
:focus-visible {outline:3px solid var(--accent);outline-offset:4px}
[hidden] {display:none!important}
.skip {position:fixed;top:10px;left:10px;z-index:20;padding:10px 15px;color:var(--white);background:var(--ink);transform:translateY(-150%)}
.skip:focus {transform:translateY(0)}
.wrap {width:min(calc(100% - 72px),1160px);margin-inline:auto}
.eyebrow {font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}

.site-header {position:relative;z-index:4;background:var(--white);border-bottom:1px solid var(--rose-line)}
.site-nav {min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark {
  display:inline-flex;align-items:center;gap:10px;flex:none;
  text-decoration:none;white-space:nowrap;
}
.wordmark-seal {display:grid;place-items:center;width:47px;height:41px;background:#161616;box-shadow:2px 2px 0 var(--rose-line)}
.wordmark-mark {width:38px;height:auto;filter:invert(1)}
.wordmark-lockup {display:grid;gap:4px}
.wordmark-name {font:400 1.24rem/1.04 var(--display);letter-spacing:-.055em}
.wordmark-caption {font-size:.55rem;font-weight:800;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.navlinks,.header-actions {display:flex;align-items:center;gap:clamp(13px,2.3vw,28px)}
.navlinks a,.header-contact,.mobile-home,.footer-links a {font-size:.91rem;font-weight:700;text-decoration:none}
.navlinks a:hover,.header-contact:hover,.mobile-home:hover,.footer-links a:hover,[aria-current="page"] {text-decoration:underline;text-underline-offset:5px}
.header-contact {display:inline-flex;min-height:44px;align-items:center}
.mobile-home {display:none}
.nav-cta,.button,.menu-toggle {
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.66rem 1.07rem;
  border:1px solid var(--ink);
  border-radius:6px;
  color:var(--white);
  background:var(--ink);
  font-size:.93rem;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.nav-cta:hover,.button:hover {background:#383838;border-color:#383838}
.nav-cta {min-height:42px;white-space:nowrap}
.nav-cta,.hero-button {border-radius:999px}
.button.light,.button.outline,.menu-toggle {background:var(--white);color:var(--ink);border-color:var(--field)}
.button.light:hover,.button.outline:hover,.menu-toggle:hover {background:var(--tint)}
.menu-toggle {display:none;min-height:44px;padding:.57rem .69rem;font-size:.85rem}
.textlink {display:inline-flex;align-items:center;min-height:44px;gap:.43rem;color:var(--accent);font-size:.94rem;font-weight:750;text-underline-offset:4px}
.textlink:hover {color:var(--ink)}
.actions {display:flex;flex-wrap:wrap;align-items:center;gap:9px 17px;margin-top:19px}

.studio-hero {
  padding:clamp(32px,5.8vw,81px) 0 clamp(35px,6vw,86px);
  background:radial-gradient(ellipse at 91% 10%,#f9ebf1 0%,#fff 67%);
}
.studio-hero-inner {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(23px,4.7vw,68px)}
.studio-hero-copy h1 {margin:11px 0 16px;font-size:clamp(3.15rem,6.2vw,5.55rem)}
.studio-hero-copy h1 em,.founder h1 em {color:var(--rose);font:400 1.3em/.8 var(--script);letter-spacing:-.015em}
.studio-hero-copy h1 em {font-size:1.08em;line-height:1}
.studio-hero-copy .eyebrow {color:var(--rose)}
.studio-hero-copy>p:not(.eyebrow):not(.hero-price) {max-width:37ch;color:var(--sub);font-size:clamp(1rem,1.3vw,1.12rem)}
.hero-button {min-height:51px}
.hero-price {margin-top:10px;color:var(--sub);font-size:.88rem}
.site-samples {min-width:0}
.sample-stage {
  position:relative;isolation:isolate;padding:clamp(12px,2.25vw,30px) clamp(22px,4vw,52px) clamp(21px,4.3vw,56px) clamp(10px,2.4vw,29px);
  border:1px solid var(--rose-line);border-radius:5px;background:linear-gradient(145deg,#fff9fb 8%,#f3e5ec 52%,#dec4d0);
  box-shadow:inset 0 0 0 5px #ffffff78,0 16px 35px #60405212;
}
.sample-browser,.sample-phone {
  display:block;overflow:hidden;background:#1b1b1b;box-shadow:0 14px 29px #14141433;text-decoration:none;
}
.sample-browser {border:1px solid #555;border-radius:9px}
.sample-browser-bar {display:flex;align-items:center;gap:4px;height:18px;padding-inline:7px}
.sample-browser-bar span {width:4px;height:4px;border-radius:50%;background:#ababaa}
.sample-window {position:relative;overflow:hidden;background:#f5f5f2;container-type:inline-size}
.sample-browser .sample-window {aspect-ratio:1.55}
.sample-kai {display:grid;grid-template-rows:13% 73% 14%;background:#f4e5d6;color:#251719}
.sample-kai-nav,.sample-kai-foot {display:flex;align-items:center;justify-content:space-between;gap:3px;padding-inline:4%;font-size:2.3cqw;font-weight:700}
.sample-kai-nav {background:#2b1b1d;color:#fff3e6}
.sample-kai-nav b {font-family:Georgia,serif;font-size:3.5cqw}
.sample-kai-hero {display:grid;position:relative;isolation:isolate;align-items:end;min-height:0;padding:0 0 6% 5%;color:#fff7ed}
.sample-kai-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1c1114b8,transparent 92%)}
.sample-kai-hero img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 41%}
.sample-kai-hero strong {display:block;font:700 11cqw/.96 Georgia,serif;letter-spacing:-.07em}
.sample-kai-hero span {display:inline-block;margin-top:5%;padding:3% 6%;background:#f3d9b5;color:#291b1b;font-size:2.25cqw;font-weight:800}
.sample-kai-foot {justify-content:flex-start;gap:8%;font:700 3.6cqw/1 Georgia,serif}
.sample-kai-foot span {font:700 2.1cqw/1 var(--sans)}
.sample-phone {position:absolute;right:clamp(7px,1.35vw,17px);bottom:clamp(10px,1.8vw,24px);width:clamp(83px,25%,157px);padding:4px;border-radius:12px}
.sample-phone .sample-window {aspect-ratio:.53;border-radius:8px}
.sample-velvet {display:grid;grid-template-rows:15% 42% 43%;background:#f9eae6;color:#2f1920}
.sample-velvet-nav {display:flex;align-items:center;justify-content:center;gap:.16em;background:#fffaf7;font:700 10cqw/1 Georgia,serif;white-space:nowrap}
.sample-velvet-hero {display:grid;align-content:center;justify-items:start;gap:8%;padding:7% 9%}
.sample-velvet-hero strong {font:400 19cqw/.95 Georgia,serif;letter-spacing:-.07em}
.sample-velvet-hero span {padding:5% 6%;background:#762b3f;color:#fffaf6;font-size:6cqw;font-weight:800}
.sample-velvet img {width:100%;height:100%;object-fit:cover;object-position:center 42%}
.site-samples figcaption {display:flex;justify-content:space-between;align-items:baseline;gap:7px 12px;flex-wrap:wrap;margin-top:9px;color:var(--sub);font-size:.83rem}
.site-samples figcaption a {color:var(--rose);font-weight:750;text-underline-offset:4px}
.site-samples figcaption a:hover {color:var(--ink)}

.section {padding-block:clamp(39px,5.7vw,76px)}
.section.compact {padding-block:clamp(27px,3.9vw,54px)}
.section-head {display:flex;align-items:end;justify-content:space-between;gap:11px 20px;margin-bottom:22px}
.section-head .eyebrow,.page-intro .eyebrow {margin-bottom:6px}
.section-head p:not(.eyebrow) {margin-top:7px;color:var(--sub)}
.page-intro {padding-block:clamp(35px,5.7vw,72px) clamp(20px,3vw,34px)}
.page-intro .intro {margin-top:10px;max-width:56ch;color:var(--sub);font-size:clamp(1rem,1.3vw,1.11rem)}
.studio-value {background:var(--ink);color:var(--white);border-top:3px solid var(--rose-line)}
.value-block {display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(20px,5vw,72px);align-items:start}
.value-block .lead {margin-top:12px;color:var(--sub)}
.value-list {border-top:1px solid var(--line)}
.value-list div {display:grid;grid-template-columns:minmax(115px,.65fr) 1fr;gap:6px 12px;padding:13px 0;border-bottom:1px solid var(--line)}
.value-list dt {font-weight:800}
.value-list dd {color:var(--sub)}
.studio-value .lead,.studio-value .value-list dd {color:#e0e0dd}
.studio-value .value-list,.studio-value .value-list div {border-color:#655862}
.portfolio {border-top:1px solid var(--line)}
.work-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.work-grid--home {grid-template-columns:repeat(3,minmax(0,1fr))}
.work-grid--showroom {align-items:stretch}
.work-card {display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:10px}
.work-card:focus-within {outline:2px solid var(--accent);outline-offset:2px}
.work-image {display:block;overflow:hidden;aspect-ratio:16/10;background:#eaddd1}
.work-image img {width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .3s ease}
.work-image:hover img {transform:scale(1.025)}
.work-card--atelier img {object-position:50% 36%}
.work-card--tattoo img {object-position:60% 39%}
.work-info {display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 16px 10px}
.work-info h2,.work-info h3 {font:800 clamp(1.13rem,1.65vw,1.4rem)/1.22 var(--sans);letter-spacing:-.03em}
.work-info>p:not(.work-type) {margin-bottom:4px;color:var(--sub);font-size:.94rem}
.work-info .work-type {color:var(--rose);font-size:.76rem;font-weight:750}
.work-info .textlink {margin-top:auto}
.showroom-cta .custom-panel {border-top:1px solid var(--line);padding-top:25px}
.showroom-cta h2 {font-size:clamp(2.1rem,4.2vw,3.4rem)}

.package-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.packages-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.packages-intro>.textlink {flex:none}
.package-comparison {grid-template-columns:repeat(3,minmax(0,1fr))}
.package-comparison .package {padding:clamp(16px,2.5vw,29px)}
.package-comparison .package h2 {font-size:clamp(1.9rem,3vw,2.85rem)}
.package-comparison .package-custom {background:var(--tint)}
.packages-faq-link {display:flex;justify-content:center;text-align:center}
.package {display:flex;min-width:0;flex-direction:column;padding:clamp(17px,3vw,34px);border:1px solid var(--line);border-radius:10px;background:var(--white)}
.package:nth-child(2) {background:var(--ink);border-color:var(--ink);color:var(--white)}
.package:nth-child(2) :is(.eyebrow,.price,.textlink) {color:var(--white)}
.package:nth-child(2) :is(p:not(.price):not(.eyebrow),li) {color:#dfdfdd}
.package:nth-child(2) .button {background:var(--white);border-color:var(--white);color:var(--ink)}
.package:nth-child(2) .button:hover {background:#e6e6e3;border-color:#e6e6e3}
.package:nth-child(2) :focus-visible {outline-color:var(--white)}
.package .eyebrow {margin-bottom:6px}
.package:not(:nth-child(2)) .eyebrow,.package:not(:nth-child(2)) .price {color:var(--rose)}
.package h2,.package h3 {font:400 clamp(2rem,3.6vw,3.1rem)/1.04 var(--display)}
.price {margin:7px 0;color:var(--accent);font-size:clamp(1.18rem,2.1vw,1.45rem);font-weight:800}
.package p:not(.price):not(.eyebrow),.package li {color:var(--sub)}
.package ul {margin:11px 0 14px;padding-left:1.17rem}
.package li {padding:3px 0}
.package .actions {display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:4px;margin-top:auto}
.package .actions .button {min-width:146px}
.package-next {margin-top:auto}
.package-preview {padding-block:10px;border-top:1px solid var(--line);font-size:.9rem}
.package:nth-child(2) .package-preview {border-color:#626260}
.package-details {margin-block:14px clamp(26px,4.5vw,55px)}
.package-start {padding:0 2px 14px;color:var(--sub);font-size:.9rem}
.package-includes {padding:clamp(16px,3vw,27px);border:1px solid var(--line);border-radius:10px;background:var(--tint)}
.package-includes h2 {font:800 1.05rem/1.35 var(--sans);letter-spacing:-.015em}
.package-includes dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;margin:12px 0 0}
.package-includes dt {font-weight:750}
.package-includes dd {margin:3px 0 0;color:var(--sub);font-size:.9rem}
.booking-options {background:var(--tint);border-block:1px solid var(--line)}
.booking-options .section-head {max-width:70ch}
.booking-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.booking-grid article {padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.booking-grid p {margin-top:7px;color:var(--sub);font-size:.94rem}
.package-grid + .textlink {margin-top:8px}
.fineprint {margin-top:13px;color:var(--sub);font-size:.87rem}
.dark {color:var(--ink);background:var(--tint);border-block:1px solid var(--line)}
.custom-panel {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:12px 24px}
.custom-panel p {margin-top:8px;color:var(--sub)}
.custom-panel .actions {justify-content:end;margin-top:0}
.founder {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(21px,6vw,85px)}
.founder img {aspect-ratio:4/4.5;object-fit:cover;object-position:50% 36%;border-radius:6px;border:1px solid var(--rose-line);box-shadow:7px 7px 0 var(--blush)}
.founder p:not(.eyebrow) {margin-top:12px;color:var(--sub)}
.founder h1,.founder h2 {margin-top:7px}
.faq-layout {display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:clamp(22px,5vw,66px);align-items:start;padding-bottom:clamp(35px,7vw,84px)}
.faq-topics {position:sticky;top:20px;display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--tint)}
.faq-topics a {display:flex;align-items:center;min-height:44px;padding:6px 8px;border-radius:5px;font-size:.89rem;font-weight:750;text-underline-offset:3px}
.faq-topics a:hover {background:var(--white)}
.faq-group {scroll-margin-top:20px}
.faq-group + .faq-group {margin-top:clamp(27px,5vw,53px)}
.faq-group h2 {margin-bottom:12px;font-size:clamp(1.95rem,3.75vw,3rem)}
.faq-group details {border-top:1px solid var(--line)}
.faq-group details:last-child {border-bottom:1px solid var(--line)}
.faq-group summary {padding:12px 5px;min-height:48px;font-weight:750;cursor:pointer}
.faq-group summary:hover {background:var(--tint)}
.faq-group details p {padding:0 5px 14px;color:var(--sub)}
.faq-group details a {font-weight:750;text-underline-offset:3px}
.faq-contact {background:var(--tint);border-top:1px solid var(--line)}

.form-layout {display:grid;grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:clamp(17px,5vw,65px);align-items:start}
.form-side h2 {font-size:clamp(2rem,3.3vw,3rem)}
.form-side p {margin-top:8px;color:var(--sub)}
.form-card {min-width:0;padding:clamp(16px,3vw,29px);background:var(--white);border:1px solid var(--line);border-radius:10px}
.form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-group {display:flex;min-width:0;flex-direction:column;gap:5px}
.form-group.full {grid-column:1/-1}
.form-group label,.form-card legend {font-size:.93rem;font-weight:750}
.form-card fieldset {min-width:0;margin:0 0 18px;padding:10px 0 0;border:0;border-top:1px solid var(--line)}
.form-card legend {padding-right:8px;color:var(--accent)}
.form-card input,.form-card select,.form-card textarea {width:100%;min-width:0;min-height:46px;padding:9px 10px;border:1px solid var(--field);border-radius:5px;background:var(--white);color:var(--ink);font-size:1rem}
.form-card textarea {resize:vertical}
.form-card .helper {font-size:.82rem;color:var(--sub)}
.form-card .button {margin-top:15px}

.intake-layout {display:grid;grid-template-columns:minmax(0,.61fr) minmax(0,1.39fr);gap:clamp(18px,5vw,65px);align-items:start}
.intake-aside h2 {font-size:clamp(2rem,3.4vw,3rem)}
.intake-aside p {margin-top:9px;color:var(--sub)}
.intake-progress {color:var(--accent);font-size:.89rem;font-weight:750}
.intake-meter {height:4px;margin:9px 0 15px;border-radius:4px;background:var(--tint)}
.intake-meter span {display:block;height:100%;border-radius:inherit;background:var(--accent)}
.project-intake fieldset {border:0;padding:0;margin:0 0 16px}
.project-intake legend {padding:0 0 10px;color:var(--ink);font:400 clamp(1.65rem,2.7vw,2.4rem)/1.1 var(--display)}
.project-intake fieldset + fieldset:not([hidden]) {padding-top:12px}
.project-intake .form-grid > .full {grid-column:1/-1}
.intake-controls {display:flex;flex-wrap:wrap;gap:8px}
.intake-controls .button {margin:0}

.site-footer {padding-block:26px;border-top:1px solid #333;background:#181818;color:var(--white)}
.site-footer .wordmark-seal {background:#fff;box-shadow:2px 2px 0 #a8788f}
.site-footer .wordmark-mark {filter:none}
.site-footer :focus-visible {outline-color:var(--white)}
.footer-inner {display:flex;align-items:start;justify-content:space-between;gap:17px 24px}
.footer-links {display:flex;flex-wrap:wrap;gap:4px 16px}
.footer-links a {display:inline-flex;align-items:center;min-height:34px}
.site-footer p {margin-top:9px;color:#dededb;font-size:.84rem}

@media (max-width:900px) {
  .wrap {width:calc(100% - 46px)}
  .site-nav,.navlinks,.header-actions {gap:13px}
}
@media (max-width:760px) {
  .wrap {width:calc(100% - 36px)}
  .site-nav {min-height:59px;gap:0 10px;flex-wrap:wrap;padding-block:5px}
  .wordmark {gap:7px}
  .wordmark-seal {width:39px;height:35px}
  .wordmark-mark {width:32px}
  .wordmark-name {font-size:1.08rem}
  .header-actions {order:1;margin-left:auto;gap:9px}
  .mobile-home {display:inline-flex;min-height:44px;align-items:center}
  .nav-cta {display:none}
  .js .menu-toggle {display:inline-flex;order:2}
  .navlinks {order:3;width:100%;gap:4px 17px;flex-wrap:wrap;padding-top:3px}
  .navlinks a {display:inline-flex;min-height:44px;align-items:center}
  .navlinks a[href="index.html"] {display:none}
  .js .navlinks:not(.is-open) {display:none}
  .studio-hero {padding-top:27px}
  .studio-hero-inner {grid-template-columns:minmax(0,1fr);gap:19px}
  .studio-hero-copy h1 {font-size:clamp(2.8rem,8.5vw,4.1rem);margin:7px 0 10px}
  .site-samples {max-width:570px}
  .value-block,.package-grid,.custom-panel,.founder,.form-layout,.intake-layout {grid-template-columns:minmax(0,1fr)}
  .custom-panel .actions {justify-content:start}
  .section-head,.footer-inner {align-items:start;flex-direction:column}
  .work-grid--home {grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-includes dl,.booking-grid {grid-template-columns:minmax(0,1fr)}
  .faq-layout {grid-template-columns:minmax(0,1fr)}
  .faq-topics {position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  .packages-intro {align-items:flex-start;flex-direction:column;gap:4px}
}
@media (max-width:510px) {
  .form-grid,.work-grid {grid-template-columns:minmax(0,1fr)}
  .value-list div {grid-template-columns:minmax(0,1fr);gap:2px}
  .actions {margin-top:14px}
  .page-intro h1 {font-size:clamp(2.7rem,10vw,3.45rem)}
}
@media (max-width:420px) {
  .site-nav .wordmark {gap:6px}
  .site-nav .wordmark-seal {width:34px;height:32px}
  .site-nav .wordmark-mark {width:28px}
  .site-nav .wordmark-name {font-size:1rem}
  .site-nav .wordmark-caption {font-size:.48rem;letter-spacing:.12em}
  .header-contact,.mobile-home {font-size:.82rem}
  .sample-phone {width:26%;min-width:77px}
  .site-samples figcaption {font-size:.8rem}
}
@media (max-width:380px) {
  .site-nav {width:calc(100% - 24px);gap:0 6px}
  .site-nav .header-actions {gap:7px}
  .site-nav .menu-toggle {padding-inline:.45rem}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {transition:none!important;scroll-behavior:auto!important}
}

.featured-build {
  display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);overflow:hidden;
  margin-bottom:28px;background:#191719;color:#fffdf6;border:1px solid #55404a;border-radius:6px;
}
.featured-build-image {display:block;min-height:240px}
.featured-build-image img {height:100%;object-fit:cover;object-position:59% 40%}
.featured-build-copy {align-self:center;padding:clamp(23px,4vw,52px)}
.featured-build-copy .eyebrow {color:#f0c7d9;margin-bottom:8px}
.featured-build-copy p:not(.eyebrow) {margin:11px 0 16px;color:#e9dde4}
.featured-build .button {background:#f8e8f0;color:#191719;border-color:#f8e8f0}
.featured-build .button:hover {background:#f0c7d9;border-color:#f0c7d9}
.featured-build :focus-visible {outline-color:#fff}
.welcome-dialog {
  width:min(calc(100% - 32px),720px);max-height:calc(100% - 32px);padding:0;
  color:var(--ink);background:#fff;border:1px solid var(--rose-line);border-radius:10px;box-shadow:0 18px 65px #0005;
}
.welcome-dialog:not([open]) {display:none}
.welcome-dialog::backdrop {background:#111c}
html:has(.welcome-dialog[open]) {overflow:hidden}
.welcome-inner {display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.welcome-visual {position:relative;min-height:260px;background:#c6b9a5}
.welcome-visual img {position:absolute;inset:0;height:100%;object-fit:cover}
.welcome-copy {position:relative;align-self:stretch;align-content:center;background:var(--tint);padding:clamp(27px,5.4vw,50px) clamp(20px,4vw,39px)}
.welcome-copy h2 {max-width:14ch;font-size:clamp(2.1rem,5vw,3.55rem)}
.welcome-copy p {margin:10px 0 17px;color:var(--sub)}
.welcome-close {
  display:grid;place-items:center;position:absolute;top:7px;right:7px;width:44px;height:44px;
  padding:0;border:0;background:var(--tint);color:var(--ink);border-radius:50%;font-size:1.7rem;line-height:1;cursor:pointer;
}
.welcome-close:hover {background:var(--blush)}
.welcome-actions {display:grid;justify-items:start;gap:2px}
@media (max-width:760px) {
  .featured-build {grid-template-columns:minmax(0,1fr)}
  .featured-build-image {min-height:0;aspect-ratio:1.65}
}
@media (max-width:520px) {
  .welcome-inner {grid-template-columns:minmax(0,1fr)}
  .welcome-visual {min-height:0;aspect-ratio:2.65}
  .welcome-copy {padding-top:30px}
}