@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');
/* Kotrixel brand override: deep wine, cream and gold. */
:root { --ink:#280009; --soft:#460013; --paper:#fff8f3; --dim:#dec2c0; --acid:#e7b553; --line:rgba(255,248,243,.18); --serif:"Cormorant Garamond", Georgia, serif; --sans:"Manrope", Arial, sans-serif; }
html,body { background:#280009; }
.header { background:rgba(40,0,9,.88); }
.mark { width:31px; height:31px; transform:none; display:block; overflow:hidden; background:#4a0012 url("brand/kotrixel-mark-cream.png") center/290% no-repeat; border-radius:6px; }
.mark i { display:none; }
.hero-art:before { background:radial-gradient(circle at 62% 49%,rgba(201,20,58,.28),transparent 31%); }
.belief,.signal,.manifest,.quote { background:#39000f; }
.newsletter { background:linear-gradient(130deg,#690019,#1d0007 69%); }
.closing { background:linear-gradient(124deg,#6f001c 0%,#b40031 48%,#e6b353 150%); color:var(--paper); }
.closing .eyebrow { color:#f4c96e; }.closing .eyebrow:before { background:#f4c96e; }
.closing em { color:#f3c465; }.closing .primary { background:var(--paper); color:#500013; }.closing .primary .arr { color:#8e0025; }
.split em { color:#8e0025; }.split .eyebrow:before,.principles .eyebrow:before { background:#8e0025; }
.principles { background:#fff7f1; }.principles .eyebrow { color:#7f4c54; }.principle .number { color:#8e0025; }.principle p,.split p { color:#70434a; }
.page-lead { background:radial-gradient(circle at 87% 12%,rgba(217,25,70,.24),transparent 26%); }
.work-1 .work-surface,.s1 { background:linear-gradient(135deg,#250008,#950126 48%,#e7b553); }
.work-2 .work-surface,.s2 { background:linear-gradient(135deg,#f6e9df,#6c001b 58%,#240008); }
.work-3 .work-surface,.s3 { background:linear-gradient(125deg,#e7b553,#7f001d 44%,#210007); }
.work-4 .work-surface,.s4 { background:linear-gradient(140deg,#240008,#a00029 47%,#f0c76c); }
.footer { background:#1d0007; }

.catalog { padding:110px clamp(22px,7.5vw,130px); background:linear-gradient(180deg,#260009,#3e0010); }
.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:65px; }
.catalog-heading h2 { font-size:clamp(3rem,7vw,7.2rem); margin:18px 0 0; }.catalog-heading p { max-width:260px; color:var(--dim); margin:0; font-size:.9rem; }
.catalog-service { border-top:1px solid var(--line); padding:32px 0 42px; display:grid; grid-template-columns:28% 1fr; gap:30px; animation:reveal .55s both; animation-delay:var(--delay); }
.catalog-intro>span { color:var(--acid); letter-spacing:.12em; font-size:.68rem; }.catalog-intro h2 { font-size:clamp(1.9rem,3.2vw,3.8rem); margin:32px 0 12px; }.catalog-intro p { color:var(--dim); max-width:290px; font-size:.9rem; line-height:1.55; }
.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.package { min-height:190px; border:1px solid rgba(255,248,243,.22); padding:18px; display:flex; flex-direction:column; background:rgba(255,248,243,.025); transition:background .25s ease,transform .25s ease,border-color .25s ease; }.package:hover { background:#fff8f3; color:#430012; border-color:#fff8f3; transform:translateY(-6px); }.package>span { text-transform:uppercase; letter-spacing:.11em; color:var(--acid); font-size:.62rem; font-weight:700; }.package:hover>span { color:#970027; }.package strong { font-family:var(--serif); font-size:clamp(1.4rem,2.1vw,2.3rem); line-height:1.05; font-weight:400; margin-top:28px; letter-spacing:-.04em; }.package small { font-size:.72rem; color:var(--dim); margin-top:9px; line-height:1.4; }.package:hover small { color:#73505a; }.package b { margin-top:auto; font-size:.67rem; text-transform:uppercase; letter-spacing:.08em; }.package i { color:var(--acid); font-style:normal; margin-left:6px; }.package:hover i { color:#970027; }
.order-hero { padding:120px clamp(22px,10vw,160px) 78px; display:grid; grid-template-columns:1.1fr .9fr; gap:55px; background:radial-gradient(circle at 85% 18%,rgba(212,22,69,.26),transparent 24%); }.order-hero h1 { font-size:clamp(4rem,8.5vw,9.6rem); margin:22px 0 28px; }.order-hero p { max-width:500px; color:var(--dim); font-size:1.06rem; line-height:1.6; }.order-summary { align-self:end; padding:24px; border:1px solid var(--line); background:rgba(255,248,243,.045); }.order-summary span { color:var(--acid); font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; }.order-summary strong { display:block; font-family:var(--serif); font-size:2rem; font-weight:400; letter-spacing:-.04em; margin:14px 0 7px; }.order-summary p { margin:0; font-size:.84rem; }
.checkout { padding:0 clamp(22px,10vw,160px) 120px; }.checkout-form { max-width:920px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.field { display:flex; flex-direction:column; gap:8px; }.field.full { grid-column:1/-1; }.field label { color:var(--dim); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }.field input,.field select,.field textarea { width:100%; background:#35000e; color:var(--paper); border:1px solid var(--line); min-height:52px; padding:13px 14px; font:inherit; border-radius:0; outline:none; }.field textarea { min-height:130px; resize:vertical; }.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--acid); box-shadow:0 0 0 3px rgba(231,181,83,.12); }.checkout-form .primary { border:0; justify-self:start; cursor:pointer; }.form-notice { grid-column:1/-1; margin:0; padding:14px; background:#f2c363; color:#4b0014; font-size:.85rem; }.checkout-note { max-width:600px; color:var(--dim); font-size:.78rem; margin:22px 0 0; }
.trust-row { padding:30px clamp(22px,7.5vw,130px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; gap:clamp(22px,5vw,80px); overflow:auto; }.trust-row>span { flex:none; color:#eadfd8; font-family:var(--serif); font-size:clamp(1.4rem,2.3vw,2.5rem); letter-spacing:-.05em; }.trust-row>span:first-child { color:var(--dim); font-family:var(--sans); text-transform:uppercase; font-size:.62rem; letter-spacing:.12em; }
.reviews { padding:110px clamp(22px,7.5vw,130px); background:#2f000c; }.reviews-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:42px; }.reviews-head h2 { font-size:clamp(3rem,6vw,6.5rem); margin:18px 0 0; }.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.review { min-height:285px; background:rgba(255,248,243,.045); padding:25px; border:1px solid var(--line); display:flex; flex-direction:column; }.review q { font-family:var(--serif); font-size:clamp(1.3rem,2vw,2.2rem); letter-spacing:-.035em; line-height:1.12; }.review footer { color:var(--dim); font-size:.67rem; letter-spacing:.1em; text-transform:uppercase; margin-top:auto; }.team-strip { padding:110px clamp(22px,7.5vw,130px); display:grid; grid-template-columns:1fr 1.4fr; gap:70px; }.team-strip h2 { font-size:clamp(3rem,6vw,6.5rem); margin:18px 0 0; }.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.team-card { min-height:270px; padding:20px; border:1px solid var(--line); background:linear-gradient(145deg,#64001b,#250008); display:flex; flex-direction:column; justify-content:end; position:relative; overflow:hidden; }.team-card:before { content:""; width:125px; aspect-ratio:1; position:absolute; border:1px solid rgba(255,248,243,.28); border-radius:50%; right:-35px; top:-35px; }.team-card strong { font-family:var(--serif); font-size:1.85rem; font-weight:400; letter-spacing:-.04em; }.team-card span { color:#f0c76c; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; margin-top:5px; }
@keyframes reveal { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:800px) { .catalog,.checkout { padding-left:22px; padding-right:22px; }.catalog-heading,.reviews-head { display:block; }.catalog-heading p { margin-top:18px; }.catalog-service { grid-template-columns:1fr; gap:13px; }.catalog-intro h2 { margin:15px 0 8px; }.package-grid { grid-template-columns:1fr; }.package { min-height:155px; }.order-hero { grid-template-columns:1fr; padding:92px 22px 55px; }.checkout-form { grid-template-columns:1fr; }.field.full { grid-column:auto; }.review-grid,.team-grid { grid-template-columns:1fr; }.reviews,.team-strip { padding-left:22px; padding-right:22px; }.team-strip { grid-template-columns:1fr; gap:40px; } }

/* Second direction: editorial luxury rather than dashboard-like agency chrome. */
body { letter-spacing:-.015em; }
.header { height:88px; background:rgba(40,0,9,.76); border-color:rgba(255,248,243,.12); }
.header nav a { font-family:var(--sans); font-size:.67rem; letter-spacing:.12em; text-transform:uppercase; }
.hero { display:block; min-height:calc(100vh - 88px); padding:0; background:#260008; overflow:hidden; }
.hero-copy { position:relative; z-index:3; width:min(55%,720px); min-height:calc(100vh - 88px); padding:clamp(100px,12vw,180px) 0 90px clamp(26px,8vw,145px); display:flex; flex-direction:column; justify-content:center; background:linear-gradient(90deg,#260008 0%,rgba(38,0,8,.97) 56%,rgba(38,0,8,.12) 100%); }
.hero .eyebrow { color:#f1cf8c; }.hero h1 { font-family:var(--serif); font-weight:500; font-size:clamp(5.4rem,10vw,11.5rem); line-height:.75; letter-spacing:-.075em; margin:25px 0 30px; }.hero h1 em { color:#f6dfb0; }.hero .copy { max-width:270px; color:#f5ded6; font-family:var(--sans); font-size:.92rem; line-height:1.65; }
.hero-art { position:absolute; inset:0; z-index:0; min-height:0; margin:0; }.hero-art:before { z-index:2; inset:0; background:linear-gradient(90deg,#260008 0%,rgba(38,0,8,.5) 44%,rgba(38,0,8,.02) 75%),linear-gradient(0deg,rgba(38,0,8,.62),transparent 35%); filter:none; }.hero-art:after { content:""; position:absolute; z-index:2; inset:0; background:radial-gradient(circle at 77% 38%,transparent 0 16%,rgba(229,180,83,.2) 17%,transparent 18%); mix-blend-mode:screen; pointer-events:none; }
.hero-art img { width:100%; height:100%; inset:0; object-position:72% center; filter:saturate(.85) contrast(1.14) brightness(.83); mix-blend-mode:normal; animation:hero-arrive 1.25s cubic-bezier(.16,1,.3,1) both; }
.hero .actions { gap:13px; margin-top:39px; }.button,.small-cta { position:relative; overflow:hidden; border-radius:999px; border:1px solid rgba(255,248,243,.4); font-family:var(--sans); font-size:.67rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; transition:color .45s cubic-bezier(.16,1,.3,1),background .45s cubic-bezier(.16,1,.3,1),border-color .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1); }.button:before,.small-cta:before { content:""; position:absolute; inset:-1px; z-index:-1; background:#fff8f3; transform:translateX(-102%); transition:transform .5s cubic-bezier(.76,0,.24,1); }.button:hover:before,.small-cta:hover:before { transform:translateX(0); }.button:hover,.small-cta:hover { color:#520014; border-color:#fff8f3; box-shadow:0 12px 36px rgba(0,0,0,.28); transform:translateY(-4px); }.button.primary { background:#e7b553; color:#410010; border-color:#e7b553; }.button.primary:before { background:#fff8f3; }.button.primary:hover { color:#520014; }.button.quiet { background:rgba(255,248,243,.03); }.button .arr,.small-cta .arr { transition:transform .45s cubic-bezier(.16,1,.3,1); }.button:hover .arr,.small-cta:hover .arr { color:#79001f; transform:translate(5px,-5px); }
.hero-k { position:absolute; z-index:3; right:clamp(25px,5vw,90px); bottom:82px; display:block; width:76px; aspect-ratio:1; background:#4a0012 url("brand/kotrixel-mark-cream.png") center/290% no-repeat; border:1px solid rgba(255,248,243,.25); box-shadow:0 18px 70px rgba(0,0,0,.36); animation:seal-in .9s .7s cubic-bezier(.16,1,.3,1) both; }.caption { z-index:3; padding:0 0 22px; left:clamp(26px,8vw,145px); right:clamp(25px,5vw,90px); color:#f5ded6; border-color:rgba(255,248,243,.24); }
.ticker { display:none; }.orbit,.orbit * { animation:none!important; }
.trust-row { min-height:104px; background:#31000d; border:0; gap:clamp(25px,6vw,100px); padding-top:22px; padding-bottom:22px; }.trust-row>span { color:#f2ded5; font-size:clamp(1.25rem,2.1vw,2.3rem); }.trust-row>span:first-child { color:#d5aaa0; }
.split { gap:clamp(45px,14vw,260px); padding-top:clamp(125px,16vw,230px); padding-bottom:clamp(125px,16vw,230px); }.split h2 { line-height:.88; max-width:670px; }.split p { max-width:360px; font-size:.95rem; }.split p:not(.eyebrow) { color:#7a5159; }
.services { padding-top:clamp(120px,15vw,200px); padding-bottom:clamp(120px,15vw,200px); }.card { min-height:380px; border-color:rgba(255,248,243,.13); transition:transform .55s cubic-bezier(.16,1,.3,1),background .55s cubic-bezier(.16,1,.3,1),padding .55s cubic-bezier(.16,1,.3,1); }.card:hover { transform:translateY(-10px); background:linear-gradient(145deg,rgba(231,181,83,.16),rgba(116,0,31,.05)); padding-left:18px; }.card h3 { font-family:var(--serif); line-height:.86; font-size:clamp(2.1rem,3.3vw,4rem); }.card p { max-width:235px; font-size:.82rem; }
.belief { min-height:700px; background:radial-gradient(circle at 15% 60%,#6d001d 0%,#31000d 39%,#240008 100%); }.belief h2,.closing h2,.reviews h2,.team-strip h2 { font-family:var(--serif); font-weight:500; line-height:.83; }.belief>div:last-child { align-self:center; }.belief dl { border-top:1px solid rgba(255,248,243,.2); padding-top:24px; }.belief dt { font-family:var(--serif); }
.reviews { background:#260008; padding-top:clamp(125px,15vw,210px); padding-bottom:clamp(125px,15vw,210px); }.review { min-height:340px; background:linear-gradient(145deg,rgba(255,248,243,.09),rgba(255,248,243,.015)); border-radius:2px; transition:transform .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1); }.review:hover { transform:translateY(-9px); background:#fff8f3; color:#4b0013; }.review:hover footer { color:#8a5962; }.review q { font-size:clamp(1.45rem,2.2vw,2.55rem); }.review footer { border-top:1px solid var(--line); padding-top:15px; }
.closing { min-height:680px; background:linear-gradient(122deg,#31000d,#890022 60%,#c64a55); }.closing h2 { font-size:clamp(5rem,10vw,12rem); }.closing:after { opacity:.65; }
.page-lead { padding-top:clamp(120px,16vw,230px); min-height:540px; }.page-lead h1,.lead h1,.catalog-heading h2 { font-family:var(--serif); font-weight:500; line-height:.78; }.lead-side p { font-size:.9rem; }.catalog,.services-list { background:#260008; }.catalog-service { padding-top:44px; padding-bottom:54px; }.catalog-intro h2 { font-family:var(--serif); font-weight:500; line-height:.86; }.package { border-radius:2px; }.package:hover { box-shadow:0 20px 45px rgba(0,0,0,.25); }
.team-card { min-height:320px; transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1); }.team-card:hover { transform:translateY(-10px); box-shadow:0 25px 45px rgba(0,0,0,.28); }.team-card strong { font-family:var(--serif); font-size:2.15rem; }
@keyframes hero-arrive { from { opacity:0; transform:scale(1.075); } to { opacity:1; transform:scale(1); } } @keyframes seal-in { from { opacity:0; transform:translateY(22px) rotate(-9deg); } to { opacity:1; transform:translateY(0) rotate(0); } }
@media (max-width:800px) { .header { height:74px; }.hero { min-height:calc(100svh - 74px); }.hero-copy { width:100%; min-height:calc(100svh - 74px); padding:130px 26px 112px; justify-content:end; background:linear-gradient(0deg,#260008 14%,rgba(38,0,8,.82) 57%,rgba(38,0,8,.14) 100%); }.hero h1 { font-size:clamp(4.6rem,20vw,7rem); }.hero-art img { object-position:62% center; }.hero-k { width:55px; right:24px; bottom:84px; }.caption { left:26px; right:24px; }.trust-row { min-height:88px; }.trust-row>span { font-size:1.12rem; }.trust-row>span:first-child { display:none; }.split p:not(.eyebrow) { font-size:.9rem; }.review-grid { gap:10px; }.review { min-height:240px; }.review q { font-size:1.55rem; } }

/* Third direction: a visual house with editorial proof, not a text-led agency template. */
:root { --wine:#2a0009; --wine-2:#4d0014; --cream:#fff7f0; --gold:#e7b553; --rose:#a90032; }
body { background:var(--wine); }
.hero-art img { animation:none; }
.hero .hero-copy { width:min(56%,760px); background:linear-gradient(90deg,#250008 0%,rgba(37,0,8,.95) 53%,rgba(37,0,8,.22) 82%,rgba(37,0,8,.02) 100%); }
.hero .copy { max-width:290px; font-size:.98rem; }
.hero h1 { font-size:clamp(5.7rem,10.8vw,12.7rem); }
.hero-sigil { width:82px; aspect-ratio:1; position:absolute; right:clamp(30px,6vw,104px); top:clamp(84px,11vw,150px); z-index:4; display:grid; place-items:center; padding:14px; background:var(--cream); border-radius:50%; box-shadow:0 14px 45px rgba(0,0,0,.36); overflow:hidden; }
.hero-sigil:after,.platform-chip:after,.statement-mark:after { content:""; position:absolute; inset:-40% auto -40% -30%; width:28%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); transform:rotate(22deg) translateX(-600%); transition:transform .85s cubic-bezier(.16,1,.3,1); pointer-events:none; }
.hero-sigil:hover:after,.platform-chip:hover:after,.statement-mark:hover:after { transform:rotate(22deg) translateX(850%); }
.hero-sigil img { width:100%; height:100%; object-fit:contain; }
.hero-note { position:absolute; z-index:4; right:0; top:50%; writing-mode:vertical-rl; display:flex; gap:19px; align-items:center; transform:translateY(-50%); border-left:1px solid rgba(255,248,243,.35); padding:17px 14px; color:#f5ded6; font-size:.61rem; letter-spacing:.13em; }
.hero-note span:first-child { color:var(--gold); }
.hero .caption { left:clamp(26px,8vw,145px); right:clamp(30px,6vw,104px); }

.platform-stage { min-height:190px; background:#fff4ed; color:#4b0013; display:grid; grid-template-columns:minmax(185px,.6fr) 1.7fr; align-items:center; gap:40px; padding:38px clamp(24px,8vw,145px); }
.platform-stage>p { margin:0; font-family:var(--serif); font-size:clamp(1.8rem,3vw,3.3rem); line-height:.82; letter-spacing:-.06em; }
.platform-rail { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.platform-chip { position:relative; isolation:isolate; overflow:hidden; min-width:150px; padding:17px 19px; border:1px solid rgba(75,0,19,.2); font-family:var(--serif); font-size:1.25rem; letter-spacing:-.045em; transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1); }
.platform-chip b { font-family:var(--sans); font-size:.55em; letter-spacing:.02em; font-weight:700; }
.platform-chip:hover { transform:translateY(-6px); background:#4d0014; color:var(--cream); box-shadow:0 18px 35px rgba(67,0,17,.18); }

.statement-stage { display:grid; grid-template-columns:1fr .92fr; min-height:690px; background:#fffaf5; color:#4b0013; padding:clamp(90px,12vw,180px) clamp(24px,8vw,145px); gap:clamp(50px,12vw,200px); align-items:center; }
.statement-copy .eyebrow,.studio-copy .eyebrow,.capability-stage .eyebrow,.evidence-copy .eyebrow { color:#8c5960; }
.statement-copy .eyebrow:before,.studio-copy .eyebrow:before,.capability-stage .eyebrow:before,.evidence-copy .eyebrow:before { background:var(--rose); box-shadow:none; }
.statement-copy h2,.studio-copy h2,.capability-head h2,.evidence-copy h2 { margin:27px 0 42px; font-family:var(--serif); font-size:clamp(4.1rem,8vw,9.5rem); font-weight:500; line-height:.76; letter-spacing:-.075em; }
.statement-copy h2 em,.studio-copy h2 em,.capability-head h2 em,.evidence-copy h2 em { color:#970026; }
.text-link { display:inline-flex; align-items:center; gap:11px; border-bottom:1px solid currentColor; padding-bottom:7px; font-size:.7rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; transition:gap .35s cubic-bezier(.16,1,.3,1),color .35s ease; }
.text-link:hover { gap:18px; color:#9a0029; }
.text-link span { color:var(--gold); font-size:1.2em; }
.statement-mark { width:min(29vw,390px); aspect-ratio:1; justify-self:center; position:relative; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(145deg,#fff7f0,#eedcd0); border:1px solid rgba(75,0,19,.11); box-shadow:inset 0 0 0 22px rgba(151,0,38,.04),0 32px 50px rgba(75,0,19,.13); }
.statement-mark img { width:71%; height:71%; object-fit:contain; }

.studio-feature { display:grid; grid-template-columns:1.28fr .72fr; min-height:820px; background:#32000d; gap:clamp(45px,8vw,135px); align-items:center; padding:clamp(78px,10vw,150px) clamp(24px,8vw,145px); }
.studio-image { height:min(56vw,670px); position:relative; overflow:hidden; }
.studio-image img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.78) contrast(1.08); transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease; }
.studio-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(31,0,7,.68),transparent 46%); pointer-events:none; }
.studio-image:hover img { transform:scale(1.045); filter:saturate(1) contrast(1.08); }
.studio-image span { position:absolute; z-index:1; bottom:19px; left:20px; color:#f9e7df; font-size:.61rem; letter-spacing:.12em; text-transform:uppercase; }
.studio-copy h2 { color:#fff7f0; font-size:clamp(3.8rem,6.6vw,7.6rem); }
.studio-copy p:not(.eyebrow) { max-width:330px; color:#e5c4c1; font-size:1.02rem; line-height:1.65; margin-bottom:32px; }
.studio-copy .text-link { color:#fff7f0; }

.capability-stage { padding:clamp(100px,13vw,190px) clamp(24px,8vw,145px); background:linear-gradient(135deg,#7f0023 0%,#3a000e 48%,#210007 100%); }
.capability-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:58px; }
.capability-head h2 { margin:24px 0 0; color:#fff7f0; font-size:clamp(4rem,7.4vw,8.9rem); }
.capability-grid { display:grid; grid-template-columns:1.15fr .925fr .925fr; gap:12px; }
.capability-card { min-height:440px; position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:25px; color:#fff7f0; border:1px solid rgba(255,248,243,.22); background:rgba(255,248,243,.035); transition:transform .6s cubic-bezier(.16,1,.3,1),background .6s cubic-bezier(.16,1,.3,1),border-color .6s ease; }
.capability-card:before { content:""; position:absolute; inset:auto -20% -60% auto; width:75%; aspect-ratio:1; border:1px solid rgba(255,248,243,.26); border-radius:50%; transition:transform .7s cubic-bezier(.16,1,.3,1); }
.capability-card:hover { transform:translateY(-12px); background:rgba(255,248,243,.11); border-color:var(--gold); }
.capability-card:hover:before { transform:scale(1.24) translate(-8%,-8%); }
.capability-card>span,.capability-card>strong,.capability-card>i { z-index:1; }
.capability-card>span { color:#f3d287; font-size:.65rem; letter-spacing:.13em; }
.capability-card strong { margin-top:auto; font-family:var(--serif); font-size:clamp(2.4rem,4vw,4.8rem); font-weight:500; letter-spacing:-.065em; line-height:.76; }
.capability-card i { align-self:flex-end; font-style:normal; font-size:1.45rem; color:var(--gold); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.capability-card:hover i { transform:translate(5px,-7px); }
.capability-image { padding:0; }
.capability-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.83) contrast(1.08); transition:transform .75s cubic-bezier(.16,1,.3,1); }
.capability-image:after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(0deg,rgba(30,0,7,.88),rgba(30,0,7,.05) 65%); }
.capability-image:hover img { transform:scale(1.05); }
.capability-image>span { position:absolute; top:25px; left:25px; }.capability-image>strong { position:absolute; bottom:72px; left:25px; }.capability-image>i { position:absolute; bottom:25px; right:25px; }
.capability-action { margin-top:35px; }

.evidence-stage { min-height:840px; background:#fff7f0; color:#4b0013; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(55px,10vw,165px); padding:clamp(85px,12vw,180px) clamp(24px,8vw,145px); }
.evidence-visual { height:min(49vw,590px); position:relative; overflow:hidden; }
.evidence-visual>img { width:100%; height:100%; object-fit:cover; object-position:72% center; filter:saturate(.74) contrast(1.1); }
.evidence-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(145deg,rgba(67,0,17,.15),rgba(67,0,17,.5)); pointer-events:none; }
.evidence-logo { z-index:1; position:absolute; bottom:24px; right:24px; width:70px; aspect-ratio:1; padding:11px; background:#4a0012; border:1px solid rgba(255,248,243,.45); }
.evidence-logo img { width:100%; height:100%; object-fit:contain; }
.evidence-copy h2 { font-size:clamp(3.8rem,6.6vw,7.8rem); margin-bottom:48px; }
.evidence-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:25px 0; border-top:1px solid rgba(75,0,19,.16); border-bottom:1px solid rgba(75,0,19,.16); margin-bottom:36px; }
.evidence-metrics b { display:block; font-family:var(--serif); font-size:clamp(2.2rem,3.4vw,3.8rem); line-height:.8; font-weight:500; letter-spacing:-.07em; }.evidence-metrics i { color:#970026; font-style:normal; }.evidence-metrics span { display:block; max-width:70px; margin-top:11px; color:#83545b; font-size:.58rem; letter-spacing:.1em; line-height:1.38; text-transform:uppercase; }

.reviews { background:#31000d; }.reviews .text-link { color:#fff7f0; }.reviews .text-link:hover { color:var(--gold); }
.closing { min-height:650px; background:radial-gradient(circle at 85% 15%,rgba(240,194,102,.35),transparent 20%),linear-gradient(135deg,#250008,#78001f 57%,#b9213d); }
.closing h2 { font-size:clamp(5rem,10.8vw,12.8rem); }

.footer { background:#fff5ee; color:#4b0013; border-top:0; padding-top:65px; }.footer .mark { width:36px; height:36px; border-radius:0; background:transparent url("brand/kotrixel-mark-burgundy.png") center/contain no-repeat; }.footer .brand { color:#4b0013; }.footer-top p { color:#80555b; }.footer-meta { border-color:rgba(75,0,19,.16); color:#8a6064; }.footer .text-link { align-self:start; }.footer .text-link:hover { color:#970026; }

/* Extend the art direction into the existing portfolio and studio routes. */
.s1,.s2,.s3,.s4 { background-color:#35000e; background-size:cover; background-position:center; }.s1 { background-image:linear-gradient(0deg,rgba(46,0,11,.45),rgba(46,0,11,.05)),url("images/kotrixel-studio-collaboration.png"); }.s2 { background-image:linear-gradient(0deg,rgba(46,0,11,.4),rgba(46,0,11,.03)),url("images/kotrixel-digital-object.png"); }.s3 { background-image:linear-gradient(0deg,rgba(46,0,11,.4),rgba(46,0,11,.03)),url("images/kotrixel-wine-engine.png"); }.s4 { background-image:radial-gradient(circle at 65% 42%,#f1c86d 0 1%,#8c0029 22%,#2a0009 65%); }.s1:after,.s2:after,.s3:after,.s4:after { opacity:0; }
.manifest { background:linear-gradient(115deg,#32000d 0%,rgba(50,0,13,.62) 46%,rgba(50,0,13,.94) 100%),url("images/kotrixel-studio-collaboration.png") center/cover; }

@media (max-width:800px) {
  .hero .hero-copy { width:100%; background:linear-gradient(0deg,#250008 11%,rgba(37,0,8,.9) 56%,rgba(37,0,8,.1) 100%); }.hero h1 { font-size:clamp(4.5rem,19vw,7rem); }.hero-sigil { width:54px; padding:9px; right:24px; top:25px; }.hero-note { display:none; }
  .platform-stage { grid-template-columns:1fr; gap:23px; }.platform-rail { justify-content:start; }.platform-chip { min-width:0; flex:1 1 135px; padding:14px; }
  .statement-stage,.studio-feature,.evidence-stage { grid-template-columns:1fr; min-height:0; }.statement-stage { padding-top:105px; padding-bottom:105px; }.statement-mark { width:min(64vw,330px); order:-1; }.statement-copy h2,.capability-head h2,.evidence-copy h2 { font-size:clamp(3.8rem,16vw,6rem); }.studio-feature { gap:45px; }.studio-image { height:77vw; }.studio-copy h2 { font-size:clamp(3.7rem,15vw,5.7rem); }
  .capability-head { display:block; }.capability-grid { grid-template-columns:1fr; }.capability-card { min-height:300px; }.capability-image { min-height:430px; }.evidence-stage { gap:42px; }.evidence-visual { height:80vw; order:2; }.evidence-metrics { gap:7px; }.evidence-metrics span { font-size:.54rem; }
}

@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }

/* Refinement: remove ornamental ordinals and unify navigation with the light brand close. */
.header { background:#fff5ee; color:#4b0013; border-color:rgba(75,0,19,.14); }
.header .mark { width:31px; height:31px; border-radius:0; background:transparent url("brand/kotrixel-mark-burgundy.png") center/contain no-repeat; }
.header nav a { color:#815760; }.header nav a:hover,.header nav a.active { color:#4b0013; }.header nav a.active:after { background:#970026; }.header .small-cta { color:#4b0013; border-color:rgba(75,0,19,.36); }.header .small-cta:before { background:#4b0013; }.header .small-cta:hover { color:#fff7f0; border-color:#4b0013; }.header .small-cta:hover .arr { color:#e7b553; }
.header .arr { color:#970026; }

.service-list article { grid-template-columns:1fr 60px; }.flow article { grid-template-columns:1fr 40px; }.insight-list a { grid-template-columns:1fr 45px; }.catalog-intro>span,.number { display:none!important; }
.catalog-service { grid-template-columns:28% 1fr; }.catalog-intro h2 { margin-top:0; }

.capability-image>strong { bottom:72px; }.capability-image>i { bottom:25px; }.capability-card>span { display:none; }
.closing { min-height:470px; padding-top:clamp(72px,9vw,120px); padding-bottom:clamp(72px,9vw,120px); }.closing h2 { font-size:clamp(4.3rem,8.3vw,9.3rem); margin-bottom:30px; }.closing-spark { position:absolute; right:clamp(28px,8vw,145px); top:50%; transform:translateY(-50%); color:#f6d687; font-size:clamp(7rem,17vw,16rem); line-height:.6; text-shadow:0 0 45px rgba(246,214,135,.24); }

.contact-form-section { display:grid; grid-template-columns:.76fr 1.24fr; gap:clamp(45px,9vw,145px); padding:clamp(86px,11vw,160px) clamp(22px,10vw,160px); background:#fff7f0; color:#4b0013; }.contact-form-intro h2 { margin:22px 0 26px; font-family:var(--serif); font-size:clamp(3.4rem,6.2vw,7rem); line-height:.79; letter-spacing:-.07em; font-weight:500; }.contact-form-intro h2 em { color:#970026; }.contact-form-intro p:not(.eyebrow) { max-width:260px; color:#80555b; }.contact-form { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; align-content:start; }.contact-form .field.full { grid-column:1/-1; }.contact-form .field label { color:#80555b; }.contact-form .field input,.contact-form .field select,.contact-form .field textarea { background:#fffdf9; color:#4b0013; border-color:rgba(75,0,19,.23); }.contact-form .field input:focus,.contact-form .field select:focus,.contact-form .field textarea:focus { border-color:#970026; box-shadow:0 0 0 3px rgba(151,0,38,.1); }.contact-form .primary { border:0; justify-self:start; cursor:pointer; }.contact-form .form-notice { grid-column:1/-1; }.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }

@media (max-width:800px) { .contact-form-section { grid-template-columns:1fr; gap:38px; }.contact-form { grid-template-columns:1fr; }.contact-form .field.full { grid-column:auto; }.closing { min-height:400px; }.closing h2 { font-size:clamp(4rem,15vw,6.4rem); }.closing-spark { right:22px; bottom:17px; top:auto; transform:none; font-size:7rem; opacity:.72; }.service-list article,.flow article,.insight-list a { grid-template-columns:1fr 40px; }.catalog-service { grid-template-columns:1fr; } }

/* Cinematic hero motion: one measured entrance and a quiet living depth. */
.hero { isolation:isolate; }.hero-copy { overflow:visible; }.hero .eyebrow { animation:hero-copy-rise .8s .12s cubic-bezier(.16,1,.3,1) both; }.hero h1 { animation:hero-copy-rise 1.1s .2s cubic-bezier(.16,1,.3,1) both; }.hero .copy { animation:hero-copy-rise .85s .38s cubic-bezier(.16,1,.3,1) both; }.hero .actions { animation:hero-copy-rise .85s .5s cubic-bezier(.16,1,.3,1) both; }.hero-art img { animation:hero-portrait-settle 1.5s cubic-bezier(.16,1,.3,1) both,hero-portrait-breathe 13s 1.5s ease-in-out infinite; will-change:transform; }.hero-art:after { animation:hero-light-drift 11s 1s ease-in-out infinite; transform-origin:77% 38%; }.hero .caption { animation:hero-copy-rise .8s .82s cubic-bezier(.16,1,.3,1) both; }
@keyframes hero-copy-rise { from { opacity:.72; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes hero-portrait-settle { from { opacity:.75; transform:scale(1.11); } to { opacity:1; transform:scale(1); } }
@keyframes hero-portrait-breathe { 0%,100% { transform:scale(1); } 50% { transform:scale(1.027) translate3d(-.7%,-.3%,0); } }
@keyframes hero-light-drift { 0%,100% { opacity:.58; transform:scale(.94) rotate(-6deg); } 50% { opacity:1; transform:scale(1.08) rotate(7deg); } }

/* Final visual pass: distinct interior art, a deeper close, and motion that reads without overwhelming the work. */
html,body { overflow-x:clip; }
.interior-hero { position:relative; isolation:isolate; overflow:hidden; min-height:clamp(510px,54vw,690px); padding-top:clamp(130px,16vw,230px); padding-bottom:clamp(72px,8vw,110px); background:#250008; border-bottom:0; }
.interior-hero-image { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; filter:saturate(.86) contrast(1.1) brightness(.73); transform:scale(1.015); animation:interior-art-settle 1.3s cubic-bezier(.16,1,.3,1) both; }
.interior-hero:after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#250008 0%,rgba(37,0,8,.96) 32%,rgba(37,0,8,.58) 55%,rgba(37,0,8,.08) 88%),linear-gradient(0deg,rgba(37,0,8,.58),transparent 55%); pointer-events:none; }
.interior-hero>div { position:relative; z-index:2; }.interior-hero .eyebrow { color:#f1cf8c; }.interior-hero .lead-side { position:relative; z-index:2; }.interior-hero .lead-side p { color:#f5ded6; max-width:310px; }
.interior-studio .interior-hero-image { object-position:center; }.interior-studio:after { background:linear-gradient(90deg,#250008 0%,rgba(37,0,8,.94) 34%,rgba(37,0,8,.31) 65%,rgba(37,0,8,.08) 100%),linear-gradient(0deg,rgba(37,0,8,.58),transparent 58%); }.interior-approach .interior-hero-image,.interior-insights .interior-hero-image { object-position:right center; }
.contact-hero { min-height:clamp(560px,58vw,720px); padding:0; position:relative; isolation:isolate; overflow:hidden; display:block; background:#250008; }.contact-hero-image { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; filter:saturate(.83) contrast(1.1) brightness(.72); animation:interior-art-settle 1.3s cubic-bezier(.16,1,.3,1) both; }.contact-hero:after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#250008 0%,rgba(37,0,8,.96) 35%,rgba(37,0,8,.56) 58%,rgba(37,0,8,.08) 90%); }.contact-hero-copy { min-height:inherit; max-width:610px; padding:clamp(125px,15vw,205px) clamp(22px,10vw,160px) 78px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; z-index:2; }.contact-hero-copy h1 { font-size:clamp(3.8rem,6.2vw,7.4rem); }.contact-hero-copy .eyebrow { color:#f1cf8c; }.contact-hero-copy .button { margin-top:13px; }.contact-hero-copy p { color:#f5ded6; max-width:300px; }
.interior-order { position:relative; isolation:isolate; overflow:hidden; min-height:560px; background:#250008; }.order-hero-image { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; filter:saturate(.85) contrast(1.1) brightness(.74); }.interior-order:after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#250008 0%,rgba(37,0,8,.91) 42%,rgba(37,0,8,.34) 72%,rgba(37,0,8,.04)); }.interior-order>div,.interior-order>aside { position:relative; z-index:2; }.interior-order .eyebrow { color:#f1cf8c; }.interior-order p { color:#f5ded6; }
.contact-form-section { scroll-margin-top:88px; }.field label { font-size:.875rem; letter-spacing:.055em; }.field input,.field select,.field textarea { font-size:1rem; }
.lead-offers { padding:clamp(78px,10vw,140px) clamp(22px,10vw,160px); background:radial-gradient(circle at 88% 8%,rgba(220,46,83,.22),transparent 24%),#260008; color:#fff7f0; }.lead-offers-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:48px; }.lead-offers-heading h2 { max-width:680px; margin:18px 0 0; font-family:var(--serif); font-size:clamp(3.6rem,6.4vw,7.2rem); line-height:.8; letter-spacing:-.07em; font-weight:500; }.lead-offers-heading h2 em { color:#f1cf8c; }.lead-offers-heading>p:last-child { max-width:235px; margin:0 0 7px; color:#d7afb1; line-height:1.55; }.lead-offers .eyebrow { color:#f1cf8c; }.lead-offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.lead-offer { min-height:330px; padding:25px; display:flex; flex-direction:column; border:1px solid rgba(255,247,240,.18); background:rgba(255,247,240,.035); color:#fff7f0; text-decoration:none; overflow:hidden; position:relative; transition:transform .38s cubic-bezier(.16,1,.3,1),background .38s ease,border-color .38s ease; }.lead-offer:before { content:""; position:absolute; inset:-45% 35% auto -45%; height:150%; background:linear-gradient(105deg,transparent 39%,rgba(241,207,140,.24) 50%,transparent 61%); transform:translateX(-130%) rotate(14deg); transition:transform .65s cubic-bezier(.16,1,.3,1); pointer-events:none; }.lead-offer:hover { transform:translateY(-8px); background:#fff7f0; border-color:#fff7f0; color:#4b0013; }.lead-offer:hover:before { transform:translateX(135%) rotate(14deg); }.lead-offer span { position:relative; color:#f1cf8c; text-transform:uppercase; letter-spacing:.11em; font-size:.61rem; font-weight:700; }.lead-offer:hover span,.lead-offer:hover b i { color:#970026; }.lead-offer strong { position:relative; max-width:255px; margin:34px 0 16px; font-family:var(--serif); font-size:clamp(2rem,3.1vw,3.6rem); font-weight:500; line-height:.86; letter-spacing:-.065em; }.lead-offer p { position:relative; max-width:250px; margin:0; color:#d7afb1; font-size:.84rem; line-height:1.5; }.lead-offer:hover p { color:#80555b; }.lead-offer b { position:relative; margin-top:auto; font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; }.lead-offer i { color:#f1cf8c; font-style:normal; margin-left:5px; }.marketing-optin { display:flex; align-items:flex-start; gap:11px; padding:13px 0; color:#80555b; font-size:.78rem; line-height:1.45; cursor:pointer; }.marketing-optin input { flex:none; width:17px; height:17px; margin:1px 0 0; accent-color:#970026; }.form-privacy { margin:0; color:#80555b; font-size:.72rem; line-height:1.5; }.form-privacy a { color:#7f001d; text-underline-offset:3px; }.contact-form .marketing-optin.full,.contact-form .form-privacy.full { grid-column:1/-1; }.checkout-form .marketing-optin.full,.checkout-form .form-privacy.full { grid-column:1/-1; }
.footer { background:linear-gradient(135deg,#190004,#31000d 64%,#490013); color:#fff7f0; border-top:1px solid rgba(231,181,83,.26); }.footer .mark { background:transparent url("brand/kotrixel-mark-cream.png") center/contain no-repeat; }.footer .brand,.footer .link { color:#fff7f0; }.footer-top p { color:#d7afb1; }.footer-meta { color:#c69498; border-color:rgba(255,247,240,.17); }.footer .link:hover { color:#f1cf8c; }
.footer-privacy { color:#c69498; text-decoration:none; transition:color .2s ease; }.footer-privacy:hover { color:#f1cf8c; }
.closing-icon { position:absolute; right:clamp(28px,8vw,145px); top:50%; width:clamp(110px,18vw,245px); color:#f6d687; transform:translateY(-50%); filter:drop-shadow(0 0 28px rgba(246,214,135,.25)); animation:closing-compass 7s ease-in-out infinite; }.closing-icon:before { content:""; position:absolute; inset:-30%; border-radius:50%; border:1px solid rgba(246,214,135,.24); box-shadow:0 0 0 24px rgba(246,214,135,.045),0 0 0 50px rgba(246,214,135,.025); }.closing-icon svg { display:block; width:100%; height:auto; position:relative; z-index:1; }
.hero-motion-orbit { position:absolute; z-index:2; width:clamp(260px,42vw,720px); aspect-ratio:1; right:-8vw; top:8%; border:1px solid rgba(243,198,105,.46); border-radius:50%; box-shadow:0 0 0 17px rgba(243,198,105,.045),0 0 80px rgba(234,169,74,.17); pointer-events:none; animation:hero-orbit 9s cubic-bezier(.45,0,.55,1) infinite; }.hero-motion-orbit:before { content:""; position:absolute; width:14px; aspect-ratio:1; top:8%; left:11%; border-radius:50%; background:#f1ca79; box-shadow:0 0 25px #f1ca79; }.hero-motion-glint { position:absolute; z-index:2; width:13vw; min-width:130px; height:180%; top:-42%; right:18%; background:linear-gradient(90deg,transparent,rgba(255,234,187,.28),transparent); transform:rotate(23deg) translateX(-480%); mix-blend-mode:screen; pointer-events:none; animation:hero-glint 8s 1.1s cubic-bezier(.36,0,.2,1) infinite; }
.hero-art img { animation:hero-portrait-settle 1.5s cubic-bezier(.16,1,.3,1) both,hero-portrait-breathe 8s 1.5s ease-in-out infinite; }.hero-art:after { opacity:.9; animation:hero-light-drift 7.5s .6s ease-in-out infinite; }
@keyframes interior-art-settle { from { opacity:.58; transform:scale(1.075); } to { opacity:1; transform:scale(1.015); } } @keyframes closing-compass { 0%,100% { transform:translateY(-50%) rotate(-5deg); } 50% { transform:translateY(calc(-50% - 9px)) rotate(5deg); } } @keyframes hero-orbit { 0%,100% { transform:rotate(-11deg) scale(.94); opacity:.52; } 50% { transform:rotate(10deg) scale(1.05); opacity:1; } } @keyframes hero-glint { 0%,16% { transform:rotate(23deg) translateX(-480%); opacity:0; } 25% { opacity:1; } 47%,100% { transform:rotate(23deg) translateX(510%); opacity:0; } }
@media (max-width:800px) { .header { position:sticky; top:0; z-index:20; }.interior-hero { min-height:520px; display:flex; flex-direction:column; justify-content:flex-end; gap:22px; padding:112px 24px 56px; }.interior-hero .lead-side { justify-self:auto; max-width:300px; }.interior-hero .lead-side p { font-size:1rem; }.interior-hero-image { object-position:68% center; }.interior-studio .interior-hero-image { object-position:63% center; }.contact-hero { min-height:560px; }.contact-hero-copy { min-height:560px; padding:125px 24px 60px; justify-content:end; }.contact-hero-image { object-position:68% center; }.contact-hero:after { background:linear-gradient(0deg,#250008 7%,rgba(37,0,8,.88) 43%,rgba(37,0,8,.18) 100%); }.contact-hero-copy h1 { font-size:clamp(3.7rem,15vw,5.6rem); }.interior-order { min-height:590px; grid-template-columns:1fr; padding:112px 24px 54px; gap:34px; }.order-hero-image { object-position:68% center; }.interior-order:after { background:linear-gradient(0deg,#250008 9%,rgba(37,0,8,.91) 53%,rgba(37,0,8,.12) 100%); }.interior-order .order-summary { align-self:auto; width:100%; }.footer { padding:42px 24px 23px; }.footer-top { grid-template-columns:1fr; gap:21px; min-height:0; }.footer-top p { margin:0; }.footer-meta { align-items:flex-start; flex-direction:column; gap:8px; }.closing-icon { width:106px; right:20px; top:auto; bottom:28px; transform:none; animation:closing-compass-mobile 7s ease-in-out infinite; }.closing h2 { max-width:360px; }.hero-motion-orbit { width:82vw; right:-24vw; top:8%; }.hero-motion-glint { right:15%; }.field label { font-size:.875rem; } } @keyframes closing-compass-mobile { 0%,100% { transform:rotate(-5deg); } 50% { transform:translateY(-8px) rotate(5deg); } }

/* Privacy-first analytics choice and the companion legal page. */
.analytics-choice { position:fixed; z-index:100; right:22px; bottom:22px; width:min(440px,calc(100vw - 44px)); padding:18px; display:flex; align-items:center; gap:16px; background:rgba(31,0,7,.96); border:1px solid rgba(241,207,140,.42); box-shadow:0 18px 60px rgba(0,0,0,.34); color:#fff7f0; backdrop-filter:blur(14px); animation:analytics-in .45s cubic-bezier(.16,1,.3,1) both; }
.analytics-choice p { margin:0; font-size:.76rem; line-height:1.48; color:#ead6cf; }.analytics-choice a { color:#f1cf8c; }.analytics-choice>div { flex:none; display:flex; gap:8px; }.analytics-choice button { min-height:34px; padding:0 11px; border:1px solid rgba(255,247,240,.34); border-radius:999px; background:transparent; color:#fff7f0; cursor:pointer; font:700 .59rem/1 var(--sans); letter-spacing:.08em; text-transform:uppercase; transition:background .25s ease,color .25s ease,transform .25s ease; }.analytics-choice button:hover { background:#fff7f0; color:#480011; transform:translateY(-2px); }.analytics-choice button[data-analytics-choice="accepted"] { background:#e7b553; border-color:#e7b553; color:#410010; }.analytics-choice button[data-analytics-choice="accepted"]:hover { background:#fff7f0; }
.legal-hero { padding:clamp(145px,18vw,220px) clamp(22px,10vw,160px) 75px; background:radial-gradient(circle at 85% 23%,rgba(205,24,63,.27),transparent 25%),#250008; }.legal-hero h1 { max-width:750px; margin:20px 0 0; font-size:clamp(4rem,8vw,8.5rem); }.legal-hero .eyebrow { color:#f1cf8c; }.legal-copy { max-width:800px; padding:85px clamp(22px,10vw,160px) 120px; background:#fff8f3; color:#37000d; }.legal-copy h2 { margin:48px 0 15px; font-family:var(--serif); font-size:clamp(2rem,4vw,3.5rem); font-weight:500; letter-spacing:-.045em; }.legal-copy h2:first-child { margin-top:0; }.legal-copy p,.legal-copy li { color:#69414a; font-size:1rem; line-height:1.7; }.legal-copy a { color:#7f001d; text-decoration:underline; text-underline-offset:3px; }.legal-copy ul { padding-left:20px; }.privacy-control { margin-top:28px; padding:11px 16px; border:1px solid #7f001d; background:transparent; border-radius:999px; color:#7f001d; cursor:pointer; font:700 .64rem/1 var(--sans); letter-spacing:.1em; text-transform:uppercase; transition:background .25s,color .25s; }.privacy-control:hover { background:#7f001d; color:#fff8f3; }
@keyframes analytics-in { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:640px) { .analytics-choice { left:14px; right:14px; bottom:14px; width:auto; align-items:stretch; flex-direction:column; gap:13px; }.analytics-choice>div { justify-content:flex-end; }.legal-copy { padding-top:52px; padding-bottom:70px; } }
@media (max-width:800px) { .lead-offers-heading { display:block; }.lead-offers-heading>p:last-child { margin-top:22px; }.lead-offer-grid { grid-template-columns:1fr; }.lead-offer { min-height:260px; }.lead-offer strong { font-size:clamp(2.4rem,10vw,3.7rem); } }