@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/syne-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/syne-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/syne-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/syne-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/syne-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bg:#17121f; --ink:#fff7ec; --muted:#c0b8ca; --line:#fff7ec26;
  --apricot:#ffb391; --lilac:#c3b1ff; --blue:#afcfff;
  --gutter:clamp(20px,4.4vw,76px); --tone:var(--apricot);
  color-scheme:dark; font-family:"DM Sans",Arial,sans-serif;
  background:var(--bg); color:var(--ink); font-synthesis:none;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { text-wrap:balance; }
h1,h2 { font-family:"Syne","DM Sans",sans-serif; font-weight:500; letter-spacing:-.055em; }
h2 { font-size:clamp(32px,4vw,62px); line-height:1.12; }
h3 { font-size:22px; line-height:1.35; font-weight:500; letter-spacing:-.035em; }
p { line-height:1.75; }
a { color:inherit; text-underline-offset:5px; }
button,input,textarea { font:inherit; }
button,a,input,textarea,summary { -webkit-tap-highlight-color:transparent; }
button { color:inherit; cursor:pointer; }
button { touch-action:manipulation; }
a,button { -webkit-user-select:none; }
button:disabled { cursor:default; }
img { display:block; max-width:100%; }
button { border-radius:0; }
[hidden] { display:none!important; }
::selection { background:var(--apricot); color:var(--bg); }
:focus-visible { outline:3px solid var(--apricot); outline-offset:5px; }
.footer :focus-visible { outline-color:var(--bg); }
.wrap { width:100%; max-width:1600px; margin-inline:auto; padding-inline:var(--gutter); }
.section { padding-block:clamp(64px,7.5vw,116px); }
.eyebrow,.small-index { font-size:11px; font-weight:500; line-height:1.6; letter-spacing:1.5px; text-transform:uppercase; }
.eyebrow { color:var(--tone); margin-bottom:20px; }
.small-index { color:var(--muted); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:12px; left:12px; transform:translateY(-200%); padding:14px 20px; background:var(--apricot); color:var(--bg); z-index:20; }
.skip-link:focus { transform:translateY(0); }
main:focus { outline:none; }
.header { display:flex; align-items:center; gap:32px; min-height:102px; border-bottom:1px solid var(--line); position:relative; z-index:5; }
.logo { display:inline-flex; align-items:baseline; font-size:32px; font-weight:700; letter-spacing:-1.8px; text-decoration:none; flex-shrink:0; }
.logo>span { font-weight:400; }
.logo small { font-size:10px; font-weight:500; letter-spacing:2.8px; margin-left:13px; }
.header-note { margin-left:auto; font-size:11px; line-height:1.6; color:var(--muted); }
.nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.nav>a { display:flex; align-items:center; gap:18px; min-height:44px; font-size:12px; text-decoration:none; white-space:nowrap; }
.nav>a:last-child>span { border:1px solid #897693; border-radius:50%; width:38px; height:38px; display:grid; place-items:center; font-size:20px; transition:background .25s,color .25s,transform .3s; }
.nav>a:hover,.nav>a[aria-current] { color:var(--apricot); }
.nav>a:last-child:hover>span { color:var(--bg); background:var(--apricot); transform:rotate(45deg); }
.menu-toggle { background:transparent; border:1px solid var(--line); padding:8px 12px; min-height:44px; font-size:12px; gap:18px; align-items:center; }
.menu-toggle>span { font-size:22px; }
.intro { padding-top:30px; padding-bottom:32px; }
.intro-top,.intro-bottom { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.intro-top .eyebrow { margin:0; }
.coordinate { font-size:11px; letter-spacing:1px; color:var(--muted); }
.intro h1 { font-size:clamp(74px,12.8vw,190px); letter-spacing:-.075em; line-height:1.03; font-weight:600; margin:16px 0 24px; }
.intro h1>span { color:var(--apricot); }
.intro-bottom p { font-size:clamp(15px,1.4vw,20px); line-height:1.6; letter-spacing:-.2px; }
.invitation { text-align:right; font-size:12px; line-height:1.7; text-decoration:none; }
.invitation>span:first-child { color:var(--muted); }
.invitation>span:last-child { color:var(--apricot); margin-left:15px; font-size:21px; }
.worlds { display:flex; gap:8px; }
.tone-visa { --tone:var(--apricot); --image-position:0%; }
.tone-labs { --tone:var(--lilac); --image-position:50%; }
.tone-builds { --tone:var(--blue); --image-position:100%; }
.world { --panel-height:480px; --drift:0px; position:relative; isolation:isolate; overflow:hidden; flex:1 1 0; min-width:0; min-height:var(--panel-height); display:flex; flex-direction:column; background:#302633; transition:flex-grow .65s cubic-bezier(.22,1,.36,1); }
.photograph { position:absolute; inset:0; z-index:-3; background-image:url("/assets/next-triptych.webp"); background-repeat:no-repeat; background-size:max(300%,calc(var(--panel-height,620px) * 3)) auto; background-position:var(--image-position) center; filter:saturate(.7) brightness(.9); transform:scale(1.005); transition:filter .65s,transform 1s cubic-bezier(.22,1,.36,1); }
.shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,#17121f9c 0%,#17121f30 42%,#17121fb0 66%,#17121ff7 100%); }
.world::after { content:""; position:absolute; inset:0; pointer-events:none; border:1px solid #fff7ec30; transition:border-color .4s; z-index:2; }
.world-trigger { border:0; background:transparent; display:flex; flex-direction:column; align-items:flex-start; flex:1; width:100%; padding:28px clamp(18px,2.3vw,36px) 12px; text-align:left; }
.world-trigger:focus-visible { outline-offset:-6px; }
.world-category { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; line-height:1.6; letter-spacing:1px; text-shadow:0 1px 10px var(--bg); }
.signal { width:5px; height:5px; border-radius:50%; background:var(--tone); flex-shrink:0; }
.world-verb { font-family:"Syne",sans-serif; font-size:clamp(44px,5vw,77px); font-weight:500; letter-spacing:-.065em; line-height:1.1; margin-top:20px; text-shadow:0 2px 26px var(--bg); transition:transform .65s; }
.world-verb>span { color:var(--tone); }
.world-promise { font-size:13px; line-height:1.6; margin-top:14px; opacity:0; transform:translateY(8px); text-shadow:0 1px 10px var(--bg); transition:opacity .4s,transform .5s; }
.open-mark { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--tone); color:var(--bg); font-size:24px; margin-top:auto; opacity:0; transform:translateY(8px) rotate(-35deg); transition:opacity .35s,transform .6s; }
.world-footer { padding:12px clamp(18px,2.3vw,36px) 20px; }
.world-footer h2 { font:500 clamp(18px,1.7vw,26px)/1.35 "DM Sans",sans-serif; letter-spacing:-.6px; }
.world-footer h2>a { display:inline-block; text-decoration:none; padding-block:5px; }
.world-footer h2>a:hover { color:var(--tone); }
.world-service { display:block; font-size:12px; color:#e0d7e7; line-height:1.6; }
.world-domain { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:6px; border-top:1px solid #fff7ec45; margin-top:18px; min-height:48px; padding-top:9px; font-size:12px; overflow-wrap:anywhere; }
.world-domain a { min-height:36px; display:flex; align-items:center; gap:6px; text-decoration:none; }
.world-domain a:hover { color:var(--tone); }
.domain-link { width:100%; justify-content:space-between; }
.domain-explore { font-size:11px; }
.domain-link>span { font-size:18px; }
.home-explorer[data-active]:not([data-active="all"]) .world { flex-grow:.83; }
.home-explorer[data-active] .world[data-lit="true"] { flex-grow:1.5; }
.world[data-lit="true"] .photograph { filter:saturate(1) brightness(1.03); transform:scale(1.055) translateX(var(--drift)); }
.world[data-lit="true"]::after { border-color:var(--tone); }
.world[data-lit="true"] .world-verb { transform:translateX(4px); }
.world[data-lit="true"] .world-promise,.world[data-lit="true"] .open-mark { opacity:1; transform:translate(0) rotate(0); }
.business-detail { display:grid; grid-template-columns:1fr 1.1fr auto; gap:clamp(24px,4vw,64px); padding-block:44px 54px; }
.business-detail>* { min-width:0; }
.business-detail .eyebrow { margin-bottom:12px; }
.detail-title { font-size:clamp(27px,3vw,42px); line-height:1.2; }
.detail-title span,.section-heading h2>span,.manifesto h2>span { color:var(--muted); }
.detail-copy { color:var(--muted); font-size:14px; max-width:440px; }
.text-link { width:fit-content; max-width:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:24px; padding-block:6px 10px; min-height:44px; border-bottom:1px solid var(--tone); text-decoration:none; font-size:14px; line-height:1.6; }
.text-link>span:last-child { color:var(--tone); font-size:20px; transition:transform .3s; flex-shrink:0; }
.text-link:hover>span:last-child { transform:translate(3px,-3px); }
.text-button { border:0; border-bottom:1px solid #897693; background:transparent; font-size:12px; padding:8px 0; min-height:44px; width:fit-content; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.text-button:hover { color:var(--tone); }
.reset { align-self:start; }
.manifesto { border-block:1px solid var(--line); background:#201927; }
.manifesto-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:10%; }
.manifesto-grid>div { min-width:0; }
.manifesto .eyebrow { max-width:230px; }
.orbit-mark { display:grid; place-items:center; margin-top:54px; width:180px; height:180px; border:1px solid #ffb39180; border-radius:50%; font-size:125px; line-height:1; color:var(--apricot); transform:rotate(-6deg); }
.manifesto h2 { font-size:clamp(40px,5vw,76px); margin-bottom:32px; }
.manifesto p:not(.eyebrow) { max-width:600px; color:var(--muted); font-size:17px; margin-top:16px; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:44px; }
.section-heading>p { color:var(--muted); font-size:14px; }
.business-directory { border-top:1px solid var(--line); }
.directory-row { display:grid; grid-template-columns:50px minmax(0,1fr) auto 60px; align-items:center; gap:26px; border-bottom:1px solid var(--line); padding:32px 0; text-decoration:none; transition:padding .3s,background .3s; }
.directory-row:hover { padding-inline:16px; background:#fff7ec06; }
.directory-row h3 { font-family:"Syne",sans-serif; font-size:clamp(24px,3vw,43px); letter-spacing:-.045em; }
.directory-row p { font-size:14px; margin-top:6px; color:var(--muted); }
.row-number { align-self:start; padding-top:10px; font-size:11px; letter-spacing:1px; color:var(--tone); }
.directory-domain { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.row-arrow { width:54px; height:54px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font-size:28px; transition:background .3s,color .3s,transform .3s; }
.directory-row:hover .row-arrow { background:var(--tone); color:var(--bg); transform:rotate(45deg); }
.faq { display:grid; grid-template-columns:1fr 1.2fr; gap:12%; border-top:1px solid var(--line); }
.faq h2 { font-size:clamp(32px,3.4vw,48px); }
.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { display:flex; align-items:center; justify-content:space-between; gap:24px; list-style:none; padding-block:24px; font-size:16px; line-height:1.5; cursor:pointer; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary>span { color:var(--tone); font-size:25px; font-weight:400; transition:transform .25s; }
.faq details[open] summary>span { transform:rotate(45deg); }
.faq details p { color:var(--muted); font-size:14px; padding-bottom:24px; padding-right:24px; }
.closing { display:flex; align-items:center; justify-content:space-between; gap:48px; padding-block:90px 110px; border-top:1px solid var(--line); }
.closing h2 { font-size:clamp(42px,5.5vw,84px); }
.closing p:not(.eyebrow) { color:var(--muted); font-size:16px; margin-top:24px; }
.circle-link { text-decoration:none; border:1px solid var(--tone); border-radius:50%; width:190px; min-width:190px; height:190px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:18px; text-align:center; padding:28px; font-size:14px; line-height:1.5; transition:background .3s,color .3s; }
.circle-link>span { font-size:38px; }
.circle-link:hover { color:var(--bg); background:var(--tone); }
.footer { background:var(--apricot); color:#281d2d; padding-block:38px 24px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.footer-top p { font-size:11px; letter-spacing:1px; line-height:1.6; }
.footer-top>a { display:flex; align-items:center; gap:24px; padding-block:10px; font-size:16px; text-decoration:none; }
.footer-top>a>span { font-size:30px; }
.footer-links { display:grid; grid-template-columns:1fr 1fr 1fr; gap:32px; padding-block:40px 12px; font-size:13px; }
.footer-links>div { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; }
.footer-label { font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; color:#5e4151; }
.footer-links a { display:inline-flex; align-items:center; min-height:36px; padding-block:6px; text-decoration:none; overflow-wrap:anywhere; }
.footer-links a:hover { text-decoration:underline; }
.footer-wordmark { display:block; width:fit-content; text-decoration:none; font-size:clamp(66px,17.4vw,265px); font-weight:700; line-height:1.1; letter-spacing:-.075em; margin-block:10px 24px; white-space:nowrap; }
.footer-wordmark>span { font-weight:400; }
.footer-wordmark>.footer-dot { color:#644657; font-weight:700; }
.footer-bottom { border-top:1px solid #281d2d50; display:flex; align-items:center; flex-wrap:wrap; gap:12px 32px; padding-top:14px; font-size:11px; }
.footer-bottom>span:first-child { margin-right:auto; }
.footer-bottom>a { padding-block:12px; }
.page-intro { padding-block:64px 62px; }
.page-intro h1 { font-size:clamp(64px,8vw,120px); line-height:1.02; font-weight:500; }
.page-intro h1>span { color:var(--apricot); }
.page-intro-bottom { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; margin-top:48px; }
.page-intro-bottom p { max-width:540px; font-size:18px; color:var(--muted); }
.page-intro-bottom .small-index { padding-top:6px; }
.about-band { background:var(--apricot); color:var(--bg); }
.about-band p { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-block:20px; font:500 clamp(28px,5.5vw,86px)/1.3 "Syne",sans-serif; letter-spacing:-.06em; }
.about-band p>span { font-family:"DM Sans",sans-serif; font-size:.75em; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:10%; border-bottom:1px solid var(--line); }
.prose { color:var(--muted); font-size:17px; max-width:620px; }
.prose p+p { margin-top:24px; }
.prose .audience { color:var(--ink); border-left:1px solid var(--tone); padding-left:24px; }
.principles { background:#201927; border-block:1px solid var(--line); }
.principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }
.principle-grid h3 { margin-block:28px 16px; max-width:240px; font-family:"Syne",sans-serif; font-size:29px; }
.principle-grid p { font-size:15px; color:var(--muted); }
.back-link { display:inline-block; color:var(--muted); font-size:12px; margin-bottom:42px; min-height:24px; text-decoration:none; }
.back-link:hover { color:var(--ink); }
.business-hero { display:grid; grid-template-columns:1.12fr 1fr; gap:8%; align-items:stretch; padding-block:42px 64px; }
.business-hero-copy { padding-block:0 20px; }
.business-hero h1 { font-size:clamp(48px,5.7vw,88px); line-height:1.07; margin-bottom:28px; }
.business-hero h1>span { color:var(--tone); }
.business-hero .eyebrow { font-size:10px; line-height:1.7; }
.business-hero-copy>p:not(.eyebrow) { color:var(--muted); max-width:520px; font-size:17px; }
.button { display:inline-flex; width:fit-content; min-height:54px; align-items:center; justify-content:space-between; gap:32px; border:1px solid var(--tone); background:var(--tone); color:var(--bg); text-decoration:none; font-size:14px; font-weight:500; line-height:1.6; padding:14px 24px; margin-top:30px; transition:background .25s,color .25s; }
.button>span { font-size:22px; }
.button:hover { background:transparent; color:var(--tone); }
.hero-domain { display:block; font-size:12px; color:var(--muted); margin-top:16px; overflow-wrap:anywhere; }
.business-art { --panel-height:620px; position:relative; min-height:620px; isolation:isolate; overflow:hidden; display:flex; align-items:flex-end; background:#302633; }
.business-art::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#17121f00 30%,#17121fbd); border:1px solid var(--line); }
.business-art .photograph { filter:saturate(.85); }
.business-art figcaption { padding:32px; }
.business-art figcaption>span { font-size:10px; letter-spacing:1px; }
.business-art strong { display:block; font:500 clamp(68px,7vw,110px)/1.2 "Syne",sans-serif; letter-spacing:-.075em; margin-top:12px; }
.business-art strong>span { color:var(--tone); }
.services-section { background:#201927; }
.services-section h2>span { color:var(--tone); }
.service-list { border-top:1px solid var(--line); }
.service-list article { display:grid; grid-template-columns:50px 1fr 1fr; gap:32px; align-items:baseline; border-bottom:1px solid var(--line); padding-block:28px; }
.service-list h3 { font-family:"Syne",sans-serif; font-size:clamp(23px,2.6vw,36px); }
.service-list p { font-size:15px; color:var(--muted); }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; list-style:none; padding:0; margin:0; counter-reset:steps; }
.steps li { counter-increment:steps; border-top:1px solid var(--tone); padding-top:24px; }
.steps li::before { content:"0" counter(steps); display:block; color:var(--tone); font-size:12px; letter-spacing:1px; margin-bottom:28px; }
.steps h3 { margin-bottom:16px; }
.steps p { font-size:15px; color:var(--muted); }
.more-businesses { border-top:1px solid var(--line); }
.more-businesses h2 { margin-bottom:36px; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:10%; border-top:1px solid var(--line); }
.contact-direct h2 { font-size:clamp(30px,3.5vw,50px); margin-bottom:30px; }
.contact-email,.contact-phone { display:block; width:fit-content; max-width:100%; padding-block:10px; text-decoration:none; overflow-wrap:anywhere; }
.contact-email { font-size:clamp(21px,2.3vw,32px); color:var(--apricot); letter-spacing:-.04em; }
.contact-phone { font-size:18px; }
.contact-direct>p { color:var(--muted); font-size:14px; margin-top:8px; }
.contact-route-note { margin-top:50px; padding-top:30px; border-top:1px solid var(--line); }
.contact-route-note h3 { font-size:19px; margin-bottom:12px; }
.contact-route-note p { color:var(--muted); font-size:14px; }
.contact-route-note .text-link { margin-top:16px; }
.enquiry { background:#201927; padding:clamp(22px,3.5vw,48px); min-width:0; }
.enquiry-heading { border-bottom:1px solid var(--line); padding-bottom:24px; margin-bottom:28px; }
.enquiry-heading p { font-size:18px; margin-top:8px; }
fieldset { border:0; padding:0; margin:0 0 28px; min-width:0; }
legend { font-size:13px; line-height:1.6; margin-bottom:14px; }
.interest-options { display:flex; flex-wrap:wrap; gap:8px; }
.interest-options label { position:relative; cursor:pointer; }
.interest-options input { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.interest-options span { display:flex; align-items:center; min-height:44px; border:1px solid #806f88; padding:9px 14px; font-size:12px; }
.interest-options input:checked+span { color:var(--bg); background:var(--apricot); border-color:var(--apricot); }
.interest-options input:focus-visible+span { outline:3px solid var(--apricot); outline-offset:3px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.enquiry label { font-size:13px; line-height:1.6; }
.enquiry label:not(.interest-options label) { display:block; margin-bottom:24px; }
input:not([type="radio"]),textarea { color:var(--ink); background:#17121f; border:1px solid #806f88; border-radius:0; width:100%; min-width:0; font-size:16px; padding:13px 14px; margin-top:9px; line-height:1.5; }
textarea { resize:vertical; min-height:130px; }
input::placeholder,textarea::placeholder { color:#a99caf; opacity:1; font-size:13px; }
.form-help { font-size:12px; color:var(--muted); line-height:1.7; }
.enquiry .button { margin-top:24px; }
.form-status { font-size:13px; margin-top:16px; color:var(--apricot); }
.form-status:empty { display:none; }
.email-fallback { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.email-fallback p { color:var(--muted); font-size:12px; }
.email-fallback .text-button { margin-top:10px; }
.manual-copy { margin-top:20px; }
.legal-copy { max-width:880px; border-top:1px solid var(--line); padding-top:48px; }
.legal-copy h2 { font-size:29px; margin-block:44px 18px; }
.legal-copy h2:first-child { margin-top:0; }
.legal-copy p { font-size:16px; color:var(--muted); }
.legal-copy p+p { margin-top:20px; }
.legal-copy a { color:var(--apricot); }
.error-page>p:not(.eyebrow) { max-width:540px; margin-top:30px; color:var(--muted); }
.error-page .business-directory { margin-top:64px; }
@media(min-width:1600px) { .intro h1 { font-size:200px; } }
@media(max-width:1100px) {
  .header-note { display:none; }
  .nav { gap:24px; }
  .world-verb { font-size:52px; }
  .world-footer { padding-inline:20px; }
  .world-trigger { padding-inline:20px; }
  .business-detail { grid-template-columns:1fr 1.1fr; }
  .reset { grid-column:2; }
  .business-hero { gap:5%; }
  .business-art { --panel-height:580px; min-height:580px; }
  .business-hero h1 { font-size:56px; }
  .directory-row { grid-template-columns:34px minmax(0,1fr) auto 48px; gap:18px; }
  .row-arrow { width:46px; height:46px; }
  .field-row { grid-template-columns:1fr; gap:0; }
  .contact-layout { gap:6%; }
}
@media(max-width:800px) {
  :root { --gutter:24px; }
  .header { min-height:86px; gap:24px; flex-wrap:wrap; padding-block:18px; }
  .logo { font-size:28px; }
  .header .nav { gap:20px; }
  .nav>a { font-size:11px; }
  .nav>a:last-child>span { display:none; }
  .intro h1 { font-size:clamp(70px,13.5vw,110px); }
  .coordinate { font-size:10px; }
  .worlds { flex-direction:column; gap:14px; }
  .world { --panel-height:390px; flex:auto!important; }
  .world-trigger { padding:24px 26px 12px; }
  .world-verb { font-size:66px; margin-top:10px; }
  .world-promise { opacity:1; transform:none; }
  .open-mark { opacity:1; transform:none; width:34px; height:34px; font-size:21px; }
  .world-footer { padding:8px 26px 22px; }
  .world-footer h2 { font-size:25px; }
  .world-domain { margin-top:12px; }
  .world-domain .domain-link { width:auto; gap:28px; }
  .world-domain { justify-content:flex-start; gap:28px; }
  .world-domain a { min-height:44px; }
  .manifesto-grid { grid-template-columns:.6fr 1.4fr; gap:7%; }
  .manifesto h2 { font-size:46px; }
  .orbit-mark { width:120px; height:120px; font-size:85px; }
  .manifesto p:not(.eyebrow) { font-size:16px; }
  .directory-row { grid-template-columns:24px minmax(0,1fr) 46px; gap:16px; padding-block:26px; }
  .directory-domain { grid-column:2; }
  .row-arrow { grid-column:3; grid-row:1 / 3; }
  .directory-row h3 { font-size:30px; }
  .faq { gap:8%; grid-template-columns:.9fr 1.1fr; }
  .faq summary { font-size:14px; }
  .circle-link { width:160px; height:160px; min-width:160px; font-size:13px; }
  .closing { padding-block:66px; }
  .footer-links { grid-template-columns:.8fr 1fr 1.2fr; gap:20px; font-size:12px; }
  .page-intro h1 { font-size:clamp(60px,9vw,86px); }
  .page-intro-bottom { gap:32px; }
  .page-intro-bottom p { font-size:16px; }
  .split { gap:7%; }
  .split h2 { font-size:36px; }
  .prose { font-size:16px; }
  .principle-grid { gap:24px; }
  .principle-grid h3 { font-size:25px; }
  .business-hero { grid-template-columns:1fr; gap:32px; }
  .business-hero h1 { font-size:clamp(50px,8vw,76px); }
  .back-link { margin-bottom:28px; }
  .business-art { --panel-height:500px; min-height:500px; }
  .business-art .photograph { background-size:300% auto; }
  .service-list article { grid-template-columns:24px 1fr 1.15fr; gap:24px; }
  .steps { gap:24px; }
  .steps h3 { font-size:20px; }
  .contact-layout { grid-template-columns:1fr; gap:44px; }
  .contact-direct { max-width:500px; }
  .contact-route-note { margin-top:28px; }
  .field-row { grid-template-columns:1fr 1fr; gap:20px; }
  .contact-email { font-size:30px; }
}
@media(max-width:560px) {
  :root { --gutter:20px; }
  .header { gap:16px; }
  .logo { font-size:27px; }
  .logo small { font-size:9px; margin-left:10px; }
  .header .nav { width:100%; margin-left:0; flex-wrap:wrap; justify-content:space-between; }
  .nav>a { font-size:12px; }
  .menu-toggle:not([hidden]) { display:flex; margin-left:auto; }
  .header[data-menu-ready] .nav { display:none; padding-top:12px; border-top:1px solid var(--line); }
  .header[data-menu-ready][data-open="true"] .nav { display:flex; }
  .header[data-open="true"] .menu-toggle>span { transform:rotate(45deg); }
  .intro { padding-top:26px; padding-bottom:28px; }
  .coordinate { display:none; }
  .intro h1 { font-size:clamp(62px,14.5vw,81px); line-height:1.06; margin-block:18px 22px; }
  .intro-top .eyebrow { font-size:10px; letter-spacing:1.2px; }
  .intro-bottom p { font-size:14px; }
  .invitation { font-size:11px; }
  .invitation>span:last-child { display:none; }
  .world { --panel-height:410px; }
  .world-trigger { padding-inline:24px; }
  .world-footer { padding-inline:24px; }
  .world-promise { display:none; }
  .world-verb { font-size:64px; }
  .world-footer h2 { font-size:25px; }
  .business-detail { grid-template-columns:minmax(0,1fr); gap:24px; padding-block:34px 44px; }
  .detail-title { font-size:35px; }
  .detail-copy { font-size:15px; }
  .reset { grid-column:auto; }
  .manifesto-grid { grid-template-columns:1fr; gap:20px; }
  .orbit-mark { display:none; }
  .manifesto h2 { font-size:43px; margin-bottom:24px; }
  .manifesto .eyebrow { max-width:none; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:22px; margin-bottom:30px; }
  .section-heading h2 { font-size:38px; }
  .section-heading>p { font-size:13px; }
  .directory-row { gap:12px; grid-template-columns:20px minmax(0,1fr) 38px; }
  .directory-row:hover { padding-inline:0; }
  .directory-row h3 { font-size:24px; }
  .directory-row p { font-size:12px; }
  .directory-domain { font-size:11px; }
  .row-arrow { width:36px; height:36px; font-size:22px; }
  .row-number { font-size:10px; }
  .faq { grid-template-columns:1fr; gap:30px; }
  .faq h2 { font-size:37px; max-width:360px; }
  .faq summary { font-size:15px; }
  .closing { flex-direction:column; align-items:flex-start; gap:30px; }
  .closing h2 { font-size:46px; }
  .closing p:not(.eyebrow) { font-size:15px; }
  .circle-link { flex-direction:row; width:auto; height:auto; min-width:0; border-radius:0; padding:14px 20px; min-height:56px; gap:36px; text-align:left; }
  .circle-link>span { font-size:25px; }
  .footer-top { flex-direction:column; align-items:flex-start; gap:12px; }
  .footer-top>a { font-size:14px; }
  .footer-links { grid-template-columns:1fr 1fr; gap:26px 20px; padding-top:28px; }
  .footer-links>div:last-child { grid-column:1 / -1; }
  .footer-links a { min-height:40px; }
  .footer-wordmark { font-size:17.5vw; margin-block:22px; }
  .footer-bottom { gap:0 22px; }
  .footer-bottom>span:first-child { flex-basis:100%; margin-bottom:12px; }
  .footer-bottom>span:nth-child(2) { flex-basis:100%; margin-bottom:6px; }
  .page-intro { padding-block:44px; }
  .page-intro h1 { font-size:clamp(46px,11vw,64px); }
  .page-intro-bottom { grid-template-columns:1fr; gap:20px; margin-top:30px; }
  .page-intro-bottom .small-index { font-size:10px; }
  .about-band p { flex-wrap:wrap; font-size:7vw; gap:8px; }
  .split { grid-template-columns:1fr; gap:30px; }
  .split h2 { font-size:38px; }
  .principle-grid { grid-template-columns:1fr; gap:34px; }
  .principle-grid article { border-top:1px solid var(--line); padding-top:24px; }
  .principle-grid h3 { max-width:none; font-size:27px; margin-block:18px 12px; }
  .business-hero { padding-top:28px; padding-bottom:44px; }
  .business-hero h1 { font-size:clamp(43px,10.5vw,59px); }
  .business-hero-copy>p:not(.eyebrow) { font-size:16px; }
  .business-art { --panel-height:420px; min-height:420px; }
  .business-art .photograph { background-size:max(300%,1260px) auto; }
  .business-art figcaption { padding:26px; }
  .business-art strong { font-size:80px; }
  .service-list article { grid-template-columns:20px minmax(0,1fr); gap:12px 20px; }
  .service-list h3 { font-size:27px; }
  .service-list p { grid-column:2; font-size:14px; }
  .steps { grid-template-columns:1fr; gap:30px; }
  .steps li::before { margin-bottom:16px; }
  .steps h3 { font-size:22px; }
  .more-businesses h2 { font-size:35px; }
  .field-row { grid-template-columns:1fr; gap:0; }
  .enquiry { padding:24px 20px; }
  .enquiry .button { padding-inline:18px; gap:18px; font-size:13px; }
  .interest-options span { padding-inline:11px; font-size:11px; }
  .contact-email { font-size:28px; }
  .contact-direct h2 { font-size:38px; }
  .legal-copy h2 { font-size:27px; }
  .legal-copy p { font-size:15px; }
}
@media(max-width:360px) {
  .logo small { display:none; }
  .invitation { display:none; }
  .intro h1 { font-size:61px; }
  .world-footer h2 { font-size:23px; }
  .world-domain { gap:8px; font-size:11px; }
  .world-domain a { font-size:11px; }
  .directory-row h3 { font-size:21px; }
  .closing h2 { font-size:40px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .photograph { transform:none!important; }
}
@media(forced-colors:active) {
  .world,.enquiry,.button,.interest-options span { border:1px solid CanvasText; }
  .interest-options input:checked+span { outline:2px solid Highlight; }
  .world-trigger,.world-footer,.business-art figcaption { background:Canvas; }
}
@media print {
  :root { background:white; color:black; }
  .header,.footer,.worlds,.business-art,.enquiry,.closing,.orbit-mark { display:none; }
  .wrap { max-width:none; padding-inline:0; }
  .section { padding-block:24px; }
  .page-intro h1,.intro h1 { font-size:48px; }
  .prose,p,.eyebrow,.small-index { color:black!important; }
}
