:root{--font-geist-sans:Arial;--font-geist-mono:monospace}html{scroll-behavior:smooth}body{margin:0;background:#0b0d10}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}p{line-height:1.6}
.brand-emblem { width:100%; display:flex; flex-direction:column; align-items:center; color:#25291f; text-align:center; }
.brand-emblem-illustration { width:100%; aspect-ratio:1448 / 810; overflow:hidden; -webkit-mask-image:radial-gradient(ellipse 77% 85% at 50% 55%,#000 72%,transparent 100%); mask-image:radial-gradient(ellipse 77% 85% at 50% 55%,#000 72%,transparent 100%); }
.brand-emblem-illustration img { display:block; width:100%; height:auto; }
.brand-emblem-descriptor { margin-top:2%; font:500 clamp(.72rem,1.25vw,1rem)/1.3 Georgia,serif; letter-spacing:.32em; text-transform:uppercase; }
.brand-emblem-name { font:400 clamp(2.5rem,5vw,5.6rem)/1.05 Georgia,serif; letter-spacing:.015em; text-transform:uppercase; }
/* Studio-only design system. Vineyard routes retain their independent identity. */
.studio-site { --studio-bg:#0b0d10; --studio-panel:#151922; --studio-text:#f5f7fa; --studio-muted:#9da7b3; --studio-line:#343b42; background:radial-gradient(circle at 68% 8%,rgba(47,107,255,.10),transparent 24%),var(--studio-bg); color:var(--studio-text); font-family:var(--font-geist-sans),Arial,sans-serif; padding-top:24px; overflow:clip; }
.studio-site *, .studio-legal { box-sizing:border-box; }
.studio-site a:focus-visible,.studio-legal a:focus-visible { outline:2px solid #b8eeff; outline-offset:5px; }
.studio-site section[id],.studio-site footer[id],.studio-anchor { scroll-margin-top:32px; }
.studio-site p { text-wrap:pretty; }
.studio-site h1,.studio-site h2,.studio-site h3 { text-wrap:balance; }
.studio-site h2 { font-size:clamp(2rem,3.5vw,3.2rem); font-weight:500; line-height:1.12; letter-spacing:-.04em; margin:18px 0 26px; }
.studio-site h3 { font-size:clamp(1.5rem,2.4vw,2.2rem); line-height:1.2; letter-spacing:-.025em; font-weight:500; }
.studio-site .studio-eyebrow { font:400 .73rem/1.7 var(--font-geist-mono),monospace; color:#9da7b3; letter-spacing:.08em; text-transform:uppercase; }
.studio-skip { position:absolute; top:-100px; left:24px; padding:14px 20px; z-index:20; background:#f5f7fa; color:#0b0d10; border-radius:12px; }
.studio-skip:focus { top:24px; }
.studio-nav { width:calc(100% - 96px); max-width:1264px; margin:0 auto; padding:14px 24px; display:flex; justify-content:space-between; align-items:center; gap:24px; background:#1a1e25; border:1px solid rgba(255,255,255,.14); border-radius:22px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 40px rgba(0,0,0,.35); }
.studio-wordmark { display:flex; align-items:center; gap:14px; font-size:.87rem; letter-spacing:.16em; font-weight:600; }
.studio-mark { display:block; position:relative; flex:none; width:44px; height:44px; overflow:hidden; border-radius:11px; background:#000; }.studio-mark img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(2.15);}
.studio-submark { display:block; color:#9da7b3; font:400 .58rem/1.7 var(--font-geist-mono),monospace; letter-spacing:.12em; margin-top:3px; }
.studio-nav nav { display:flex; flex-wrap:wrap; gap:8px; }.studio-nav nav a { display:inline-flex; align-items:center; min-height:44px; padding:0 14px; font-size:.83rem; color:#d8dee9; border-radius:12px; }.studio-nav nav a:hover { background:rgba(255,255,255,.08);color:white; }
.studio-hero,.studio-section,.studio-signoff { width:calc(100% - 144px); max-width:1216px; margin:0 auto; }
.studio-hero { padding:94px 0 88px; display:grid; grid-template-columns:1.12fr 1fr; gap:40px; align-items:center; }
.studio-hero h1 { font-size:clamp(3rem,6.2vw,5.5rem); font-weight:500; line-height:1.05; letter-spacing:-.055em; margin:26px 0; }.studio-heading-dot {color:#397bff;}
.studio-positioning { font-size:clamp(1.3rem,2.3vw,2rem); line-height:1.35; letter-spacing:-.025em; color:#e8ebef; }
.studio-intro { max-width:470px; font-size:1rem; line-height:1.7; color:#9da7b3; margin:24px 0 0; }
.studio-cta { display:inline-flex; align-items:center; justify-content:center; gap:32px; min-height:48px; padding:13px 24px; margin-top:30px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:#2f6bff; color:#fff; font-size:.9rem; font-weight:500; transition:background .25s,transform .25s; }.studio-cta:hover{background:#397bff;transform:translateY(-2px);}
.studio-hero-meta { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:42px; color:#9da7b3; font:400 .65rem/1.7 var(--font-geist-mono),monospace; letter-spacing:.04em; }
.studio-brand-art { position:relative; width:min(100%,540px); margin:auto; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:28px; background:#000; box-shadow:0 24px 70px rgba(0,0,0,.36); }.studio-brand-art img{display:block;width:100%;height:auto;}.studio-brand-art span{position:absolute;right:22px;bottom:18px;color:#d8dee9;font:400 .6rem/1.5 var(--font-geist-mono),monospace;letter-spacing:.14em;}
.studio-section { padding:70px 0; border-top:1px solid #242a30; }.studio-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px;}.studio-section-heading h2{margin-bottom:0;}.studio-section-heading>p{max-width:350px;color:#9da7b3;font-size:.97rem;line-height:1.7;}
.studio-glass { background:#1b2029; border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.3); }
.studio-product { display:grid; grid-template-columns: .9fr 1.1fr; border-radius:26px; overflow:hidden; }
.studio-vineyard { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:460px; padding:40px; background:#dce0ce; color:#354c38; text-align:center; }.studio-vineyard-label{font:400 .62rem/1.5 var(--font-geist-mono),monospace;letter-spacing:.18em;}.studio-vineyard img{display:block;width:100%;max-width:440px;height:auto;margin:24px 0 0;border-radius:16px;box-shadow:0 15px 35px #354c3820;}
.studio-product-copy { padding:clamp(28px,4vw,52px); }.studio-product-copy h3{margin:20px 0;}.studio-product-copy>p:not(.studio-eyebrow):not(.studio-caption){font-size:1rem;line-height:1.7;color:#d8dee9;margin:16px 0;}
.studio-specs { margin:28px 0; padding-top:16px; border-top:1px solid #343b42; }.studio-specs>div{display:grid;grid-template-columns:56px 1fr;gap:16px;margin-top:10px;}.studio-specs dt{font:.65rem/1.8 var(--font-geist-mono),monospace;text-transform:uppercase;color:#9da7b3;}.studio-specs dd{font-size:.78rem;line-height:1.6;color:#d8dee9;}
.studio-actions { display:flex;align-items:center;gap:24px;flex-wrap:wrap; }.studio-actions .studio-cta {margin:0;}.studio-cta-secondary{background:rgba(255,255,255,.1);}.studio-cta-secondary:hover{background:#343b42;}.studio-text-link{display:inline-flex;align-items:center;min-height:44px;color:#d8dee9;font-size:.83rem;text-decoration:underline;text-underline-offset:5px;}.studio-text-link:hover{color:#b8eeff;}
.studio-site .studio-caption { font-size:.75rem;line-height:1.7;color:#9da7b3;margin-top:24px; }
.studio-project-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }.studio-project-card{padding:36px;background:#101214;border:1px solid rgba(255,255,255,.1);border-radius:22px;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s;}.studio-project-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);}.studio-project-card>p:not(.studio-eyebrow):not(.studio-caption){color:#d8dee9;font-size:.97rem;line-height:1.75;margin-top:16px;}.studio-project-card .studio-project-subtitle{color:#f5f7fa;}.studio-site .studio-copper{color:#d69a70;}.studio-machine{color:#c87941;height:155px;display:flex;align-items:center;}.studio-machine svg{width:100%;max-height:120px;}.studio-caelus-signature{height:155px;display:flex;align-items:center;gap:22px;font-size:2rem;color:#6edcff;}.studio-caelus-signature span{color:#d8dee9;font-size:clamp(2rem,3vw,3rem);font-weight:300;letter-spacing:.16em;}
.studio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}.studio-tags span{font-size:.7rem;color:#d8dee9;border:1px solid #343b42;padding:6px 10px;border-radius:10px;}
.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px;}.studio-principles article{padding-top:22px;border-top:1px solid #343b42;}.studio-principles h3{font-size:1.3rem;margin:20px 0 16px;}.studio-principles article>p:last-child{font-size:.95rem;line-height:1.8;color:#9da7b3;}
.studio-about { display:grid;grid-template-columns:1fr 1fr;gap:70px; }.studio-about-name{font-size:1.1rem;margin:36px 0 12px;}.studio-about-name span{color:#9da7b3;}.studio-about>div:last-child>p{color:#d8dee9;line-height:1.8;margin-bottom:20px;font-size:1rem;}.studio-about>div:last-child .studio-bio-lead{font-size:1.3rem;color:#f5f7fa;line-height:1.5;}.studio-about .studio-bio-invitation{border-top:1px solid #343b42;padding-top:22px;}
.studio-signoff{padding:40px 0;border-top:1px solid #343b42;display:flex;justify-content:space-between;gap:24px;}.studio-signoff>div>p:not(.studio-wordmark){color:#9da7b3;font-size:.75rem;margin-top:14px;line-height:1.7;}.studio-signoff>div:last-child{text-align:right;}.studio-legal{background:#0b0d10;color:#9da7b3;border-top:1px solid #242a30;padding:24px;font:400 .7rem/2 var(--font-geist-sans),Arial,sans-serif;text-align:center;}.studio-legal a{display:inline-block;padding:6px 2px;}
@supports(backdrop-filter:blur(18px)){.studio-nav{background:rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(140%);}.studio-glass{background:rgba(255,255,255,.05);backdrop-filter:blur(18px) saturate(140%);}}
@media(max-width:950px){.studio-hero,.studio-section,.studio-signoff{width:calc(100% - 64px);}.studio-nav{width:calc(100% - 48px);}.studio-hero{gap:24px;padding:64px 0;}.studio-hero h1{font-size:clamp(3rem,6vw,4.5rem);}.studio-desktop-break{display:none;}.studio-project-card{padding:28px;}.studio-about{gap:40px;}}
@media(max-width:700px){.studio-site{padding-top:16px;}.studio-nav{width:calc(100% - 32px);padding:14px 18px;flex-wrap:wrap;gap:12px;border-radius:20px;}.studio-nav nav{width:100%;justify-content:space-between;gap:0;border-top:1px solid #343b42;padding-top:6px;}.studio-nav nav a{padding:0 10px;}.studio-hero,.studio-section,.studio-signoff{width:calc(100% - 40px);}.studio-hero{grid-template-columns:1fr;padding:48px 0;gap:32px;}.studio-hero h1{font-size:clamp(2.8rem,11vw,4rem);}.studio-positioning{font-size:1.5rem;}.studio-brand-art{max-width:440px;}.studio-section{padding:48px 0;}.studio-section-heading{display:block;}.studio-section-heading>p{margin-top:22px;}.studio-product,.studio-project-grid,.studio-principles,.studio-about{grid-template-columns:1fr;}.studio-vineyard{min-height:360px;padding:32px;}.studio-vineyard img{max-width:360px;}.studio-product-copy{padding:28px 24px;}.studio-project-card{padding:28px 24px;}.studio-about{gap:24px;}.studio-signoff{display:block;}.studio-signoff>div:last-child{text-align:left;margin-top:28px;}}
@media(prefers-reduced-motion:reduce){.studio-site *{transition:none!important;scroll-behavior:auto!important;}.studio-project-card:hover,.studio-cta:hover{transform:none;}}
@media(prefers-reduced-transparency:reduce){.studio-nav,.studio-glass{background:#151922;backdrop-filter:none;}}
@media(prefers-contrast:more){.studio-site{background:#0b0d10;}.studio-nav,.studio-glass,.studio-project-card{background:#101214;border-color:#9da7b3;backdrop-filter:none;}.studio-site .studio-eyebrow,.studio-site .studio-caption,.studio-intro{color:#d8dee9;}}
@media(forced-colors:active){.studio-nav,.studio-glass,.studio-project-card,.studio-cta{border:1px solid ButtonText;}.studio-heading-dot{color:CanvasText;}}

/* Glass surfaces frame the original mark while its black field fades into the page. */
.studio-site { background:radial-gradient(ellipse at 72% 7%,#172638 0,transparent 35%),radial-gradient(ellipse at 12% 42%,#15212f 0,transparent 36%),#080b10; }
.studio-nav,.studio-glass,.studio-project-card { border-color:rgba(191,218,235,.2); background:linear-gradient(135deg,rgba(57,91,119,.28),rgba(23,35,51,.72) 55%,rgba(24,34,48,.8)); box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 1px 0 0 rgba(255,255,255,.05),0 22px 55px rgba(0,0,0,.22); }
.studio-nav { position:relative; }
.studio-brand-art { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.studio-brand-art img { -webkit-mask-image:radial-gradient(ellipse 68% 68% at 50% 48%,#000 68%,transparent 100%); mask-image:radial-gradient(ellipse 68% 68% at 50% 48%,#000 68%,transparent 100%); }
.studio-brand-art span { right:10%; bottom:6%; padding:7px 12px; border:1px solid rgba(199,226,241,.28); border-radius:999px; background:rgba(18,34,52,.6); }
.studio-hero { position:relative; display:block; min-height:570px; isolation:isolate; }
.studio-hero>div:first-child { position:relative; z-index:1; max-width:650px; }
.studio-founder { margin-top:18px; color:#b8c6d2; font:400 .72rem/1.7 var(--font-geist-mono),monospace; letter-spacing:.1em; text-transform:uppercase; }
.studio-founder-mark { display:inline-grid; place-items:center; width:27px; height:27px; margin-right:10px; border:1px solid rgba(184,198,210,.55); border-radius:50%; color:#e5edf4; font-size:.6rem; letter-spacing:0; vertical-align:middle; }
.studio-hero .studio-brand-art { position:absolute; z-index:0; right:-2%; top:12%; width:min(56%,620px); opacity:.24; mix-blend-mode:screen; pointer-events:none; }
.studio-hero .studio-brand-art span { display:none; }
.studio-vineyard { background:radial-gradient(ellipse at 50% 34%,#eff1df,#d6decb 74%); }
.studio-vineyard img { box-shadow:none; mix-blend-mode:multiply; }
.studio-project-card:hover { border-color:rgba(191,218,235,.42); }
@supports(backdrop-filter:blur(16px)) { .studio-nav,.studio-glass,.studio-project-card,.studio-brand-art span { backdrop-filter:blur(22px) saturate(155%); -webkit-backdrop-filter:blur(22px) saturate(155%); }.studio-nav,.studio-glass { background:linear-gradient(135deg,rgba(112,151,179,.19),rgba(30,49,70,.54) 55%,rgba(25,35,50,.69)); } }
@media(max-width:700px) { .studio-hero { min-height:0; }.studio-hero .studio-brand-art { width:min(100%,430px); right:-16%; top:5%; opacity:.11; }.studio-nav,.studio-glass,.studio-project-card { box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.18); } }
@media(prefers-reduced-transparency:reduce), (prefers-contrast:more) { .studio-nav,.studio-glass,.studio-project-card,.studio-brand-art span { background:#162332; backdrop-filter:none; -webkit-backdrop-filter:none; border-color:#8eabbc; } }

/* The black raster field disappears into the page; the archer recedes while AS stays legible. */
.studio-mark { background:transparent; border-radius:0; overflow:hidden; }
.studio-mark svg { display:block; width:100%; height:100%; transform:scale(1.6); }
.studio-hero .studio-brand-art { right:-14%; top:-10%; width:min(84%,960px); opacity:1; mix-blend-mode:normal; aspect-ratio:1; }
.studio-hero .studio-brand-art svg { position:absolute; inset:0; display:block; width:100%; height:auto; }
.studio-hero .studio-brand-art .studio-archer-mist { opacity:.47; transform:translateY(4%) scale(1.22); transform-origin:center; filter:blur(6px) drop-shadow(0 0 22px rgba(214,228,247,.22)); -webkit-mask-image:radial-gradient(ellipse 25% 36% at 47% 69%,transparent 59%,#000 100%); mask-image:radial-gradient(ellipse 25% 36% at 47% 69%,transparent 59%,#000 100%); }
.studio-hero .studio-brand-art .studio-as-solid { opacity:.86; transform:translate(10%,8%) scale(.75); transform-origin:0 0; }
.studio-vineyard img { mix-blend-mode:normal; transform:scale(1.08); }
.studio-vineyard .brand-emblem { max-width:480px; margin-top:20px; }
.studio-vineyard .brand-emblem img { max-width:none; margin:0; border-radius:0; transform:none; }
.studio-vineyard .brand-emblem-descriptor { font-size:clamp(.55rem,1vw,.8rem); }
.studio-vineyard .brand-emblem-name { font-size:clamp(2rem,3vw,3.8rem); }
@media(max-width:700px) { .studio-hero .studio-brand-art { width:min(116%,500px); right:-32%; top:0; opacity:1; }.studio-hero .studio-brand-art .studio-archer-mist { opacity:.31; transform:none; }.studio-hero .studio-brand-art .studio-as-solid { opacity:.61; } }