/* Original Claas & Freunde visual direction: editorial cinema, copper, porcelain and ink. */
:root{--cf-ink:#141b24;--cf-porcelain:#f1eee7;--cf-copper:#cb795b;--cf-gold:#d7b47d;--cf-blue:#7e98ad}
.hero-domain-first{min-height:880px;min-height:100svh;padding:146px var(--space) 110px;background:#141b24;overflow:hidden}
.hero-domain-first::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#141b24e8 0%,#141b24a9 45%,#141b2442 100%);pointer-events:none}
.hero-domain-first::after{background:linear-gradient(180deg,#111823a8 0%,transparent 27%,#10151ca8 100%),linear-gradient(100deg,#101620df 0%,#17283a55 70%)}
.hero-domain-first .hero-art{opacity:.78;filter:none}
.hero-domain-first .hero-art video{filter:saturate(1.1) brightness(.7) contrast(1.05)!important;object-position:center 46%}
.hero-domain-first .hero-bottom{grid-template-columns:minmax(0,1fr) minmax(430px,.82fr);gap:clamp(35px,6vw,110px);align-items:end}
.hero-domain-first .hero-intro{max-width:820px;padding-bottom:36px}
.hero-domain-first .hero-kicker{display:block;margin-bottom:31px;color:#e4d2b9;font-size:11px;font-weight:600;letter-spacing:.14em}
.hero-domain-first .hero-kicker span{color:var(--cf-copper)}
.hero-domain-first h1{font-size:clamp(66px,7.4vw,126px);font-weight:500;letter-spacing:-.075em;line-height:.97;color:#fffaf3}
.hero-domain-first h1 span{color:#e0b68f;text-shadow:none;font-family:Georgia,serif;font-weight:400;letter-spacing:-.082em}
.hero-domain-first .hero-lead{max-width:560px;margin-top:37px;color:#e3dfd9;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.hero-domain-first .hero-actions{margin-top:37px}
.hero-domain-first .hero-link{background:#e9ded0;border:1px solid #e9ded0;border-radius:0;color:#19212b;font-size:12px;font-weight:700;letter-spacing:.02em}
.hero-domain-first .hero-link:hover{background:#fff6eb;box-shadow:0 12px 38px #0004}
.hero-domain-first .hero-audit{color:#faf0e4;border-color:#faf0e4a8;font-size:13px}
.hero-proofline{margin-top:64px;color:#e1d6ca;font-size:10px}
.hero-proofline span:not(:last-child)::after{color:#c88569}
.hero-domain-card{min-height:0;padding:clamp(28px,3vw,46px);border:1px solid #ffffff9e;border-radius:2px;background:#f1eee7;color:#202632;box-shadow:0 28px 85px #0006;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-domain-card::before{inset:auto 0 0;height:6px;background:linear-gradient(90deg,#ca7556,#d9b582 45%,#718fa8 100%)}
.hero-domain-card .hero-card-top{margin-bottom:39px;color:#6f6b67;font-size:9px;letter-spacing:.15em}
.hero-domain-card .hero-card-top strong{color:#7e5a4a}
.hero-domain-card .hero-card-top i{background:#bf7555;box-shadow:0 0 0 4px #bf755527}
.hero-domain-first .hero-card-title{font-size:clamp(34px,3.1vw,49px);line-height:1.08;color:#1b242e}
.hero-domain-first .hero-card-title span{color:#ad644d;font-family:Georgia,serif;font-weight:400}
.hero-domain-card .hero-tool-tabs{border-color:#23313e30}
.hero-domain-card .hero-tool-tabs button{color:#626973;font-size:12px}
.hero-domain-card .hero-tool-tabs button[aria-selected=true]{color:#1a2530}
.hero-domain-card .hero-tool-tabs button[aria-selected=true]::after{background:#bb7055}
.hero-domain-card form>label:first-child{color:#222a32;font-size:12px}
.hero-domain-card .hero-url-control{border-color:#25334175}
.hero-domain-card .hero-url-control input{color:#18222d;font-size:21px}
.hero-domain-card .hero-url-control input::placeholder{color:#7e8184}
.hero-domain-card .hero-url-control button{background:#1b2835;color:#fff8ed;font-size:12px}
.hero-domain-card .hero-url-control button:hover{background:#a9573e;color:#fff}
.hero-domain-card .hero-domain-note{color:#616b73;font-size:11px}
.hero-domain-card .hero-card-foot{border-color:#26364538;color:#6a7175}
.hero-domain-card .hero-card-foot span::before{color:#bd7456}
.hero-domain-card .hero-domain-result{border-color:#24374738}
.hero-domain-card .hero-domain-result>span{color:#82533f}
.hero-domain-card .hero-domain-result p{color:#49545d}
.hero-domain-card .hero-domain-result #home-domain-plan{background:#1b2835;color:#fff}
.hero-domain-card .home-domain-options{border-color:#24374738}
.hero-domain-card .home-domain-options::before{color:#5a6269}
.hero-domain-card .home-domain-option{border-color:#26374538;color:#202c37;background:#fff9ef}
.hero-domain-card .home-domain-option:hover{background:#e8d9ca;border-color:#a66850}
.hero-domain-card .home-domain-option span{color:#6d7375}
.hero-domain-card .home-domain-option[data-state=possibly-available] span{color:#2b654d}
.hero-domain-card .home-domain-option[data-state=registered] span,.hero-domain-card .home-domain-option[data-state=unknown] span,.hero-domain-card .home-domain-option[data-state=unsupported] span{color:#9d5d4d}
.hero-domain-card .hero-url-permission{color:#5b6268}
.hero-domain-card .hero-url-permission a{color:#25394a}
.hero-domain-first .hero-scroll-note{color:#d6d0c9}
.hero-domain-first .hero-scroll-note a{border-color:#d3a278}
.studio-band{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px var(--space);background:#d0a67f;color:#172533;font-size:11px;font-weight:700;letter-spacing:.17em;white-space:nowrap;overflow:hidden}
.studio-band i{width:4px;height:4px;border-radius:50%;background:#24394a}
.domain-journey{background:#efe9df;color:#1d2934}
.domain-journey .eyebrow{color:#9d654e}
.domain-journey h2 span{color:#b16e50;font-family:Georgia,serif;font-weight:400}
.domain-journey-intro>p:not(.eyebrow){color:#46515a}
.domain-journey-cta{background:#1b2935;color:#fff6ed}
.domain-journey-cta:hover{background:#8b523d}
.domain-journey-steps,.domain-journey-steps li{border-color:#24344544}
.domain-step-number{color:#b47359;font-family:Georgia,serif}
.domain-journey-steps p{color:#53606a}
.launch-intro{background:#f4f0ea;color:#1b2732}
.launch-intro .soft{color:#af6d53}
.launch-intro-grid>div>p{color:#3d4852}
.launch-intro-grid>div>p+p{color:#5d6670}
.launch-intro .underlink{color:#283846;border-color:#9c624e}
.launch-routes{border-color:#25374738}
.launch-routes a{border-color:#25374738}
.launch-routes a:hover{background:#dcd0c1a8}
.launch-routes small,.launch-routes .route-copy em{color:#626b73}
.launch-route .route-art img{filter:none}
.concept-art img{filter:none}
.experience{background:#171f29}
.experience-heading .soft{color:#d8a77c}
@media(max-width:1100px){.hero-domain-first .hero-bottom{grid-template-columns:minmax(0,1fr) minmax(375px,.9fr);gap:35px}.hero-domain-first h1{font-size:clamp(58px,6vw,82px)}}
@media(max-width:767px){.hero-domain-first{min-height:0;padding:112px 20px 66px}.hero-domain-first::after{background:linear-gradient(180deg,#111823a3,#111823d9 58%,#111823)}.hero-domain-first .hero-art{opacity:.6}.hero-domain-first .hero-art video{object-position:60% center}.hero-domain-first .hero-bottom{display:grid;grid-template-columns:1fr;gap:37px}.hero-domain-first .hero-intro{padding-bottom:0}.hero-domain-first .hero-kicker{font-size:9px;margin-bottom:19px}.hero-domain-first h1{font-size:clamp(50px,12vw,71px)}.hero-domain-first .hero-lead{font-size:16px;margin-top:23px}.hero-domain-first .hero-actions{margin-top:27px}.hero-domain-first .hero-link{width:auto;min-height:54px}.hero-domain-card{padding:25px 20px 30px}.hero-domain-card .hero-card-top{margin-bottom:24px}.hero-domain-first .hero-card-title{font-size:36px}.hero-domain-card .hero-url-control input{border-color:#25334175}.studio-band{gap:14px;justify-content:center;padding:15px 0;font-size:8px;letter-spacing:.08em}.studio-band i{flex:0 0 3px}.domain-journey{padding:74px 22px}.hero-domain-first .hero-scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.studio-band{animation:none}}