:root{
  --paper:#f3f0e8;
  --paper-bright:#fbfaf6;
  --ink:#171712;
  --muted:#6f6d65;
  --line:rgba(23,23,18,.16);
  --gold:#c9a354;
  --gold-light:#f5df9c;
  --pointer-x:50vw;
  --pointer-y:50vh;
}

*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:Inter,"Helvetica Neue",Arial,sans-serif;cursor:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
::selection{color:#fff;background:#9c762f}

.site-shell{position:relative;min-height:100vh;overflow:clip}
.site-shell::after{content:"";position:fixed;inset:0;z-index:145;pointer-events:none;opacity:.025;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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.custom-cursor{position:fixed;z-index:170;left:var(--pointer-x);top:var(--pointer-y);width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center;color:#fff;background:#161612;border:1px solid rgba(255,255,255,.75);border-radius:50%;font:500 13px/1 Arial;opacity:0;pointer-events:none;transition:opacity .2s,transform .18s cubic-bezier(.16,1,.3,1);mix-blend-mode:difference}
.custom-cursor.is-visible{opacity:1}

.page-wipe{position:fixed;inset:0;z-index:160;pointer-events:none;background:radial-gradient(circle at 50% 100%,rgba(202,162,81,.26),transparent 38%),var(--paper-bright);transform:scaleY(0);transform-origin:bottom;transition:transform .62s cubic-bezier(.76,0,.24,1)}
.page-wipe::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);box-shadow:0 0 30px rgba(202,162,81,.5)}
.is-leaving .page-wipe{transform:scaleY(1)}

.site-header{position:absolute;z-index:120;top:0;right:0;width:auto;display:flex;align-items:center;gap:13px;padding:24px clamp(18px,3vw,58px)}
.header-place{padding:10px 14px;color:#fff;background:rgba(8,22,34,.58);border:1px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:0 7px 24px rgba(2,34,67,.18);backdrop-filter:blur(14px);font-size:9px;font-weight:650;line-height:1;letter-spacing:.14em;text-transform:uppercase}
.header-light-logo{position:relative;width:52px;height:52px;padding:7px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 45% 42%,rgba(14,29,42,.52),rgba(7,18,29,.2) 58%,transparent 72%)}
.header-light-logo::before{content:"";position:absolute;inset:5px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 22px rgba(8,31,52,.25),0 0 22px rgba(255,255,255,.18);backdrop-filter:blur(9px)}
.header-light-logo img{position:relative;width:31px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(7,18,29,.45))}

/* LEGO hero — the art stays intact while the full glass title plane changes perspective. */
.construction-hero{position:relative;height:155svh;min-height:980px;background:#3faee4}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:clip;isolation:isolate}
.hero-scene{position:absolute;inset:-3%;will-change:transform,filter;transform-origin:50% 48%}
.hero-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,29,61,.19),transparent 26% 74%,rgba(0,29,61,.16)),linear-gradient(180deg,rgba(2,31,59,.03) 58%,rgba(0,25,54,.48));pointer-events:none}
.window-reflection{position:absolute;z-index:4;top:-22%;width:15vw;height:150%;opacity:.56;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);filter:blur(5px);transform:skewX(-12deg);will-change:transform}
.window-reflection--one{left:34%}.window-reflection--two{right:23%;opacity:.32;transform:skewX(12deg)}
.soap-title-plane{position:absolute;z-index:10;top:24%;left:29%;width:43%;padding:18px 2.2vw 34px;text-align:center;transform:perspective(1350px) rotateY(11.5deg) rotateX(-.75deg) skewY(.9deg) rotateZ(.16deg);transform-origin:47% 52%;will-change:transform,opacity;filter:drop-shadow(-8px 16px 22px rgba(0,67,112,.25))}
.soap-kicker{position:relative;z-index:3;display:inline-block;margin:0 0 -2%;padding:8px 14px;color:rgba(244,253,255,.93);border:1px solid rgba(232,251,255,.33);border-radius:999px;background:rgba(36,132,187,.12);box-shadow:0 8px 24px rgba(0,63,105,.16);backdrop-filter:blur(6px);font-size:clamp(7px,.67vw,11px);font-weight:700;line-height:1.25;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 9px rgba(0,47,88,.9)}
.soap-title-asset{position:relative!important;z-index:2;display:block;width:100%!important;height:auto!important;visibility:visible;will-change:transform,opacity;filter:drop-shadow(0 4px 2px rgba(236,253,255,.55)) drop-shadow(0 12px 16px rgba(0,75,125,.28))}
.soap-bubble{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(196,242,255,.42) 24%,rgba(65,170,216,.12) 72%);box-shadow:inset -3px -4px 7px rgba(31,123,166,.18),0 4px 10px rgba(0,65,108,.2);will-change:transform}
.soap-bubble--one{left:10%;top:40%;width:26px;height:26px}.soap-bubble--two{right:6%;top:61%;width:14px;height:14px}.soap-bubble--three{left:52%;bottom:3%;width:9px;height:9px}
.hero-bottom{position:absolute;z-index:18;left:0;right:0;bottom:0;padding:22px clamp(18px,3.4vw,64px);display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(transparent,rgba(0,30,61,.62));font-size:10px;font-weight:650;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;will-change:transform,opacity}

.premium-button{position:relative;min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;overflow:clip;border:1px solid rgba(255,245,194,.92);border-radius:999px;color:#18150e;background:linear-gradient(180deg,#f8e7a9,#e3bd61 48%,#bd8e36);box-shadow:0 13px 30px rgba(23,18,8,.22),0 0 25px rgba(225,187,96,.2),inset 0 1px rgba(255,255,255,.88);font-size:10px;font-weight:650;line-height:1;letter-spacing:.09em;text-transform:uppercase;isolation:isolate;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,filter .55s ease}
.premium-button::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 50% -70%,rgba(255,255,255,.95),transparent 58%);opacity:.8;z-index:-1}
.premium-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:20px;white-space:nowrap}
.premium-button__label b{font-size:14px;font-weight:400}
.premium-button__shine{position:absolute;z-index:1;top:-70%;bottom:-70%;left:-48%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);filter:blur(3px);transform:skewX(-18deg);transition:left .82s cubic-bezier(.16,1,.3,1)}
.premium-button:hover{transform:translateY(-3px) scale(1.018);box-shadow:0 19px 42px rgba(23,18,8,.27),0 0 35px rgba(225,187,96,.35),inset 0 1px rgba(255,255,255,.95);filter:saturate(1.06)}
.premium-button:hover .premium-button__shine{left:128%}

