:root{
  --bg:#0b0b0a;--paper:#f1efe9;--ink:#151514;--text:#f1f0ec;--muted:#9b9b96;--line:rgba(255,255,255,.13);--accent:#d95b32;
  --serif:"DM Serif Display",serif;--sans:"Work Sans",sans-serif;--ui:"Montserrat",sans-serif;--max:1540px;--pad:clamp(22px,5vw,86px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}
.back-kreviax,.demo-pill{position:fixed;bottom:16px;z-index:80;border-radius:999px;padding:10px 13px;font-size:8px;letter-spacing:.16em;text-decoration:none;backdrop-filter:blur(14px)}.back-kreviax{left:16px;background:rgba(10,10,9,.72);border:1px solid rgba(255,255,255,.16)}.demo-pill{right:16px;background:var(--paper);color:#111}
.nav{height:82px;position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;gap:38px;padding:0 var(--pad);background:linear-gradient(180deg,rgba(8,8,8,.72),transparent);transition:.3s}.nav.scrolled{background:rgba(11,11,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none;font:700 14px var(--ui);letter-spacing:.19em}.brand i{width:11px;height:11px;background:var(--accent);transform:rotate(45deg)}
.nav nav{display:flex;gap:30px}.nav nav a,.nav-cta{font-size:10px;text-decoration:none;color:#d0d0cc}.nav-cta{border:1px solid rgba(255,255,255,.24);padding:11px 14px}
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:150px var(--pad) 76px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=92") center/cover no-repeat;transform:scale(1.02)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.82) 0%,rgba(8,8,8,.42) 43%,rgba(8,8,8,.1) 72%),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.52))}
.hero-content{position:relative;z-index:2;max-width:900px}.kicker,.section-no{font-size:9px;letter-spacing:.22em;font-weight:600;color:#b2b2ae}.hero h1,.manifesto h2,.work h2,.process h2,.closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.88}.hero h1{font-size:clamp(80px,9vw,150px);margin:26px 0 24px}.hero h1 em,.manifesto h2 em,.work h2 em,.closing h2 em{font-style:italic;color:#f0b29b}.hero-content>p{max-width:650px;color:#d0d0cb;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;text-decoration:none;font-size:10px;font-weight:600;transition:.3s}.button:hover{transform:translateY(-2px)}.button.light{background:var(--paper);color:#111}.button.dark{background:#111;color:#fff}.text-link{font-size:11px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:4px}
.hero-meta{position:absolute;z-index:3;right:var(--pad);bottom:74px;display:grid;grid-template-columns:repeat(3,auto);gap:34px;background:rgba(8,8,8,.58);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);padding:16px 18px}.hero-meta small{display:block;font-size:7px;letter-spacing:.17em;color:#9d9d98}.hero-meta b{display:block;margin-top:6px;font:600 10px var(--ui)}.hero-index{position:absolute;right:var(--pad);top:110px;z-index:3;font-size:8px;letter-spacing:.2em}
.shell{width:min(var(--max),100%);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.manifesto{padding-top:160px;padding-bottom:160px}.manifesto-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:9vw;align-items:end}.manifesto h2{font-size:clamp(70px,7.5vw,118px);margin:28px 0 0}.manifesto-copy>p{color:#aaa9a3;font-size:18px;line-height:1.9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.metrics span{border-top:1px solid var(--line);padding-top:14px}.metrics b{display:block;font:400 38px var(--serif)}.metrics small{font-size:7px;letter-spacing:.16em;color:#777771}.demo-note{display:block;margin-top:12px;color:#676761}
.work{background:var(--paper);color:var(--ink);padding:140px 0}.work-head{display:grid;grid-template-columns:.35fr 1fr;gap:5vw;margin-bottom:60px}.work-head>div{display:grid;grid-template-columns:1fr .5fr;gap:8vw;align-items:end}.work h2{font-size:clamp(68px,7vw,112px);margin:0}.work h2 em{color:#b24e2e}.work-head p{color:#70706b;line-height:1.8}
.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.project{position:relative;min-height:520px;overflow:hidden;background:#ddd}.project-xl{grid-row:span 2;min-height:820px}.project-image{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover .project-image{transform:scale(1.025)}.img-a{background:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1900&q=90") center/cover}.img-b{background:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1500&q=88") center/cover}.img-c{background:url("https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1500&q=88") center/cover}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(5,5,5,.75) 100%)}.project-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.project-caption span,.project-caption b{font-size:8px;letter-spacing:.16em}.project-caption h3{font:400 clamp(30px,3vw,46px) var(--serif);margin:5px 0}.project-caption b{float:right;margin-top:-28px}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding-top:160px;padding-bottom:160px}.process h2{font-size:clamp(68px,7vw,108px);margin:24px 0}.process-list article{display:grid;grid-template-columns:48px 1fr auto;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.process-list article:last-child{border-bottom:1px solid var(--line)}.process-list>article>span{font-size:9px;color:#d87655}.process-list h3{font:400 30px var(--serif);margin:0}.process-list p{margin:7px 0 0;color:#92928d;line-height:1.7}.process-list b{font-size:8px;color:#62625e}
.closing{text-align:center;padding:160px var(--pad);background:#d95b32;color:#111}.closing .section-no{color:#5f2513}.closing h2{font-size:clamp(78px,8.3vw,134px);margin:24px 0}.closing h2 em{color:#fff}.closing p{max-width:620px;margin:0 auto 36px;line-height:1.8}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px var(--pad);font-size:8px;letter-spacing:.14em}footer .brand{margin:0}footer a{text-decoration:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:none}
@media(max-width:1000px){.nav nav{display:none}.hero{padding-bottom:54px}.hero-meta{position:relative;right:auto;bottom:auto;margin-top:44px;width:max-content}.hero-content{padding-bottom:160px}.manifesto-grid,.work-head,.work-head>div,.process{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr 1fr}.project-xl{grid-column:1/-1;grid-row:auto;min-height:650px}}
@media(max-width:700px){.nav{height:70px}.nav-cta{display:none}.hero{padding:120px 20px 42px;min-height:100svh}.hero h1{font-size:58px}.hero-content{padding-bottom:0}.hero-meta{grid-template-columns:1fr 1fr;width:100%;margin-top:34px}.hero-index{right:20px;top:88px}.manifesto{padding-top:100px;padding-bottom:100px}.manifesto h2,.work h2,.process h2{font-size:52px}.metrics{grid-template-columns:1fr}.work{padding:100px 0}.work-grid{grid-template-columns:1fr}.project,.project-xl{min-height:500px}.process{padding-top:100px;padding-bottom:100px}.process-list article{grid-template-columns:36px 1fr}.process-list b{display:none}.closing{padding:110px 20px}.closing h2{font-size:58px}.back-kreviax,.demo-pill{font-size:6px;padding:8px 10px}footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none!important}.project-image{transition:none!important}}



/* v2.21 final polish */
a,button{touch-action:manipulation}
a:focus-visible{outline:2px solid #f0b29b;outline-offset:4px}
.project-caption{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:18px!important;align-items:end!important}
.project-caption span{grid-column:1/-1!important}
.project-caption h3{grid-column:1!important;min-width:0!important}
.project-caption b{grid-column:2!important;float:none!important;margin:0 0 5px!important;white-space:nowrap!important}
@media(max-width:1000px){
  .hero{display:grid!important;align-content:end!important;grid-template-columns:1fr!important;gap:30px!important}
  .hero-content{padding-bottom:0!important}
  .hero-meta{position:relative!important;right:auto!important;bottom:auto!important;margin:0!important;width:min(100%,680px)!important}
}
@media(max-width:700px){
  .hero{padding-top:118px!important}
  .hero-wash{background:linear-gradient(90deg,rgba(8,8,8,.88),rgba(8,8,8,.32)),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.62))!important}
  .hero-meta{grid-template-columns:1fr 1fr!important;gap:16px!important;padding:14px!important}
  .project-caption{grid-template-columns:1fr!important}
  .project-caption b{grid-column:1!important;margin-top:8px!important}
  .demo-pill{display:none!important}
  .back-kreviax{bottom:12px!important}
}


/* LUXURY DIRECTION v3 */
:root{--lux-ease:cubic-bezier(.16,1,.3,1)}
.hero-content h1,.manifesto h2,.work h2,.closing h2{letter-spacing:-.055em}
.hero-image{transform:scale(1.015);transition:transform 1.8s var(--lux-ease),filter 1.2s ease;filter:saturate(.78) contrast(1.04)}
.hero:hover .hero-image{transform:scale(1.035)}
.project{overflow:hidden}
.project-image{transition:transform 1.15s var(--lux-ease),filter .9s ease;filter:saturate(.82)}
.project:hover .project-image{transform:scale(1.025);filter:saturate(.98)}
.project-caption{transition:transform .7s var(--lux-ease)}
.project:hover .project-caption{transform:translateY(-5px)}
.nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.button,.nav-cta{transition:transform .35s var(--lux-ease),box-shadow .35s ease}
.button:hover,.nav-cta:hover{transform:translateY(-2px)}
@media(max-width:760px){.hero-content h1{letter-spacing:-.045em}.hero-image{transform:none}.project:hover .project-image{transform:none}}


/* WCAG 2.2 AA hardening */
.skip-link{position:fixed;left:16px;top:12px;z-index:10000;transform:translateY(-160%);background:#fff;color:#111!important;border:2px solid currentColor;border-radius:8px;padding:10px 14px;font:700 14px/1.2 system-ui,sans-serif;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
a,button,input,select,textarea,summary{scroll-margin-top:96px}
a[href],button,input[type="button"],input[type="submit"],input[type="checkbox"],input[type="radio"],select,summary{min-block-size:44px}
:focus-visible{outline:3px solid #c6a9ff!important;outline-offset:4px!important}
[aria-invalid="true"]{border-color:#ff7f8b!important;box-shadow:0 0 0 2px rgba(255,127,139,.18)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}
@media(prefers-contrast:more){a,button,input,select,textarea,summary{outline-offset:3px}.muted,small{opacity:1!important}}
@media(forced-colors:active){*{box-shadow:none!important;text-shadow:none!important}.skip-link{forced-color-adjust:auto}}