: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}
::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}
}