/* Light portfolio */
.portfolio-showcase{position:relative;padding:clamp(110px,13vw,210px) clamp(20px,5.5vw,100px) clamp(100px,12vw,190px);background:radial-gradient(circle at 80% 12%,rgba(208,183,123,.13),transparent 28%),var(--paper)}
.portfolio-showcase::before{content:"";position:absolute;top:0;left:5.5vw;right:5.5vw;height:1px;background:var(--line)}
.portfolio-intro{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(520px,1.3fr);gap:8vw;align-items:end}
.section-index{display:inline-block;color:#8b6b2d;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}
.portfolio-intro>div p{max-width:390px;margin:32px 0 7px;color:var(--muted);font-size:clamp(15px,1.25vw,19px);font-weight:400;line-height:1.65}
.portfolio-intro h2,.contact-panel h2,.inner-hero h1,.about-hero h1,.contact-hero h1{margin:0;padding:.08em .04em .14em;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.portfolio-intro h2{font-size:clamp(58px,8vw,132px)}
.portfolio-intro em,.contact-panel em,.inner-hero em,.contact-hero em{color:#98742f;font-weight:400}
.work-grid{margin-top:clamp(80px,10vw,160px);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(18px,2.2vw,38px)}
.work-card{display:block;min-width:0}
.work-card:nth-child(3){grid-column:1/2}.work-card:nth-child(4){grid-column:2/3}
.work-visual{position:relative;min-height:clamp(330px,46vw,710px);overflow:clip;background:#d8d2c6;isolation:isolate}
.work-card:nth-child(even) .work-visual{min-height:clamp(330px,38vw,590px)}
.work-visual::before,.work-visual::after,.work-visual i{content:"";position:absolute;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.work-card--sound .work-visual{background:linear-gradient(145deg,#0d0c0b,#2f2821)}
.work-card--sound .work-visual::before{width:49%;aspect-ratio:1;left:26%;top:15%;border:1px solid rgba(235,202,132,.65);border-radius:50%;box-shadow:0 0 0 38px rgba(235,202,132,.05),0 0 0 76px rgba(235,202,132,.035)}
.work-card--sound .work-visual::after{left:13%;right:13%;bottom:20%;height:1px;background:#d5ac59;box-shadow:0 -24px rgba(213,172,89,.35),0 24px rgba(213,172,89,.2)}
.work-card--moya .work-visual{background:linear-gradient(160deg,#e3d2b3 0 44%,#cc5b38 45% 68%,#693a2b 69%)}
.work-card--moya .work-visual::before{width:58%;aspect-ratio:1;right:-9%;top:8%;border:1px solid rgba(255,252,238,.76);border-radius:50%}
.work-card--moya .work-visual::after{width:26%;height:58%;left:15%;bottom:0;background:rgba(255,246,222,.78);transform:skewX(-12deg)}
.work-card--kota .work-visual{background:linear-gradient(120deg,#eeb82d 0 49%,#193e38 50%)}
.work-card--kota .work-visual::before{width:34%;aspect-ratio:1;left:33%;top:25%;border:clamp(18px,3vw,46px) solid #f6e4ae;border-radius:50%;box-shadow:0 17px 34px rgba(24,37,29,.23)}
.work-card--kota .work-visual::after{left:10%;right:10%;bottom:11%;height:8px;background:#161c18;transform:rotate(-3deg)}
.work-card--vela .work-visual{background:linear-gradient(160deg,#849c9b,#e9e4d8)}
.work-card--vela .work-visual::before{left:17%;right:17%;top:13%;bottom:13%;border:1px solid rgba(255,255,255,.72);box-shadow:14px 16px 40px rgba(35,61,61,.2);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.42))}
.work-card--vela .work-visual::after{width:20%;aspect-ratio:1;right:8%;top:8%;border-radius:50%;background:#d4ad5b}
.work-card:hover .work-visual::before{transform:translate3d(0,-10px,0) rotate(4deg) scale(1.03)}
.work-card:hover .work-visual::after{transform:translate3d(10px,-5px,0) rotate(-2deg)}
.work-card-copy{padding:21px 2px 45px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;border-top:1px solid var(--line)}
.work-card-copy>span,.work-card-copy small{color:var(--muted);font-size:9px;font-weight:600;line-height:1.45;letter-spacing:.1em;text-transform:uppercase}
.work-card-copy h3{margin:10px 0 0;padding:.02em 0 .12em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.7vw,62px);font-weight:400;line-height:1;letter-spacing:-.04em}
.work-card-copy>b{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:14px;font-weight:400;transition:background .35s,color .35s,transform .35s}
.work-card:hover .work-card-copy>b{color:#fff;background:var(--ink);transform:rotate(45deg)}
.portfolio-outro{margin-top:clamp(55px,8vw,120px);padding-top:34px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}
.portfolio-outro p{max-width:520px;margin:0;color:var(--muted);font-size:clamp(15px,1.2vw,18px);line-height:1.65}

/* Contact and Maendeleo-inspired footer rhythm */
.contact-section{padding:0 clamp(20px,5.5vw,100px);background:var(--paper-bright)}
.contact-panel{min-height:78svh;padding:clamp(100px,12vw,190px) 0 clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-panel h2{max-width:1200px;margin:7vh 0;font-size:clamp(62px,9.2vw,150px)}
.contact-panel-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}
.contact-panel-bottom p{max-width:480px;margin:0;color:var(--muted);font-size:clamp(15px,1.25vw,19px);line-height:1.65}
.page-footer{position:relative;min-height:190px;padding:48px 7vw 48px 7vw;display:grid;grid-template-columns:1fr 1.35fr auto;gap:50px;align-items:center;background:var(--paper-bright)}
.footer-dot{position:absolute;left:0;top:38px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(202,162,81,.5)}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-mark{position:relative;width:49px;height:55px;display:grid;place-items:center}
.footer-mark::before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,rgba(27,27,23,.15),transparent 68%);filter:blur(2px)}
.footer-mark img{position:relative;width:34px;height:42px;object-fit:contain;filter:invert(1) brightness(.22) drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.footer-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:.8;letter-spacing:-.035em}
.footer-brand small{display:block;margin-left:36px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}
.page-footer>p{margin:0;color:#7d796e;font-size:8px;font-weight:600;line-height:1.6;letter-spacing:.13em;text-align:center;text-transform:uppercase}
.footer-socials{display:flex;gap:10px}.footer-socials span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:Georgia,"Times New Roman",serif;font-size:11px;transition:color .3s,background .3s,transform .3s}.footer-socials span:hover{color:#fff;background:var(--ink);transform:translateY(-2px)}

/* Light secondary pages */
.site-shell:not(.site-shell--home) .site-header{left:0;right:0;justify-content:flex-end}
.site-shell:not(.site-shell--home) .header-place{color:var(--ink);background:rgba(255,255,255,.66);border-color:var(--line);box-shadow:0 8px 25px rgba(35,31,22,.08)}
.site-shell:not(.site-shell--home) .header-light-logo{background:radial-gradient(circle,rgba(24,24,20,.16),transparent 72%)}
.site-shell:not(.site-shell--home) .header-light-logo::before{background:rgba(25,25,22,.08);border-color:rgba(25,25,22,.12);box-shadow:0 8px 24px rgba(28,25,18,.1)}
.site-shell:not(.site-shell--home) .header-light-logo img{filter:invert(1) brightness(.22) drop-shadow(0 3px 6px rgba(0,0,0,.2))}
.inner-page{min-height:100svh;background:var(--paper)}
.inner-hero,.about-hero,.contact-hero{min-height:88svh;padding:clamp(150px,18vw,270px) clamp(20px,7vw,130px) clamp(80px,9vw,140px);border-bottom:1px solid var(--line)}
.inner-hero>span,.about-hero>span,.contact-hero>span{color:#8b6b2d;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.inner-hero h1,.contact-hero h1{margin-top:8vh;font-size:clamp(78px,12vw,190px)}
.inner-hero>p,.contact-hero>p{max-width:560px;margin:34px 0 0;color:var(--muted);font-size:clamp(16px,1.35vw,21px);line-height:1.65}
.portfolio-grid{padding:clamp(65px,9vw,140px) clamp(20px,7vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.portfolio-card{min-height:clamp(450px,52vw,720px);padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper-bright);transition:background .55s,color .55s}
.portfolio-card>span,.portfolio-card small{font-size:9px;font-weight:650;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.portfolio-card h2{margin:18px 0 34px;padding:.03em 0 .14em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,7vw,108px);font-weight:400;line-height:.96;letter-spacing:-.05em}
.portfolio-card a{padding-bottom:7px;border-bottom:1px solid currentColor;font-size:10px;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
.portfolio-card:hover{color:#fff;background:#1b1b17}
.about-hero h1{margin-top:8vh;font-size:clamp(67px,9.5vw,155px)}
.about-hero>div{margin-top:8vh;display:grid;grid-template-columns:1fr 1fr;gap:6vw}.about-hero p{max-width:560px;margin:0;color:var(--muted);font-size:clamp(17px,1.4vw,22px);line-height:1.7}
.about-facts{padding:clamp(70px,9vw,140px) clamp(20px,7vw,130px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.about-facts article{min-height:340px;padding:30px;display:flex;flex-direction:column;background:var(--paper-bright)}
.about-facts article>span{color:#8b6b2d;font-size:9px;font-weight:700}.about-facts h2{margin:auto 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,80px);font-weight:400;line-height:1}.about-facts p{margin:0;color:var(--muted);line-height:1.65}
.contact-mail{max-width:900px;margin-top:8vh;padding:24px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,3vw,46px);font-weight:400;line-height:1.2}.contact-mail b{font-weight:400}
.contact-meta{margin-top:7vh;display:flex;flex-wrap:wrap;gap:17px 45px;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}

/* Scroll reveal and section transitions */
[data-reveal]{opacity:1;transform:none;will-change:transform,opacity}
.js-animate [data-reveal]{opacity:0;transform:translate3d(0,58px,0);transition:opacity 1s ease,transform 1.15s cubic-bezier(.16,1,.3,1)}
.js-animate [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.js-animate main>section:not(.construction-hero):not(.safari-hero){opacity:.18;transform:translate3d(0,85px,0) scale(.985);transition:opacity 1.05s ease,transform 1.25s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}
.js-animate main>section:not(.construction-hero):not(.safari-hero).section-in-view{opacity:1;transform:translate3d(0,0,0) scale(1)}

@media(max-width:900px){
  body{cursor:auto}.custom-cursor{display:none}
  .site-header{padding:14px 14px 0 0;gap:8px}.header-place{padding:8px 10px;font-size:7px}.header-light-logo{width:45px;height:45px;padding:6px;border-radius:13px}.header-light-logo img{width:26px;height:32px}
  .construction-hero{height:138svh;min-height:760px}.hero-sticky{min-height:620px}.hero-scene{inset:-2% -24%;transform-origin:51% 48%}.hero-scene img{object-position:51% center}
  .soap-title-plane{top:27.5%;left:6.5%;width:87%;padding:18px 12px 30px;transform:perspective(980px) rotateY(6deg) rotateX(-.45deg) skewY(.48deg) rotateZ(.1deg)}
  .soap-kicker{margin-bottom:-2%;font-size:7px;letter-spacing:.13em}.soap-title-asset{width:100%!important}
  .hero-bottom{padding:14px 16px 18px;align-items:flex-end}.hero-bottom>span{display:none}.hero-bottom .premium-button{width:100%;justify-content:space-between}.premium-button__label{width:100%;justify-content:space-between}
  .portfolio-showcase{padding:100px 18px 95px}.portfolio-showcase::before{left:18px;right:18px}.portfolio-intro{grid-template-columns:1fr;gap:42px}.portfolio-intro h2{font-size:clamp(54px,15vw,78px)}.portfolio-intro>div p{margin-top:20px}
  .work-grid{margin-top:72px;grid-template-columns:1fr;gap:12px}.work-card:nth-child(3),.work-card:nth-child(4){grid-column:auto}.work-visual,.work-card:nth-child(even) .work-visual{min-height:112vw;max-height:580px}.work-card-copy{grid-template-columns:33px 1fr auto;padding-bottom:36px}.work-card-copy h3{font-size:39px}
  .portfolio-outro{align-items:stretch;flex-direction:column}.portfolio-outro .premium-button{width:100%}
  .contact-section{padding:0 18px}.contact-panel{min-height:76svh;padding:90px 0 70px}.contact-panel h2{margin:9vh 0;font-size:clamp(57px,16vw,82px)}.contact-panel-bottom{align-items:stretch;flex-direction:column}.contact-panel-bottom .premium-button{width:100%}
  .page-footer{min-height:300px;padding:52px 28px 40px;grid-template-columns:1fr auto;gap:36px 22px}.footer-dot{left:0}.page-footer>p{grid-column:1/-1;grid-row:2;text-align:left}.footer-socials{align-self:center}
  .inner-hero,.about-hero,.contact-hero{min-height:80svh;padding:145px 20px 80px}.inner-hero h1,.contact-hero h1{font-size:clamp(70px,20vw,105px)}
  .portfolio-grid{padding:1px;grid-template-columns:1fr}.portfolio-card{min-height:115vw;padding:24px}.portfolio-card h2{font-size:54px}
  .about-hero h1{font-size:clamp(58px,16vw,84px)}.about-hero>div{grid-template-columns:1fr;gap:24px}.about-facts{padding:1px;grid-template-columns:1fr}.about-facts article{min-height:290px}
  .contact-mail{font-size:clamp(18px,5vw,26px);gap:12px;overflow-wrap:anywhere}.contact-meta{flex-direction:column;gap:13px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important}
  .js-animate [data-reveal],.js-animate main>section:not(.construction-hero):not(.safari-hero){transition-duration:.45s!important}
}

/* Version 5: continuous loading, clean marks, reversed glass perspective and living construction details. */
html.is-loading,html.is-loading body{overflow:hidden}
.site-loader{--loader-progress:0;position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);background:radial-gradient(circle at 50% 44%,rgba(204,167,88,.1),transparent 27%),#f8f6ef;clip-path:inset(0 0 0 0);transition:clip-path 1.05s cubic-bezier(.76,0,.24,1);pointer-events:auto}
.site-loader::before{content:"";position:absolute;inset:0;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.loader-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;will-change:transform,opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .55s ease}
.loader-brand img{width:clamp(52px,5.2vw,78px);height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(20,20,16,.1));animation:loaderBreath 1.8s ease-in-out infinite}
.loader-brand span,.wipe-brand span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.1;letter-spacing:-.03em}
.loader-meter{position:absolute;left:clamp(22px,5vw,84px);right:clamp(22px,5vw,84px);bottom:clamp(26px,4vw,62px);height:24px;display:flex;align-items:flex-end;gap:18px}
.loader-meter::before{content:"";position:absolute;left:0;right:52px;bottom:4px;height:1px;background:rgba(23,23,18,.15)}
.loader-meter i{position:absolute;left:0;right:52px;bottom:4px;height:1px;background:linear-gradient(90deg,#9b742d,#e1c981);transform:scaleX(var(--loader-progress));transform-origin:left;will-change:transform}
.loader-meter b{margin-left:auto;font-size:9px;font-weight:650;line-height:1;letter-spacing:.16em}
html.is-ready .site-loader{clip-path:inset(0 0 100% 0);pointer-events:none}
html.is-ready .loader-brand{opacity:0;transform:translateY(-30px) scale(.97)}

.page-wipe{z-index:195;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(204,167,88,.1),transparent 28%),#f8f6ef;transform:translate3d(0,102%,0);transform-origin:center;transition:transform .9s cubic-bezier(.76,0,.24,1);will-change:transform}
.page-wipe::after{top:auto;bottom:0;height:1px}
.page-wipe>i{position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,#8e6829,#f0d991);box-shadow:0 0 28px rgba(202,162,81,.34);transition:right .78s .06s cubic-bezier(.16,1,.3,1)}
.wipe-brand{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translateY(25px);transition:opacity .45s .25s ease,transform .7s .2s cubic-bezier(.16,1,.3,1)}
.wipe-brand img{width:58px;height:auto;display:block}
.is-leaving .page-wipe{transform:translate3d(0,0,0)}
.is-leaving .page-wipe>i{right:0}
.is-leaving .wipe-brand{opacity:1;transform:translateY(0)}

.header-light-logo,.site-shell:not(.site-shell--home) .header-light-logo{width:48px;height:58px;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;backdrop-filter:none}
.header-light-logo::before,.site-shell:not(.site-shell--home) .header-light-logo::before{display:none!important}
.header-light-logo img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(5,24,41,.34))}
.site-shell:not(.site-shell--home) .header-light-logo img{filter:drop-shadow(0 4px 8px rgba(20,20,16,.14))}
.footer-mark{width:42px;height:53px;background:none!important}
.footer-mark::before{display:none!important}
.footer-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(20,20,16,.13))}

.soap-title-plane{top:23.5%;left:28.4%;width:44.5%;transform:perspective(1350px) rotateY(11.5deg) rotateX(-.75deg) skewY(.9deg) rotateZ(.16deg);transform-origin:47% 52%;filter:drop-shadow(-8px 16px 22px rgba(0,67,112,.25))}
.soap-kicker{box-shadow:-5px 9px 22px rgba(0,63,105,.17)}
.soap-title-asset{filter:drop-shadow(-2px 4px 2px rgba(236,253,255,.58)) drop-shadow(-8px 13px 17px rgba(0,75,125,.3))}
.glass-motion{position:absolute;z-index:7;inset:0;overflow:clip;pointer-events:none}
.wipe-stroke{position:absolute;display:block;width:24vw;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(232,251,255,.08) 12%,rgba(240,253,255,.7) 48%,rgba(158,220,244,.13) 82%,transparent);box-shadow:0 0 14px rgba(223,248,255,.5);mix-blend-mode:screen;opacity:.55;will-change:transform,opacity}
.wipe-stroke::after{content:"";position:absolute;right:10%;top:-9px;width:4px;height:22px;border-radius:4px;background:rgba(227,249,255,.72);box-shadow:0 0 10px rgba(255,255,255,.7)}
.wipe-stroke--one{left:20%;top:44%;transform:rotate(-8deg);animation:windowWipeOne 5.6s ease-in-out infinite}
.wipe-stroke--two{right:16%;top:64%;transform:rotate(7deg);animation:windowWipeTwo 6.4s -2.1s ease-in-out infinite}
.tool-glint{position:absolute;color:#fff;font:400 22px/1 Georgia,serif;text-shadow:0 0 13px #fff,0 0 24px #83dfff;animation:toolGlint 2.7s ease-in-out infinite}
.tool-glint--one{top:21%;right:23%}.tool-glint--two{top:47%;left:29%;animation-delay:-1.2s;font-size:14px}
.crane-line{position:absolute;top:-4%;left:17.5%;width:2px;height:29%;background:linear-gradient(#333c43,#818b91);transform-origin:top;animation:craneSway 5.8s ease-in-out infinite}
.crane-line::after{content:"";position:absolute;left:-5px;bottom:-7px;width:11px;height:11px;border:2px solid #30383d;border-top-color:transparent;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,.2)}

.js-animate [data-reveal]{transition:opacity 1.15s ease,transform 1.35s cubic-bezier(.16,1,.3,1)}
.js-animate main>section:not(.construction-hero):not(.safari-hero){transform:translate3d(0,110px,0) scale(.978);transition:opacity 1.2s ease,transform 1.45s cubic-bezier(.16,1,.3,1)}

@keyframes loaderBreath{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}}
@keyframes windowWipeOne{0%,13%{opacity:0;transform:translate3d(-45vw,0,0) rotate(-8deg)}31%,68%{opacity:.62}88%,100%{opacity:0;transform:translate3d(82vw,-11vh,0) rotate(-8deg)}}
@keyframes windowWipeTwo{0%,16%{opacity:0;transform:translate3d(48vw,0,0) rotate(7deg)}34%,69%{opacity:.48}90%,100%{opacity:0;transform:translate3d(-80vw,9vh,0) rotate(7deg)}}
@keyframes toolGlint{0%,72%,100%{opacity:0;transform:scale(.35) rotate(0)}79%{opacity:1;transform:scale(1.25) rotate(20deg)}88%{opacity:.35;transform:scale(.72) rotate(45deg)}}
@keyframes craneSway{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(2.1deg)}}

@media(max-width:900px){
  .header-light-logo,.site-shell:not(.site-shell--home) .header-light-logo{width:37px;height:45px;padding:0}
  .soap-title-plane{top:27.5%;left:6.5%;width:87%;transform:perspective(980px) rotateY(6deg) rotateX(-.45deg) skewY(.48deg) rotateZ(.1deg)}
  .wipe-stroke{width:48vw}.crane-line{left:11%;height:23%}.tool-glint--one{right:12%}.tool-glint--two{left:16%}
  .loader-brand img{width:56px}.loader-meter{bottom:28px}.wipe-brand img{width:49px}
}

@media(prefers-reduced-motion:reduce){
  .site-loader{transition-duration:.5s}.page-wipe{transition-duration:.5s}.wipe-stroke,.tool-glint,.crane-line,.loader-brand img{animation:none!important}
}

/* Quiet editorial type lets the abstract water title remain the hero. */
.loader-brand span,.wipe-brand span,.portfolio-intro h2,.contact-panel h2,.inner-hero h1,.about-hero h1,.contact-hero h1,.work-card-copy h3,.portfolio-card h2,.about-facts h2,.footer-brand strong{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.045em}
.portfolio-intro h2,.contact-panel h2,.inner-hero h1,.about-hero h1,.contact-hero h1{line-height:.98}
.portfolio-intro em,.contact-panel em,.inner-hero em,.contact-hero em{font-style:normal;font-weight:300;letter-spacing:-.055em}
.work-card-copy h3,.portfolio-card h2,.about-facts h2{font-weight:350;line-height:1.02}
.portfolio-intro>div p,.portfolio-outro p,.contact-panel-bottom p,.inner-hero>p,.contact-hero>p,.about-hero p,.about-facts p{font-weight:400;line-height:1.62}
.section-index,.inner-hero>span,.about-hero>span,.contact-hero>span{font-weight:600;letter-spacing:.16em}
.soap-kicker{font-weight:600;letter-spacing:.18em}
.premium-button{font-weight:560;letter-spacing:.075em}
.footer-brand strong{font-size:22px}.footer-brand small{font-weight:550;letter-spacing:.15em}

/* Version 6: Kenyan sunrise, espresso surfaces and reader-facing dimensional type. */
:root{--paper:#150c09;--paper-bright:#1b100c;--ink:#f2ddbe;--muted:#b69a7b;--line:rgba(242,221,190,.14);--gold:#b86e40;--gold-light:#e2a66f}
html,body{background:#100806;color:var(--ink)}
::selection{color:#160b07;background:#d18a55}
.site-shell::after{opacity:.04;mix-blend-mode:soft-light}
.custom-cursor{color:#1a0c08;background:#c27547;border-color:#f1c49b;mix-blend-mode:normal}

.site-loader,.page-wipe{color:#d7925f;background:radial-gradient(circle at 50% 44%,rgba(172,92,49,.12),transparent 27%),#090504}
.site-loader::before{opacity:.08;mix-blend-mode:screen}
.loader-brand img{width:clamp(48px,4.5vw,68px);height:auto;box-shadow:none;filter:none}
.loader-brand span,.wipe-brand span{color:#c88a60;font-size:clamp(12px,1vw,15px);font-weight:450;line-height:1.3;letter-spacing:.13em;text-transform:lowercase}
.loader-meter::before{background:rgba(221,157,106,.17)}
.loader-meter i,.page-wipe>i{background:linear-gradient(90deg,#5e2d1b,#c47a4d,#e3aa74)}
.loader-meter b{color:#a86b46}
.wipe-brand img{width:clamp(48px,4vw,62px);height:auto;filter:none}
.page-wipe::after{background:linear-gradient(90deg,transparent,#b86e40,transparent)}

.header-light-logo,.site-shell:not(.site-shell--home) .header-light-logo{width:42px;height:50px}
.site-shell--home .header-light-logo img{filter:drop-shadow(0 0 1px rgba(255,230,199,.8)) drop-shadow(0 5px 9px rgba(9,4,2,.45))}
.site-shell:not(.site-shell--home) .header-light-logo img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.35))}
.header-place,.site-shell:not(.site-shell--home) .header-place{color:#e8c8a4;background:rgba(12,6,4,.58);border-color:rgba(237,193,151,.17);box-shadow:0 8px 28px rgba(0,0,0,.2)}

.safari-hero{position:relative;height:155svh;min-height:980px;background:#1a0c07}
.safari-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:clip;isolation:isolate}
.safari-scene{position:absolute;inset:-3%;will-change:transform,filter;transform-origin:54% 53%}
.safari-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04)}
.safari-vignette{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 51% 47%,transparent 18%,rgba(22,8,3,.18) 57%,rgba(8,3,2,.68) 112%),linear-gradient(180deg,rgba(10,4,2,.16),transparent 24%,transparent 66%,rgba(8,3,2,.72));pointer-events:none}
.sun-haze{position:absolute;z-index:3;width:42vw;aspect-ratio:1;right:5%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,196,119,.2),rgba(207,100,42,.06) 34%,transparent 68%);filter:blur(18px);mix-blend-mode:screen;animation:sunPulse 7s ease-in-out infinite;pointer-events:none}
.safari-marks{position:absolute;z-index:4;inset:0;overflow:clip;pointer-events:none}
.safari-marks i{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(245,203,159,.55),transparent);mix-blend-mode:screen;filter:blur(.2px);will-change:transform,opacity}
.safari-marks i:nth-child(1){width:32vw;left:-9%;top:33%;transform:rotate(-8deg);animation:dustLineOne 8s ease-in-out infinite}
.safari-marks i:nth-child(2){width:22vw;right:-5%;top:60%;transform:rotate(6deg);animation:dustLineTwo 9s -3s ease-in-out infinite}
.safari-marks i:nth-child(3){width:16vw;left:43%;bottom:17%;transform:rotate(-2deg);animation:dustLineOne 7s -4s ease-in-out infinite}
.safari-copy{position:absolute;z-index:8;left:50%;top:49%;width:min(92vw,1380px);padding:28px 18px;text-align:center;transform:translate(-50%,-50%);will-change:transform,opacity}
.safari-copy h1{margin:0;padding:.09em .06em .19em;color:#f3d6ad;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(76px,10.7vw,174px);font-weight:400;line-height:.88;letter-spacing:-.072em;text-transform:lowercase;text-shadow:0 1px 0 #d49a69,0 3px 0 #a8643b,0 6px 0 #70351f,0 10px 25px rgba(5,2,1,.48),0 0 28px rgba(236,160,94,.19);filter:drop-shadow(0 16px 24px rgba(7,2,1,.25));transform-style:preserve-3d;perspective:900px;will-change:transform,filter}
.safari-copy p{margin:clamp(18px,2vw,30px) 0 0;padding:.35em;color:#f0d7b8;font-size:clamp(10px,.88vw,14px);font-weight:450;line-height:1.45;letter-spacing:.18em;text-transform:lowercase;text-shadow:0 2px 12px rgba(8,3,1,.8)}
.safari-copy .char{display:inline-block;white-space:pre;will-change:transform,opacity}
.safari-copy h1 .char{transform-style:preserve-3d}
.safari-hero .hero-bottom{color:#ecd0ad;background:linear-gradient(transparent,rgba(10,4,2,.78))}

.premium-button{color:#180b07;border-color:rgba(241,183,132,.75);background:linear-gradient(180deg,#e0a26d,#bd7447 51%,#844124);box-shadow:0 13px 30px rgba(0,0,0,.3),0 0 25px rgba(176,91,45,.18),inset 0 1px rgba(255,224,192,.62)}
.premium-button:hover{box-shadow:0 19px 42px rgba(0,0,0,.38),0 0 34px rgba(194,111,63,.28),inset 0 1px rgba(255,229,204,.75)}
.portfolio-showcase{background:radial-gradient(circle at 80% 12%,rgba(170,91,48,.13),transparent 28%),#150c09}
.contact-section,.page-footer,.inner-page{background:#1b100c}
.portfolio-showcase::before,.contact-panel,.page-footer,.work-card-copy,.portfolio-outro,.inner-hero,.about-hero,.contact-hero,.contact-mail{border-color:var(--line)}
.portfolio-intro em,.contact-panel em,.inner-hero em,.contact-hero em,.section-index,.inner-hero>span,.about-hero>span,.contact-hero>span{color:#c27b4e}
.portfolio-intro>div p,.portfolio-outro p,.contact-panel-bottom p,.inner-hero>p,.contact-hero>p,.about-hero p,.about-facts p,.work-card-copy>span,.work-card-copy small,.page-footer>p,.contact-meta{color:var(--muted)}
.work-card-copy>b{border-color:var(--line)}
.work-card:hover .work-card-copy>b{color:#1a0d08;background:#d58e5b}
.work-card--sound .work-visual{background:linear-gradient(145deg,#080403,#28130c)}
.work-card--moya .work-visual{background:linear-gradient(160deg,#7d3d25 0 44%,#be7147 45% 68%,#2a120b 69%)}
.work-card--kota .work-visual{background:linear-gradient(120deg,#b86e3e 0 49%,#170c08 50%)}
.work-card--vela .work-visual{background:linear-gradient(160deg,#4d2b20,#b27a59)}
.portfolio-grid,.about-facts{background:var(--line)}
.portfolio-card,.about-facts article{background:#1b100c}
.portfolio-card:hover{color:#f7dfbd;background:#4b2416}
.contact-mail{color:#e7c7a4}
.footer-dot{background:#bd7044}.footer-brand{color:#f0d8bb}.footer-mark img{filter:drop-shadow(0 5px 10px rgba(0,0,0,.38))}
.footer-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#e8c7a5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;transition:color .3s,background .3s,transform .3s}
.footer-socials a:hover{color:#160a06;background:#c77d4e;transform:translateY(-2px)}

@keyframes sunPulse{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}
@keyframes dustLineOne{0%,100%{opacity:0;transform:translate3d(-18vw,0,0) rotate(-8deg)}35%,68%{opacity:.42}82%{opacity:0;transform:translate3d(68vw,-3vh,0) rotate(-8deg)}}
@keyframes dustLineTwo{0%,100%{opacity:0;transform:translate3d(19vw,0,0) rotate(6deg)}34%,70%{opacity:.34}86%{opacity:0;transform:translate3d(-64vw,2vh,0) rotate(6deg)}}

@media(max-width:900px){
  .header-light-logo,.site-shell:not(.site-shell--home) .header-light-logo{width:33px;height:40px}
  .safari-hero{height:138svh;min-height:760px}.safari-sticky{min-height:620px}.safari-scene{inset:-2% -24%}.safari-scene img{object-position:53% center}
  .safari-copy{top:48%;width:96vw;padding-inline:13px}.safari-copy h1{font-size:clamp(62px,18vw,96px);line-height:.93;letter-spacing:-.065em}.safari-copy p{max-width:310px;margin:18px auto 0;font-size:8px;letter-spacing:.18em}
  .sun-haze{width:78vw;right:-23%;top:12%}.safari-marks i:nth-child(1){width:62vw}.safari-marks i:nth-child(2){width:45vw}
  .footer-socials a{width:34px;height:34px}
}

@media(prefers-reduced-motion:reduce){.sun-haze,.safari-marks i{animation:none!important}}

/* Version 6.5: aligned slogan, seamless black transitions and quieter brand lockups. */
.animated-hero-title{display:block;width:100%;margin:0 auto;mix-blend-mode:normal;will-change:transform,opacity;filter:none}
.animated-hero-title img{display:block;width:100%;height:auto}
.hero-copy-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.site-shell--home .header-light-logo,.site-shell--home .header-light-logo::before{background:transparent!important;border:0!important;box-shadow:none!important}
.site-shell--home .header-light-logo img{filter:drop-shadow(0 5px 9px rgba(0,0,0,.26))}

.footer-brand{gap:9px}
.footer-brand strong{transform:translateX(-2px)}
.footer-brand small{margin-left:28px}

.site-loader,.page-wipe{background:#000}
.site-loader::before,.page-wipe::after{display:none}
.loader-meter i{transform:scaleX(var(--loader-progress));transition:none}
.page-wipe{--wipe-progress:0;transition:transform .72s cubic-bezier(.76,0,.24,1)}
.wipe-brand{gap:16px;opacity:0;transform:translateY(16px);transition:opacity .32s .68s ease,transform .5s .64s cubic-bezier(.16,1,.3,1)}
.wipe-brand img{mix-blend-mode:normal}
.is-leaving .wipe-brand{opacity:1;transform:translateY(0)}
.wipe-meter{position:absolute;left:clamp(22px,5vw,84px);right:clamp(22px,5vw,84px);bottom:clamp(26px,4vw,62px);height:24px;display:flex;align-items:flex-end;gap:18px;opacity:0;transition:opacity .25s .68s ease}
.wipe-meter::before{content:"";position:absolute;left:0;right:52px;bottom:4px;height:1px;background:rgba(221,157,106,.17)}
.wipe-meter i{position:absolute;left:0;right:52px;bottom:4px;height:1px;background:linear-gradient(90deg,#5e2d1b,#c47a4d,#e3aa74);transform:scaleX(var(--wipe-progress));transform-origin:left;will-change:transform}
.wipe-meter b{margin-left:auto;color:#a86b46;font-size:9px;font-weight:650;line-height:1;letter-spacing:.16em}
.is-leaving .wipe-meter{opacity:1}
.work-card-copy p{max-width:520px;margin:11px 0 0;color:var(--muted);font-size:clamp(12px,.9vw,14px);font-weight:400;line-height:1.55;letter-spacing:0}
.portfolio-card p{max-width:610px;margin:0 0 34px;color:var(--muted);font-size:clamp(14px,1.05vw,17px);font-weight:400;line-height:1.62}
.portfolio-card:hover p{color:rgba(255,255,255,.72)}

.home-about{position:relative;padding:clamp(110px,13vw,210px) clamp(20px,5.5vw,100px) clamp(105px,12vw,190px);background:#100806}
.home-about::before{content:"";position:absolute;top:0;left:5.5vw;right:5.5vw;height:1px;background:var(--line)}
.home-about-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(560px,1.45fr);gap:8vw;align-items:start}
.home-about-heading h2,.selected-work-heading h2{margin:0;padding:.05em .03em .13em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(55px,7.8vw,128px);font-weight:350;line-height:.95;letter-spacing:-.058em;text-wrap:balance}
.home-about-heading h2{grid-column:2}.home-about-heading em,.selected-work-heading em{color:#c27b4e;font-style:normal;font-weight:300}
.home-about-story{margin-top:clamp(70px,9vw,145px);display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,9vw,150px);align-items:start}
.home-about-lead{max-width:790px;margin:0;color:#f0d8bb;font-size:clamp(26px,3.25vw,52px);font-weight:350;line-height:1.2;letter-spacing:-.035em}
.home-about-notes{display:grid;gap:34px}
.home-about-notes article{padding-top:18px;border-top:1px solid var(--line)}
.home-about-notes span{color:#c27b4e;font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.home-about-notes p{margin:18px 0 0;color:var(--muted);font-size:clamp(14px,1.15vw,18px);line-height:1.7}

.selected-work{position:relative;padding:clamp(110px,13vw,210px) clamp(20px,5.5vw,100px) clamp(115px,13vw,205px);background:#100806}
.selected-work::before{content:"";position:absolute;top:0;left:5.5vw;right:5.5vw;height:1px;background:var(--line)}
.selected-work-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:2vw 8vw;align-items:start}
.selected-work-heading h2{grid-column:2}.selected-work-heading>p{grid-column:2;max-width:600px;margin:8px 0 0;color:var(--muted);font-size:clamp(15px,1.25vw,19px);line-height:1.68}
.selected-work-list{margin-top:clamp(80px,10vw,160px);display:grid;gap:clamp(90px,12vw,190px)}
.selected-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(35px,7vw,120px);align-items:center}
.selected-project--reverse{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}
.selected-project--reverse .selected-project-art{grid-column:2;grid-row:1}.selected-project--reverse .selected-project-copy{grid-column:1;grid-row:1}
.selected-project-art{position:relative;min-height:clamp(390px,48vw,720px);overflow:clip;border:1px solid rgba(242,221,190,.1);isolation:isolate}
.selected-project-art i,.selected-project-art::before,.selected-project-art::after{content:"";position:absolute;display:block;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.selected-project-art b{position:absolute;left:24px;bottom:22px;color:rgba(255,255,255,.7);font-size:8px;font-weight:650;letter-spacing:.18em}
.selected-project-art--tumi{background:radial-gradient(circle at 50% 45%,#8c4c2c 0 5%,transparent 5.4%),linear-gradient(135deg,#090504,#3d1c11)}
.selected-project-art--tumi::before{width:48%;aspect-ratio:1;left:26%;top:20%;border:1px solid #d59662;border-radius:50%;box-shadow:0 0 0 34px rgba(213,150,98,.08),0 0 0 68px rgba(213,150,98,.04)}
.selected-project-art--tumi::after{left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#e2a66f,transparent);transform:rotate(-8deg)}
.selected-project-art--moya{background:linear-gradient(142deg,#e3a062 0 27%,#672b1b 27% 55%,#130907 55%)}
.selected-project-art--moya::before{width:45%;aspect-ratio:1;right:9%;top:14%;border:1px solid rgba(255,225,188,.72);border-radius:50%}
.selected-project-art--moya::after{width:18%;height:72%;left:19%;bottom:-10%;background:rgba(245,202,155,.8);transform:rotate(14deg)}
.selected-project-art--vela{background:linear-gradient(155deg,#1a0d09,#8e5838 52%,#dfb486)}
.selected-project-art--vela::before{inset:15%;border:1px solid rgba(255,232,205,.5);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.13));box-shadow:18px 22px 50px rgba(0,0,0,.25)}
.selected-project-art--vela::after{width:17%;aspect-ratio:1;right:9%;top:8%;border-radius:50%;background:#e0a16c;box-shadow:0 0 45px rgba(224,161,108,.25)}
.selected-project:hover .selected-project-art::before{transform:translate3d(0,-12px,0) rotate(3deg) scale(1.025)}
.selected-project:hover .selected-project-art::after{transform:translate3d(8px,-5px,0) rotate(-3deg)}
.selected-project-copy>span{color:#c27b4e;font-size:9px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.selected-project-copy h3{margin:24px 0 23px;color:#f1d8b8;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(47px,6vw,96px);font-weight:350;line-height:.94;letter-spacing:-.055em}
.selected-project-copy p{max-width:500px;margin:0 0 34px;color:var(--muted);font-size:clamp(15px,1.2vw,19px);line-height:1.68}
.selected-project-copy>a{display:inline-block;padding-bottom:7px;border-bottom:1px solid currentColor;color:#e1ae81;font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.selected-project-copy h3 a{display:inline;color:inherit;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:none;transition:color .3s ease}
.selected-project-copy h3 a:hover{color:#e2a66f}
.selected-project-art{display:block}
.project-invite-page .contact-hero h1{max-width:1500px;font-size:clamp(64px,9.2vw,148px)}
.project-invite-page .contact-hero>p{max-width:760px}
.hero-about-button{will-change:transform;animation:heroButtonFloat 3.8s cubic-bezier(.45,0,.55,1) infinite}
.hero-about-button .premium-button__label b{display:inline-block;will-change:transform;animation:heroArrowBounce 1.8s cubic-bezier(.45,0,.55,1) infinite}

@keyframes heroButtonFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes heroArrowBounce{0%,100%{transform:translate3d(0,-2px,0)}50%{transform:translate3d(0,5px,0)}}

@media(max-width:900px){
  .safari-copy{width:108vw;padding-inline:0}.animated-hero-title{width:100%}
  .footer-brand{gap:7px}.footer-brand strong{transform:translateX(-1px)}.footer-brand small{margin-left:24px}
  .home-about,.selected-work{padding:95px 18px}.home-about::before,.selected-work::before{left:18px;right:18px}
  .home-about-heading,.selected-work-heading{grid-template-columns:1fr;gap:38px}.home-about-heading h2,.selected-work-heading h2,.selected-work-heading>p{grid-column:1}.home-about-heading h2,.selected-work-heading h2{font-size:clamp(52px,14vw,76px)}
  .home-about-story{margin-top:65px;grid-template-columns:1fr;gap:60px}.home-about-lead{font-size:clamp(27px,8vw,40px)}
  .selected-work-list{margin-top:75px;gap:92px}.selected-project,.selected-project--reverse{grid-template-columns:1fr;gap:35px}.selected-project--reverse .selected-project-art,.selected-project--reverse .selected-project-copy{grid-column:1;grid-row:auto}.selected-project--reverse .selected-project-art{grid-row:1}.selected-project-art{min-height:112vw;max-height:570px}.selected-project-copy h3{font-size:54px}
  .project-invite-page .contact-hero h1{font-size:clamp(54px,15vw,82px)}
}

@media(prefers-reduced-motion:reduce){
  .hero-about-button,.hero-about-button .premium-button__label b{animation:none}
  .page-wipe{transition-duration:.38s}.wipe-brand,.wipe-meter{transition-delay:.3s}
}

/* v7.1 — a light evolution of the v6.5 system */
.perception-gap{position:relative;padding:clamp(110px,13vw,210px) clamp(20px,5.5vw,100px) clamp(105px,12vw,190px);color:#f2ddc3;background:radial-gradient(circle at 79% 22%,rgba(194,123,78,.13),transparent 27%),#0b0504;overflow:hidden}
.perception-gap::before{content:"";position:absolute;top:0;left:5.5vw;right:5.5vw;height:1px;background:var(--line)}
.gap-heading{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(560px,1.45fr);gap:8vw;align-items:start}
.gap-heading h2{grid-column:2;margin:0;padding:.05em .03em .13em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(55px,7.8vw,128px);font-weight:350;line-height:.95;letter-spacing:-.058em;text-wrap:balance}
.gap-heading em{color:#c27b4e;font-style:normal;font-weight:300}
.gap-copy{margin-top:clamp(78px,10vw,155px);display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);gap:clamp(55px,8vw,135px);align-items:end}
.gap-statement{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(37px,5.25vw,86px);font-weight:330;line-height:1.02;letter-spacing:-.052em}
.gap-statement span{display:block;will-change:transform,opacity}
.gap-statement em{color:#d48a58;font-style:normal;font-weight:300}
.gap-answer{padding-top:20px;border-top:1px solid var(--line)}
.gap-answer>span{color:#c27b4e;font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.gap-answer p{margin:22px 0 0;color:#b9a18d;font-size:clamp(15px,1.2vw,19px);line-height:1.7}
.gap-scale{margin-top:clamp(80px,11vw,170px);display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#8e7a68;font-size:8px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.gap-scale i{position:relative;height:1px;background:rgba(242,221,195,.16);overflow:visible}
.gap-scale i::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#6e3523,#d48a58);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .2s cubic-bezier(.16,1,.3,1)}
.gap-scale b{position:absolute;top:50%;left:0;width:10px;height:10px;border:1px solid #e4a06f;border-radius:50%;background:#0b0504;transform:translate(-50%,-50%);transition:left 1.7s .2s cubic-bezier(.16,1,.3,1),box-shadow 1s ease}
.gap-scale.is-visible i::before{transform:scaleX(1)}
.gap-scale.is-visible b{left:100%;box-shadow:0 0 28px rgba(228,160,111,.66)}

.perspective-reel{position:relative;padding:0;background:#080403}
.perspective-frame{position:relative;height:clamp(580px,83svh,940px);overflow:hidden;isolation:isolate;background:#0d0805}
.perspective-scene{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity 1.25s ease,visibility 0s 1.25s,transform 7s cubic-bezier(.2,.65,.2,1);will-change:opacity,transform}
.perspective-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,2,1,.08),rgba(4,2,1,.04) 55%,rgba(4,2,1,.66)),linear-gradient(90deg,rgba(5,2,1,.25),transparent 36% 67%,rgba(5,2,1,.16));pointer-events:none}
.perspective-scene.is-active{z-index:2;opacity:1;visibility:visible;transform:scale(1);transition:opacity 1.25s ease,visibility 0s,transform 7s cubic-bezier(.2,.65,.2,1)}
.perspective-scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.02)}
.perspective-scene figcaption{position:absolute;z-index:3;left:clamp(20px,5.5vw,100px);right:clamp(20px,5.5vw,100px);bottom:clamp(30px,5vw,70px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;color:#fff}
.perspective-scene figcaption span{font-size:9px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}
.perspective-scene figcaption p{max-width:540px;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(25px,3.1vw,52px);font-weight:350;line-height:1.02;letter-spacing:-.04em;text-align:right}
.perspective-chrome{position:absolute;z-index:5;top:clamp(24px,4vw,55px);left:clamp(20px,5.5vw,100px);right:clamp(20px,5.5vw,100px);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;color:rgba(255,255,255,.77);font-size:8px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;pointer-events:none}
.perspective-chrome i{height:1px;background:rgba(255,255,255,.34)}
.perspective-chrome b{font-weight:650}

.selected-work--v71{background:#100806}
.selected-work-list--focused{gap:0}
.selected-project--maendeleo{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.selected-project-art--identity{min-height:0;aspect-ratio:16/9;background:linear-gradient(145deg,#080403,#28130c)}
.selected-project-art--identity::before{width:38%;aspect-ratio:1;left:31%;top:16.2%;border:1px solid rgba(235,202,132,.65);border-radius:50%;box-shadow:0 0 0 clamp(13px,2.4vw,29px) rgba(235,202,132,.05),0 0 0 clamp(26px,4.8vw,58px) rgba(235,202,132,.035)}
.selected-project-art--identity::after{left:13%;right:13%;bottom:20%;height:1px;background:#d5ac59;box-shadow:0 -24px rgba(213,172,89,.35),0 24px rgba(213,172,89,.2)}
.selected-project--maendeleo:hover .selected-project-art--identity::before{transform:scale(1.01)}
.selected-project-copy>small{display:block;max-width:500px;margin-top:32px;padding-top:16px;color:#786556;border-top:1px solid var(--line);font-size:9px;line-height:1.6;letter-spacing:.06em}
.next-project{margin-top:clamp(80px,10vw,150px);padding:28px 0;display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.next-project span{color:#c27b4e;font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.next-project p{margin:0;color:#f0d8bb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(25px,3.1vw,50px);font-weight:350;letter-spacing:-.04em}
.next-project a{padding-bottom:7px;color:#e1ae81;border-bottom:1px solid currentColor;font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}

@media(max-width:900px){
  .perception-gap{padding:95px 18px}.perception-gap::before{left:18px;right:18px}
  .gap-heading{grid-template-columns:1fr;gap:38px}.gap-heading h2{grid-column:1;font-size:clamp(52px,14vw,76px)}
  .gap-copy{margin-top:68px;grid-template-columns:1fr;gap:58px}.gap-statement{font-size:clamp(34px,10vw,52px)}
  .gap-scale{margin-top:75px;gap:14px}
  .perspective-frame{height:68svh;min-height:520px}.perspective-scene img{object-position:center}
  .perspective-scene figcaption{display:block}.perspective-scene figcaption p{margin-top:13px;font-size:32px;text-align:left}
  .perspective-chrome{gap:12px}.perspective-chrome span{max-width:130px;line-height:1.5}
  .selected-project--maendeleo{grid-template-columns:1fr;gap:35px}
  .next-project{grid-template-columns:1fr;gap:12px}.next-project span{margin-bottom:8px}.next-project a{justify-self:start;margin-top:12px}
}

@media(prefers-reduced-motion:reduce){
  .perspective-scene,.perspective-scene.is-active{transform:none;transition:opacity .45s ease,visibility 0s}
  .gap-scale i::before,.gap-scale b{transition-duration:.45s}
}

/* v7 client-facing refinement */
.header-contact{padding:10px 14px;color:#f4dbc0;background:rgba(12,6,4,.58);border:1px solid rgba(237,193,151,.17);border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(14px);font-size:9px;font-weight:650;line-height:1;letter-spacing:.14em;text-transform:uppercase;transition:color .35s ease,background .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.header-contact:hover{color:#190b07;background:#d58e5b;transform:translateY(-2px)}
.hero-about-button{color:#000;text-shadow:none}
.custom-cursor span{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.custom-cursor.is-expanded{transform:scale(1.72);color:#1a0c08;background:#d58e5b;border-color:#f2c8a4;box-shadow:0 0 32px rgba(213,142,91,.2)}
.custom-cursor.is-expanded span{transform:rotate(45deg) scale(.72)}

.client-offer{margin-top:clamp(85px,11vw,175px);display:grid;grid-template-columns:minmax(210px,.48fr) minmax(0,1.52fr);gap:clamp(35px,7vw,115px);align-items:stretch}
.client-offer-nav{padding-top:12px;display:flex;flex-direction:column;align-items:stretch}
.client-offer-nav button{position:relative;padding:17px 0 17px 30px;color:#746255;background:none;border:0;text-align:left;font-size:clamp(14px,1.15vw,18px);font-weight:450;cursor:none;transition:color .45s ease,padding-left .55s cubic-bezier(.16,1,.3,1)}
.client-offer-nav button i{position:absolute;left:0;top:50%;width:12px;height:1px;background:#5f4d41;transition:width .55s cubic-bezier(.16,1,.3,1),background .35s ease}
.client-offer-nav button:hover,.client-offer-nav button:focus-visible,.client-offer-nav button.is-active{padding-left:48px;color:#f2ddc3;outline:0}
.client-offer-nav button:hover i,.client-offer-nav button:focus-visible i,.client-offer-nav button.is-active i{width:32px;background:#d58e5b}
.client-offer-stage{position:relative;min-height:clamp(330px,36vw,520px);padding:clamp(35px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(241,195,155,.15);background:radial-gradient(circle at 83% 18%,rgba(213,142,91,.17),transparent 31%),linear-gradient(145deg,#160b08,#0c0604);transition:opacity .2s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.client-offer-stage::after{content:"";position:absolute;width:46%;aspect-ratio:1;right:-14%;bottom:-31%;border:1px solid rgba(222,158,109,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(222,158,109,.025),0 0 0 76px rgba(222,158,109,.018)}
.client-offer-stage>span,.client-offer-stage>p,.client-offer-stage>small{position:relative;z-index:2}
.client-offer-stage>span{color:#d58e5b;font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
.client-offer-stage>p{max-width:960px;margin:auto 0;color:#f0d8bb;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(32px,4.4vw,72px);font-weight:330;line-height:1.04;letter-spacing:-.05em}
.client-offer-stage>small{color:#8f7561;font-size:8px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.client-offer-stage.is-changing{opacity:.35;transform:translateY(12px)}
.gap-scale i::before{transition-duration:3.4s;transition-delay:.35s}
.gap-scale b{transition-duration:3.6s;transition-delay:.35s}

.portfolio-card{position:relative;isolation:isolate;overflow:hidden;--service-accent:#c4774b;--card-x:50%;--card-y:50%;transition:background .7s ease,color .55s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.portfolio-card::before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(circle at var(--card-x) var(--card-y),color-mix(in srgb,var(--service-accent) 36%,transparent),transparent 34%),linear-gradient(145deg,#4b2416,#21100b);transition:opacity .7s ease}
.portfolio-card::after{content:"";position:absolute;z-index:-1;width:48%;aspect-ratio:1;right:-17%;top:-21%;border:1px solid rgba(243,205,172,.19);border-radius:50%;transform:scale(.72);opacity:0;transition:opacity .55s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.portfolio-card>span,.portfolio-card>div{position:relative;z-index:2}
.portfolio-card h2,.portfolio-card>span,.portfolio-card a{transition:color .45s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.portfolio-card:hover{color:#f7dfbd;background:#2c150e;transform:translateY(-5px)}
.portfolio-card:hover::before,.portfolio-card:hover::after{opacity:1}.portfolio-card:hover::after{transform:scale(1)}
.portfolio-card:hover h2{transform:translateX(12px)}.portfolio-card:hover>span{color:#efb483;transform:translateX(8px)}.portfolio-card:hover a{color:#f4c69f;transform:translateX(8px)}
.portfolio-card--advertising{--service-accent:#e19a62}.portfolio-card--video{--service-accent:#9e5939}.portfolio-card--digital{--service-accent:#d6a274}

.contact-page .contact-hero h1{max-width:1500px;font-size:clamp(54px,8vw,128px)}
.contact-panel h2{font-size:clamp(54px,8vw,132px)}
.contact-mail b{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.email-copy-toast{position:fixed;z-index:260;top:clamp(12px,2vw,22px);left:50%;min-width:min(286px,calc(100vw - 28px));padding:13px 20px 13px 14px;display:flex;align-items:center;gap:11px;overflow:hidden;color:#f2ddc3;background:rgba(20,9,6,.9);border:1px solid rgba(238,185,139,.28);border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,231,207,.06);backdrop-filter:blur(18px) saturate(1.12);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:0;filter:blur(7px);transform:translate3d(-50%,calc(-100% - 32px),0) scale(.96);transform-origin:50% 0;pointer-events:none;will-change:transform,opacity,filter}
.email-copy-toast::before{content:"✓";width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:#1a0c08;background:#d9905c;border:1px solid #efbd93;border-radius:50%;font-size:12px;line-height:1;letter-spacing:0;box-shadow:0 0 20px rgba(217,144,92,.2)}
.email-copy-toast::after{content:"";position:absolute;left:54px;right:16px;bottom:7px;height:1px;background:linear-gradient(90deg,#d9905c,#efc099);transform:scaleX(0);transform-origin:left}
.email-copy-toast.is-visible{animation:emailToastIn .76s cubic-bezier(.16,1,.3,1) both}
.email-copy-toast.is-visible::after{animation:emailToastProgress 2.4s .12s linear both}
.email-copy-toast.is-leaving{animation:emailToastOut .48s cubic-bezier(.55,0,.8,.2) both}

@keyframes emailToastIn{0%{opacity:0;filter:blur(7px);transform:translate3d(-50%,calc(-100% - 32px),0) scale(.96)}68%{opacity:1;filter:blur(0);transform:translate3d(-50%,4px,0) scale(1.012)}100%{opacity:1;filter:blur(0);transform:translate3d(-50%,0,0) scale(1)}}
@keyframes emailToastOut{0%{opacity:1;filter:blur(0);transform:translate3d(-50%,0,0) scale(1)}100%{opacity:0;filter:blur(4px);transform:translate3d(-50%,-24px,0) scale(.985)}}
@keyframes emailToastProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}

@media(max-width:900px){
  .header-contact{padding:8px 10px;font-size:7px}.client-offer{grid-template-columns:1fr;gap:35px}.client-offer-nav{display:grid;grid-template-columns:1fr 1fr}.client-offer-nav button{cursor:pointer}.client-offer-stage{min-height:370px;padding:32px 25px}.client-offer-stage>p{font-size:clamp(34px,10vw,51px)}
  .selected-project-art--identity{min-height:0;max-height:none;aspect-ratio:16/9}
  .contact-page .contact-hero h1{font-size:clamp(48px,13.5vw,76px)}.contact-panel h2{font-size:clamp(49px,13vw,74px)}.email-copy-toast{top:10px;border-radius:14px}
}

@media(prefers-reduced-motion:reduce){.client-offer-stage,.portfolio-card{transition-duration:.001ms!important}.email-copy-toast,.email-copy-toast::after{animation:none!important;filter:none}.email-copy-toast.is-visible{opacity:1;transform:translate3d(-50%,0,0)}.email-copy-toast.is-leaving{opacity:0;transform:translate3d(-50%,-8px,0)}}