.page{--bg: #050505;--bg-soft: #111111;--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: #f5f5f2;--muted: rgba(245, 245, 242, .72);--shadow: 0 24px 80px rgba(0, 0, 0, .35);background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 30%),linear-gradient(180deg,#0c0c0c 0%,var(--bg) 45%,#090909 100%);color:var(--text);min-height:100vh;overflow:hidden}.hero{position:relative;padding:7rem 1.5rem 4rem}.heroGlow{position:absolute;inset:1rem auto auto 50%;width:min(48rem,90vw);height:min(48rem,90vw);transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);filter:blur(16px);opacity:.9;animation:pulse 7s ease-in-out infinite;pointer-events:none}.heroGrid,.section,.banner{width:min(1120px,calc(100% - 2rem));margin:0 auto}.heroGrid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:2rem;align-items:end}.brandBlock,.statementCard,.serviceCard,.banner{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.brandBlock{padding:3rem;border-radius:2rem;animation:rise .9s ease-out both}.kicker,.sectionKicker,.cardLabel{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;color:var(--muted)}.heading{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.8rem,8vw,6.8rem);line-height:.92;font-weight:600;max-width:10ch}.lead{margin:1.5rem 0 0;max-width:42rem;font-size:1.08rem;line-height:1.8;color:var(--muted)}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.primaryAction,.secondaryAction{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.35rem;border-radius:999px;text-decoration:none;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.primaryAction{background:#f5f5f2;color:#080808;font-weight:700}.secondaryAction{border:1px solid var(--border);color:var(--text)}.primaryAction:hover,.secondaryAction:hover{transform:translateY(-2px)}.statementCard{padding:2rem;border-radius:1.5rem;animation:rise 1.1s ease-out both}.cardQuote{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.metrics{display:grid;gap:1rem;margin-top:2rem}.metricValue,.metricLabel{display:block}.metricValue{font-size:1.2rem;font-weight:700}.metricLabel{margin-top:.25rem;color:var(--muted)}.section{padding:1rem 1rem 4rem}.sectionHeader{max-width:48rem;margin-bottom:2rem}.sectionHeader h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.3rem,5vw,4rem);line-height:1;font-weight:600}.twoColumn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.twoColumn p,.serviceCard p,.bannerSubline{margin:0;color:var(--muted);line-height:1.8;font-size:1.02rem}.serviceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.showcaseGrid{display:grid;grid-template-columns:1fr;gap:1.5rem}.serviceCard{border-radius:1.4rem;padding:1.5rem;transform:translateY(24px);opacity:0;animation:rise .9s ease-out forwards}.serviceCard:nth-child(2){animation-delay:.1s}.serviceCard:nth-child(3){animation-delay:.2s}.serviceCard:nth-child(4){animation-delay:.3s}.serviceCard:nth-child(5){animation-delay:.4s}.serviceCard:nth-child(6){animation-delay:.5s}.serviceCard h3{margin:0 0 .75rem;font-size:1.08rem}.showcaseCard{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.5rem;align-items:center;border:1px solid var(--border);border-radius:1.6rem;padding:1.75rem;background:linear-gradient(180deg,#ffffff14,#ffffff08),linear-gradient(135deg,rgba(255,255,255,.04),transparent 55%);box-shadow:var(--shadow)}.showcasePreview{overflow:hidden;border-radius:1.2rem;border:1px solid rgba(255,255,255,.14);background:#0a0a0a;box-shadow:inset 0 1px #ffffff14,0 18px 50px #00000059}.previewChrome{display:flex;gap:.45rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff14,#ffffff08)}.previewChrome span{width:.7rem;height:.7rem;border-radius:999px;background:#fff6}.showcaseImage{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top center;filter:saturate(.95) contrast(1.02);transform:scale(1.01);transition:transform .24s ease}.showcaseCard:hover .showcaseImage{transform:scale(1.035)}.showcaseContent{display:grid;gap:1rem}.showcaseMeta{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:var(--muted)}.showcaseCard h3{margin:0 0 .75rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1;font-weight:600}.showcaseCard p{margin:0;color:var(--muted);line-height:1.8}.showcaseTags{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:0}.showcaseTags li{padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);font-size:.86rem}.showcaseLink{display:inline-flex;width:fit-content;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(245,245,242,.4);padding-bottom:.2rem;transition:transform .18s ease,border-color .18s ease}.showcaseLink:hover{transform:translate(4px);border-color:#f5f5f2d9}.banner{border-radius:2rem;padding:2.5rem;margin-bottom:4rem}.bannerLine{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.bannerSubline{margin-top:1rem;max-width:42rem}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(.96);opacity:.68}50%{transform:translate(-50%) scale(1.04);opacity:1}}@media only screen and (max-width:64rem){.heroGrid,.twoColumn,.serviceGrid,.showcaseGrid,.showcaseCard{grid-template-columns:1fr}.brandBlock,.statementCard,.banner{padding:2rem}}@media only screen and (max-width:40rem){.hero{padding-top:5rem}.heading{max-width:12ch}.actions{flex-direction:column}.primaryAction,.secondaryAction{width:100%}.section,.hero{padding-left:1rem;padding-right:1rem}}