
:root{
  --black:#090909;--ink:#111;--cream:#f2eee6;--cream2:#e7dfd1;
  --taupe:#9c8765;--metal:#b9aa91;--line:rgba(183,166,137,.25);--white:#f6f3ee;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Manrope",sans-serif;overflow-x:hidden}
body::selection{background:var(--taupe);color:#fff}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:90;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(to bottom,rgba(5,5,5,.9),rgba(5,5,5,.55),transparent);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:11px;letter-spacing:.18em;font-size:13px}.brand img,.footer-brand img{width:30px;height:30px;object-fit:cover;border-radius:3px}.navlinks{display:flex;gap:28px;font-size:12px;color:#cfc7ba}.navlinks a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.sound{background:none;border:0;color:#b7aa94;font-size:10px;letter-spacing:.15em;cursor:pointer}.sound span{color:#fff}.nav-cta{font-size:11px;letter-spacing:.08em;border:1px solid var(--line);padding:11px 15px;border-radius:999px}
.hero{min-height:100svh;padding:130px 6vw 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(156,135,101,.18),transparent 32%),linear-gradient(120deg,#080808 0%,#0d0d0d 58%,#16130f 100%);z-index:-3}
.hero::after{content:"AV";position:absolute;right:-3vw;top:9vh;font-family:"Playfair Display",serif;font-size:42vw;line-height:.7;color:rgba(255,255,255,.018);z-index:-2}
.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3;z-index:-1}.orb-one{width:270px;height:270px;background:#8d7351;right:8%;top:18%}.orb-two{width:220px;height:220px;background:#303541;right:38%;bottom:5%}
.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;color:var(--metal);font-weight:600}.eyebrow span{color:#5c554c;margin:0 8px}
.hero h1,.section-head h2,.statement h2,.who h2,.mission h2,.contact h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.045em;margin:.55em 0 .34em;line-height:.94}.hero h1{font-size:clamp(54px,6.3vw,104px)}em{font-style:italic;color:var(--metal)}
.hero-lead{max-width:650px;color:#c8c2b9;font-size:17px;line-height:1.7}.hero-buttons{display:flex;gap:12px;margin-top:30px}.button{padding:15px 22px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em}.primary{background:var(--cream);color:#111}.secondary{border:1px solid var(--line);color:#eee}
.hero-proof{display:flex;gap:30px;margin-top:45px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column;max-width:140px}.hero-proof strong{font-family:"Playfair Display",serif;color:#d1c0a4;font-size:32px}.hero-proof span{font-size:10px;line-height:1.45;color:#857d72;text-transform:uppercase;letter-spacing:.08em}
.hero-stage{position:relative;min-height:690px;perspective:1100px}.portrait-frame{position:absolute;inset:3% 6% 3% 10%;overflow:hidden;border-radius:4px;box-shadow:0 50px 90px rgba(0,0,0,.5);transform:rotateY(-5deg) rotateX(1deg);border:1px solid rgba(255,255,255,.08)}
.portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.65),transparent 40%),linear-gradient(110deg,rgba(177,151,110,.1),transparent 30%)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;filter:saturate(.75) contrast(1.03)}
.monogram-ghost{position:absolute;font-family:"Playfair Display",serif;font-size:16vw;color:rgba(201,180,147,.07);right:-5%;top:10%;transform:translateZ(-50px)}.float-card{position:absolute;padding:15px 18px;background:rgba(9,9,9,.72);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 20px 40px rgba(0,0,0,.35);min-width:180px}.float-card span{font-size:9px;letter-spacing:.2em;color:#a9997e}.float-card strong{display:block;font-family:"Playfair Display",serif;font-size:17px;margin-top:6px}.card-top{top:14%;left:0}.card-bottom{bottom:12%;right:0}.scroll-cue{position:absolute;left:6vw;bottom:25px;font-size:9px;color:#6f695f;letter-spacing:.2em}.scroll-cue span{margin-left:14px}
section{padding:110px 6vw}.dark-section{background:#0d0d0d}.statement{display:grid;grid-template-columns:90px 1.35fr .65fr;gap:5vw;align-items:center}.section-number{font-size:12px;letter-spacing:.25em;color:#746753}.statement h2{font-size:clamp(45px,5vw,78px)}.statement-inner>p:last-child{color:#aaa39a;line-height:1.9;max-width:800px}.statement-side{border-left:1px solid var(--line);padding-left:32px}.statement-side blockquote{font-family:"Playfair Display",serif;font-size:24px;line-height:1.5;margin:0 0 20px;color:#d9d3ca}.statement-side span{font-size:10px;letter-spacing:.22em;color:var(--taupe)}
.pillars,.digital-work,.credentials{background:var(--cream);color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-head>div{max-width:850px}.section-head h2{font-size:clamp(44px,5vw,76px);margin-bottom:0}.section-head>p{max-width:440px;line-height:1.7;color:#6e675e}.section-head .kicker{color:#8b7654}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pillar-card{background:#f8f4ed;padding:38px;border:1px solid rgba(35,30,24,.1);min-height:470px;transition:transform .2s ease,box-shadow .3s}.pillar-card:hover{box-shadow:0 28px 60px rgba(80,62,40,.12)}.pillar-index{font-family:"Playfair Display",serif;font-size:36px;color:#ab9676}.pillar-card h3{font-family:"Playfair Display",serif;font-size:35px;font-weight:500;margin:35px 0 5px}.pillar-card p{font-size:13px;color:#8c8173}.pillar-card ul{list-style:none;padding:18px 0 0;margin:0;border-top:1px solid #ded4c7}.pillar-card li{padding:9px 0;font-size:13px;border-bottom:1px solid #e5ddd2}.process-line{margin-top:30px;border-top:1px solid #d5cbbf;border-bottom:1px solid #d5cbbf;padding:20px 0;display:flex;justify-content:space-between;color:#514a42;font-size:10px;letter-spacing:.13em}.process-line b{font-weight:400;color:#ae9c82}
.results,.insights{background:#0b0b0b}.light-head{color:#fff}.light-head>p{color:#8f8981}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#29241e;border:1px solid #29241e}.case{background:#0d0d0d;padding:38px;min-height:320px;position:relative;overflow:hidden}.case::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(155,133,97,.15),transparent 70%);right:-90px;top:-80px}.case>span{color:#76654e;font-size:11px;letter-spacing:.2em}.case h3{font-family:"Playfair Display",serif;font-size:35px;font-weight:500;margin:26px 0 5px}.case p{margin:0;color:#8c8479;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.metrics{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);color:#aaa198;font-size:12px;line-height:1.7}.metrics strong{color:#d0b994;font-size:17px}.case button{margin-top:28px;border:0;background:none;color:#d2c7b5;padding:0;font-size:11px;letter-spacing:.12em;cursor:pointer}.case button:hover{color:#fff}
.project-rail,.insight-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 0 20px;scrollbar-width:none}.project-rail::-webkit-scrollbar,.insight-rail::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:0 0 min(430px,80vw);background:#faf7f1;border:1px solid #d8cdbf;padding-bottom:25px;overflow:hidden;transition:transform .25s}.project-card:hover{transform:translateY(-7px)}.project-card iframe,.project-preview{width:100%;height:260px;border:0;pointer-events:none;background:#111}.project-preview{display:grid;place-items:center;color:#fff;font-family:"Playfair Display",serif;font-size:80px}.project-preview small{font:600 12px "Manrope";letter-spacing:.2em}.app-gradient{background:linear-gradient(135deg,#101213,#545950)}.eon-gradient{background:linear-gradient(135deg,#0d0d0d,#584a37)}.project-card>span,.project-card>h3,.project-card>p,.project-card>b{display:block;margin-left:25px;margin-right:25px}.project-card>span{font-size:9px;letter-spacing:.18em;color:#9a8360;margin-top:20px}.project-card>h3{font:500 29px "Playfair Display";margin-top:8px;margin-bottom:4px}.project-card>p{font-size:12px;color:#756e65;line-height:1.5}.project-card>b{font-size:10px;letter-spacing:.12em;margin-top:18px}
.insight-rail img{height:min(660px,72vh);width:auto;scroll-snap-align:center;border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 60px rgba(0,0,0,.35)}.rail-hint{font-size:9px;letter-spacing:.18em;color:#69635b;text-align:right}
.cred-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.cred{background:#f8f4ed;border:1px solid #ddd2c4;padding:34px}.cred h3{font:500 31px "Playfair Display";margin:0 0 24px}.cred .subhead{font-size:23px;margin-top:35px}.cred ul{list-style:none;margin:0;padding:0}.cred li{padding:13px 0;border-bottom:1px solid #e0d6ca;font-size:13px;line-height:1.45}.cred li strong{display:block}.cred li span{display:block;color:#938571;font-size:11px;margin-top:3px}
.who{background:#0d0d0d;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw}.who h2{font-size:clamp(46px,5vw,76px)}.who-stages article{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:25px}.who-stages span{font-family:"Playfair Display",serif;font-size:28px;color:#d3c4ac}.who-stages p{color:#908a82;line-height:1.6;margin:0}
.mission{text-align:center;background:linear-gradient(135deg,#f2eee6,#ded4c5);color:#111;position:relative;overflow:hidden}.mission-mark{position:absolute;right:4vw;top:-8vh;font:500 36vw "Playfair Display";color:rgba(110,92,66,.035)}.mission h2{font-size:clamp(43px,5vw,76px);max-width:1100px;margin:30px auto;position:relative}.mission .kicker{color:#8e7655}
.contact{background:#090909;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}.contact h2{font-size:clamp(46px,5vw,76px)}.contact-copy>p:not(.kicker){color:#999188;line-height:1.75;max-width:560px}.email-link{display:inline-block;margin-top:28px;font:500 22px "Playfair Display";color:#d0b997}.socials{display:flex;gap:20px;margin-top:25px;font-size:10px;letter-spacing:.12em;color:#958c80}.tally-wrap{background:#f2eee6;border-radius:8px;padding:15px;min-height:580px}footer{padding:38px 6vw;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center;color:#6f685f;font-size:9px;letter-spacing:.16em;border-top:1px solid #201d19}.footer-brand{display:flex;align-items:center;gap:12px;color:#c8b89e}
dialog{border:0;padding:0;background:transparent;max-width:min(860px,92vw);max-height:90vh}dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}dialog img{display:block;max-width:100%;max-height:88vh;object-fit:contain}.modal-close{position:fixed;top:22px;right:28px;background:rgba(0,0,0,.6);color:#fff;border:1px solid #554b3d;width:42px;height:42px;border-radius:50%;font-size:26px;cursor:pointer}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:115px}.hero-stage{min-height:570px}.statement{grid-template-columns:1fr}.statement>.section-number{display:none}.statement-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.pillar-grid,.cred-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.who,.contact{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:24px}.nav-cta{display:none}}
@media(max-width:620px){section{padding:85px 22px}.nav{height:64px;padding:0 18px}.brand span{display:none}.hero{padding:105px 22px 70px}.hero h1{font-size:51px}.hero-lead{font-size:14px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-proof{gap:13px}.hero-proof strong{font-size:25px}.hero-proof span{font-size:8px}.hero-stage{min-height:490px;margin-top:25px}.portrait-frame{inset:2% 0 4% 5%}.float-card{min-width:145px;padding:12px}.float-card strong{font-size:14px}.statement h2,.section-head h2,.who h2,.mission h2,.contact h2{font-size:43px}.pillar-card{padding:28px;min-height:0}.process-line{overflow-x:auto;gap:18px;justify-content:flex-start;white-space:nowrap}.case{padding:28px}.case h3{font-size:29px}.who-stages article{grid-template-columns:1fr}.contact{padding-bottom:45px}.email-link{font-size:18px;word-break:break-all}.tally-wrap{padding:5px}.insight-rail img{height:62vh}footer{grid-template-columns:1fr;gap:12px}.scroll-cue{display:none}}
/* Final portfolio refinements */
.portrait-frame img{object-position:60% 20%}
.service-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-value{background:#f8f4ed;border:1px solid rgba(35,30,24,.1);padding:34px;min-height:330px}.service-value>span{font:500 28px "Playfair Display",serif;color:#ab9676}.service-value h3{font:500 29px "Playfair Display",serif;margin:22px 0 18px}.service-value p{font-size:12px;line-height:1.7;color:#70685e}.service-value b{color:#302b25}
.project-banner{height:300px;overflow:hidden;background:#111}.project-banner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .project-banner img{transform:scale(1.035)}
.swipe-projects{display:flex;align-items:center;justify-content:space-between;width:min(520px,100%);margin:0 0 24px auto;padding:18px 22px;border:1px solid #b7a78f;background:#151515;color:#f6f0e6;font:700 11px Manrope,sans-serif;letter-spacing:.16em;cursor:pointer}.swipe-projects i{font:400 30px serif;animation:swipeRoll 1.25s ease-in-out infinite}@keyframes swipeRoll{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
@media(max-width:900px){.service-value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.portrait-frame img{object-position:60% 15%}.service-value-grid{grid-template-columns:1fr}.service-value{min-height:0;padding:27px}.swipe-projects{position:relative;margin:0 0 20px;width:100%;padding:20px 18px;font-size:10px}.swipe-projects i{font-size:34px}.project-card{flex-basis:86vw}.project-banner{height:300px}}

/* Correction pass: preserve portrait headroom and restore selected work */
.portrait-frame img{object-fit:cover;object-position:center top !important}
.showcase{background:var(--cream);color:var(--ink)}
.showcase-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 20px;scrollbar-width:none}
.showcase-rail::-webkit-scrollbar{display:none}
.showcase-card{position:relative;flex:0 0 min(390px,76vw);margin:0;scroll-snap-align:start;background:#111;overflow:hidden;border:1px solid rgba(35,30,24,.14);box-shadow:0 18px 45px rgba(70,55,38,.10)}
.showcase-card img{display:block;width:100%;height:min(680px,72vh);object-fit:cover;object-position:center top;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.showcase-card:hover img{transform:scale(1.025)}
.showcase-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.showcase-hint{color:#80776b}
@media(max-width:620px){
  .portrait-frame img{object-position:center top !important}
  .showcase-card{flex-basis:82vw}
  .showcase-card img{height:64vh;max-height:660px}
}
