@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#171717;--text:#f1f0ec;--muted:#92928e;--line:#333330}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #d7edaa;outline-offset:6px}header{max-width:1440px;padding:32px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:700;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:6px}.wordmark span{font-size:30px;color:#d5ecac}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{color:#bbbcb6}nav a span{font-size:10px;color:#777;vertical-align:super}.nav-contact{background:#292a26;border:1px solid #3c3d37;color:#eee;border-radius:24px;padding:11px 18px}.nav-contact span{margin-left:12px}.hero{min-height:740px;position:relative;text-align:center;padding:85px 24px 100px;display:flex;align-items:center;flex-direction:column}.intro-label{font-size:12px;color:#b6b6ad;letter-spacing:.02em;display:flex;gap:9px;align-items:center}.status-dot{height:6px;width:6px;background:#d3e6ad;border-radius:50%;box-shadow:0 0 12px #d3e6ad40}h1{font-size:clamp(48px,6.25vw,88px);font-weight:500;letter-spacing:-4.8px;line-height:1.13;margin:34px 0 24px}.inline-pill{display:inline-flex;gap:12px;align-items:center;vertical-align:baseline;border:1px solid #4a4b43;border-radius:80px;background:#2c2e27;color:#d8edb2;font-size:.83em;letter-spacing:-3px;padding:0 19px 5px 8px;transition:background .2s,transform .2s}.inline-pill:hover{background:#3a3e30;transform:rotate(-2deg)}.tiny-art{background:#d7edb1;color:#435333;display:inline-grid;place-items:center;border-radius:50%;width:64px;height:64px;font-size:62px;line-height:1;transform:rotate(-12deg)}.human{position:relative}.spark{position:absolute;font-size:52px;color:#d3b9f2;right:-60px;top:8px;transform:rotate(12deg)}.hero p{font-size:16px;line-height:1.6;color:#9d9e96;margin:0}.scroll-link{margin-top:48px;font-size:12px;color:#d0d0c8;display:flex;align-items:center;gap:20px}.scroll-link span{background:#2c2d28;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.hero-note{position:absolute;right:5%;bottom:34px;font-size:9px;letter-spacing:2px;color:#62635c}.work{padding:55px 5% 100px;max-width:1440px;margin:auto;border-top:1px solid var(--line)}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a1a297}h2{font-size:35px;font-weight:450;letter-spacing:-1.3px;margin:13px 0 0}.muted{color:#65665e;font-size:22px}.filters{display:flex;gap:5px;background:#22231f;padding:5px;border-radius:30px}.filters button{background:none;color:#92958a;border:0;padding:9px 16px;border-radius:20px;font-size:12px}.filters button.active{background:#414439;color:#f0f1e9}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 26px}.project{min-width:0}.project button{width:100%;padding:0;text-align:left;background:none;border:0;color:inherit}.project-visual{aspect-ratio:1.3;overflow:hidden;border-radius:15px;background:#e0e3d6}.project-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.project button:hover img{transform:scale(1.035)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:19px}.project h3{font-size:18px;font-weight:500;margin:0 0 7px;letter-spacing:-.3px}.project p{color:#909187;font-size:12px;margin:0}.project-arrow{border:1px solid #42443c;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#bfc3b3}.project[hidden]{display:none}.about{max-width:1296px;margin:0 auto;padding:90px 5% 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:70px}.about h2{font-size:44px;line-height:1.14;margin:22px 0}.about p{color:#a2a399;line-height:1.8;font-size:14px;max-width:470px}.about-sticker{justify-self:center;background:#c8b5de;color:#393045;width:230px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg);border-radius:90px 90px 35px 35px;font-size:35px;letter-spacing:-2px;box-shadow:inset 0 0 0 8px #c8b5de,inset 0 0 0 9px #8d7b9f}.about-sticker span{font-size:118px;line-height:1.2}.skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.skills span{font-size:10px;border:1px solid #41433a;border-radius:20px;padding:8px 12px;color:#bec1b3}.about .placeholder-note{font-size:11px;color:#717568;margin-top:22px}.contact{text-align:center;padding:95px 20px 110px;border-top:1px solid var(--line)}.contact h2{font-size:58px;margin:20px 0 28px;letter-spacing:-2.7px}.contact h2 span{font-family:Georgia,serif;font-style:italic;color:#d2e7b0}.contact>button,.simple-button{background:#d6e9b4;color:#252d1c;padding:15px 22px;border:0;border-radius:30px;font-size:13px}.contact>button span{margin-left:30px}footer{max-width:1296px;margin:auto;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:10px;color:#919487}footer .wordmark{font-size:27px}footer .wordmark span{font-size:23px}dialog{border:1px solid #44473b;background:#22241e;color:var(--text);border-radius:22px;padding:45px;max-width:750px;width:calc(100% - 36px);max-height:85vh}dialog::backdrop{background:#080a08c9;backdrop-filter:blur(10px)}dialog h2{font-size:38px;margin:20px 0}dialog p{font-size:15px;line-height:1.7;color:#b0b4a6}dialog img{width:100%;border-radius:10px;margin-top:20px}.close{position:absolute;right:15px;top:12px;background:none;color:#c4c7bc;font-size:27px;border:0;padding:3px 10px}body:has(dialog[open]){overflow:hidden}#contact-dialog{max-width:540px}.simple-button{margin-top:15px}@media(min-width:1600px){.hero{min-height:800px;padding-top:110px}}@media(max-width:700px){header{padding:22px 6%}nav{gap:18px;font-size:12px}.nav-contact{padding:9px 12px}.wordmark{font-size:30px}.hero{min-height:660px;padding-top:75px}h1{font-size:49px;letter-spacing:-2.7px;line-height:1.2}.inline-pill{letter-spacing:-1.8px;gap:6px;padding-right:12px}.tiny-art{width:38px;height:38px;font-size:39px}.spark{font-size:33px;right:-35px}.hero p{font-size:14px}.hero-note{font-size:8px;bottom:26px}.section-top{align-items:start;gap:22px;flex-direction:column}h2{font-size:29px}.work{padding-top:35px;padding-bottom:60px}.project-grid{grid-template-columns:1fr;gap:33px}.project-visual{aspect-ratio:1.2}.about{grid-template-columns:1fr;gap:60px;padding-top:65px;padding-bottom:60px}.about-sticker{width:175px;height:195px;font-size:28px}.about-sticker span{font-size:84px}.about h2{font-size:36px}.contact{padding:65px 20px}.contact h2{font-size:40px;letter-spacing:-1.8px}footer{margin:0 6%;flex-wrap:wrap;gap:25px}footer>span{font-size:9px}dialog{padding:37px 24px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Spatial selected-work gallery */
.work-universe{max-width:none;padding:0;background:#050505;border-color:#252525;overflow:hidden;position:relative}
.universe-heading{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:3}
.universe-heading .eyebrow{font-size:9px;color:#92928e;letter-spacing:1.7px}
#motion-toggle{background:transparent;border:1px solid #30302f;color:#aaa;border-radius:24px;padding:9px 14px;font-size:10px}
#motion-toggle:hover{border-color:#777;color:#fff}
.universe-stage{position:relative;height:900px;max-width:1560px;margin:auto;isolation:isolate}
.project-orbit{position:absolute;inset:0;perspective:1000px;pointer-events:none}
.orbit-card{pointer-events:auto;position:absolute;left:50%;top:48%;width:clamp(145px,18vw,230px);padding:0;border:1px solid #ffffff20;border-radius:17px;background:#141414;overflow:hidden;will-change:transform;box-shadow:0 15px 55px #0006;cursor:pointer;color:#eee;text-align:left;transition:border-color .2s,filter .2s}
.orbit-card img{width:100%;height:auto;aspect-ratio:1.3;display:block;object-fit:cover;filter:saturate(.45) brightness(.65);transition:filter .25s}
.orbit-caption{display:flex;justify-content:space-between;padding:10px 12px;font-size:10px;color:#b5b5b0;letter-spacing:.02em}
.orbit-card:hover,.orbit-card:focus-visible{opacity:1!important;border-color:#d6e9b4;z-index:3}
.orbit-card:hover img,.orbit-card:focus-visible img{filter:saturate(1) brightness(1)}
.universe-copy{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:470px;max-width:65%;text-align:center;pointer-events:none;z-index:2}
.universe-signature{font-family:Georgia,serif;font-style:italic;display:block;font-size:22px;color:#d6e9b4;margin-bottom:25px;letter-spacing:-1px}
.universe-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.12;letter-spacing:-1.8px;margin:0;color:#efeee9}
.universe-copy p{font-size:12px;line-height:1.75;color:#a1a19b;margin:23px 0 0}
.universe-footnote{display:block;font-size:8px;letter-spacing:1.8px;color:#676762;margin-top:24px}
.cases-toggle{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);border:1px solid #383834;border-radius:40px;padding:16px 23px;color:#e1e1da;background:#080808;font-size:12px;white-space:nowrap;z-index:4}
.cases-toggle span{margin-left:20px}.cases-toggle:hover{background:#20211c;border-color:#73796a}
.case-index{max-width:1440px;margin:auto;padding:65px 5% 90px;border-top:1px solid #292929;scroll-margin-top:25px}
.case-index[hidden]{display:none}
@media(min-width:1500px){.universe-stage{height:960px}}
@media(max-width:700px){.universe-stage{height:820px}.universe-heading{top:24px}.universe-heading .eyebrow{font-size:8px;letter-spacing:1px}.universe-copy{max-width:75%;width:370px}.universe-copy h2{font-size:30px;letter-spacing:-1px}.universe-copy p{font-size:11px}.universe-signature{font-size:20px;margin-bottom:20px}.universe-footnote{font-size:7px;letter-spacing:1px}.orbit-card{width:145px;border-radius:12px}.orbit-caption{font-size:9px;padding:8px 10px}.cases-toggle{bottom:30px}.case-index{padding-top:40px}}
@media(max-width:400px){.universe-copy h2{font-size:25px}.universe-copy p{font-size:10px}.orbit-card{width:125px}}
/* Skills palette sampled from the supplied reference and converted to sRGB. */
.skills-playground{color-scheme:dark;background:#000;color:#f5f4f7;padding:94px max(6%,calc((100vw - 1250px)/2)) 86px;scroll-margin-top:0}
.skills-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}
.skills-intro .eyebrow{color:#9a95a3;font-size:9px;letter-spacing:1.7px}
.skills-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,70px);font-weight:400;letter-spacing:-2.8px;line-height:1.03;margin-top:21px}
.skills-intro p{font-size:13px;line-height:1.8;color:#aaa5b0;margin:0 0 4px}
.skills-table{background:#000;border:1px solid #242424;border-radius:22px;overflow:hidden;box-shadow:none}
.skills-table-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;color:#b3aebc;font-size:9px;letter-spacing:1.4px}
.skills-count{color:#77717f;margin-left:9px}
.skills-controls{display:flex;gap:8px}
.skills-controls button{font-size:11px;letter-spacing:0;color:#c7cbbf;background:#292a26;border:1px solid #3c3d37;border-radius:20px;padding:9px 13px;min-height:36px}
#skills-reset{background:#2c2e27;border-color:#4a4b43;color:#d8edb2}
.skills-controls button:hover{background:#3a3e30;border-color:#6d785f}
.skills-playground button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.skills-hint{font-size:12px;color:#9b94a4;text-align:center;margin:18px 20px 0}
.skills-arena{position:relative;height:350px;display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:12px;padding:35px 30px 22px;overflow:hidden;isolation:isolate}
.skill-tag{flex:none;white-space:nowrap;font-size:clamp(14px,1.4vw,18px);font-weight:500;line-height:1.2;padding:14px 20px;border:1px solid transparent;border-radius:999px;box-shadow:none;color:#080808;user-select:none;-webkit-user-select:none;cursor:grab;touch-action:none;transition:border-color .15s}
.skill-blue,.skill-pearl{background:#2c2e27;color:#d8edb2;border-color:#4a4b43}
.skill-purple{background:#c8b5de;color:#30263b;border-color:#c8b5de}
.skill-pink{background:#292a26;color:#e0e1da;border-color:#41433a}
.skill-mint{background:#d5ecac;color:#2c3923;border-color:#d5ecac}
.skill-tag:hover{border-color:#a6b88a}
.skill-tag.is-dragging{cursor:grabbing;z-index:5;border-color:#d8edb2}
.skills-arena.physics-active{display:block;padding:0}
.physics-active .skill-tag{position:absolute;left:0;top:0;margin:0;will-change:transform}
.skills-table-bottom{display:flex;justify-content:space-between;gap:16px;padding:20px 26px;border-top:1px solid #242424;font-size:8px;letter-spacing:1.5px;color:#98919f;background:#000}
@media(max-width:700px){.skills-playground{padding:65px 6% 50px}.skills-intro{display:block;margin-bottom:30px}.skills-intro h2{font-size:48px;letter-spacing:-2px}.skills-intro p{margin-top:20px;font-size:12px}.skills-intro .eyebrow{font-size:8px;letter-spacing:1.1px}.skills-table{border-radius:17px}.skills-table-top{padding:18px 15px;align-items:flex-start;gap:8px;font-size:8px;letter-spacing:.7px}.skills-count{display:block;margin:5px 0 0}.skills-controls{gap:5px}.skills-controls button{font-size:10px;padding:9px 10px}.skills-hint{font-size:11px;margin-top:14px}.skills-arena{height:390px;padding:25px 10px 15px;gap:8px}.skill-tag{font-size:14px;padding:12px 15px;border-radius:999px}.skills-table-bottom{padding:18px 15px;font-size:7px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.skills-arena{height:auto;min-height:250px}}


/* A blank resume sheet with real-time folded geometry. */
.resume-preview{margin:0;justify-self:center;width:min(390px,100%);text-align:center;--paper-shadow-scale:1}
.resume-surface{position:relative;width:100%;aspect-ratio:390/430;isolation:isolate}
.resume-surface::after{content:"";position:absolute;width:60%;height:20px;left:20%;bottom:30px;background:#0007;border-radius:50%;filter:blur(14px);transform:scaleX(var(--paper-shadow-scale));z-index:-1}
.resume-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-25px}
.paper-grabbed .resume-canvas{cursor:grabbing}
.resume-preview figcaption{display:flex;flex-direction:column;gap:9px;margin-top:2px;font-size:9px;letter-spacing:1.5px;color:#d3d4ca}
#resume-hint{font-size:10px;letter-spacing:0;color:#999c90}
.resume-controls{display:flex;gap:8px;justify-content:center;margin-top:18px}
.resume-controls button{background:#292b25;border:1px solid #45493a;color:#d1d7c5;border-radius:20px;padding:9px 12px;font-size:10px}
.resume-controls button:hover:not(:disabled){background:#3b4132;border-color:#899778}
.resume-controls button:disabled{opacity:.35;cursor:default}
.resume-paper-fallback{display:none;width:60%;aspect-ratio:1/1.414;position:absolute;left:20%;top:10%;background:#faf9f5;transform:rotate(-6deg);box-shadow:0 15px 30px #0005}
.paper-fallback .resume-paper-fallback{display:block}.paper-fallback canvas{visibility:hidden}
@media(max-width:700px){.resume-preview{width:min(340px,100%)}.about{gap:45px}}
/* Smooth the initially crumpled resume; expand it into a readable document. */
.resume-canvas{cursor:pointer}
.resume-paper-fallback{object-fit:contain;background:#fff;aspect-ratio:612/792}
.resume-document-dialog{width:min(1000px,calc(100% - 32px));max-width:1000px;max-height:92vh;padding:0;border:1px solid #4b4b46;border-radius:14px;background:#fff;color:#222;overflow:auto;overscroll-behavior:contain}
.resume-document-dialog::backdrop{background:#050505de;backdrop-filter:blur(16px)}
.resume-reader-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#20211ff5;color:#deded7;backdrop-filter:blur(12px);font-size:10px;letter-spacing:1.3px}
.resume-reader-toolbar>div{display:flex;align-items:center;gap:22px}.reader-placeholder{color:#999b91;margin-left:8px}
.resume-reader-toolbar a{font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.resume-reader-toolbar .close{position:static;font-size:25px;padding:0 5px;line-height:1;color:#ddd}
.resume-document-dialog .resume-document{display:block;width:100%;height:auto;border-radius:0;margin:0;background:#fff;will-change:transform}
@media(max-width:700px){.resume-document-dialog{width:calc(100% - 20px);max-height:94vh;border-radius:10px}.resume-reader-toolbar{padding:12px;font-size:8px;letter-spacing:.8px}.reader-placeholder{margin-left:4px}.resume-reader-toolbar>div{gap:15px}}
.resume-zoom{background:transparent;border:0;padding:0;color:inherit;font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.resume-reader-toolbar{left:0;width:100%}.resume-document-dialog.reader-zoomed .resume-document{width:1300px;max-width:none}
@media(max-width:700px){.resume-reader-toolbar>div{gap:12px}.resume-reader-toolbar a,.resume-zoom{font-size:10px}.resume-document-dialog.reader-zoomed .resume-document{width:900px}}

/* Give the interactive paper a larger share of About. */
.about{grid-template-columns:1.15fr 1fr;gap:55px}
.resume-preview{width:min(520px,100%)}
.resume-surface{aspect-ratio:460/480}
.resume-surface::after{width:68%;left:16%;bottom:22px}
@media(max-width:700px){.about{grid-template-columns:1fr;gap:45px}.resume-preview{width:min(360px,100%)}}


/* Flat pills use the same sage, charcoal and lavender accents as the hero. */
.skill-tag{text-shadow:none;filter:none;box-shadow:none;background-image:none}
.skills-intro h2{font-family:inherit;font-weight:500;letter-spacing:-2.5px}

/* Room for the expanded, twenty-skill collection. */
.skills-arena{height:390px}
@media(max-width:700px){.skills-arena{height:520px}}
@media(prefers-reduced-motion:reduce){.skills-arena{height:auto}}
/* Transparent, neutral glass covers; only AWS carries a flowing color field. */
.universe-stage{height:1100px}
.universe-copy{width:430px}
.orbit-card{width:clamp(270px,24vw,330px);border-radius:25px;background:linear-gradient(145deg,#ffffff09,#ffffff02 45%,#00000012);border:1px solid #ffffff32;box-shadow:0 25px 65px #0007,inset 0 1px 0 #ffffff42,inset 1px 0 0 #ffffff16,inset 0 -1px 0 #ffffff13;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.orbit-card:hover,.orbit-card:focus-visible{border-color:#ffffff80;box-shadow:0 25px 70px #0008,inset 0 1px 0 #ffffff70}
.orbit-caption{padding:13px 18px;font-size:12px;color:#c1c1c1;border-top:1px solid #ffffff0c;background:linear-gradient(180deg,#ffffff03,transparent)}
.brand-cover{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1.3;overflow:hidden;background:radial-gradient(ellipse at 12% -22%,#ffffff15,transparent 55%),linear-gradient(145deg,#ffffff06,transparent 45%,#ffffff03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #ffffff08}
.brand-cover::before{content:"";position:absolute;width:140%;height:90%;left:-65%;top:-65%;border-radius:50%;background:radial-gradient(ellipse at center,#ffffff60 0%,#ffffff12 24%,transparent 62%);filter:blur(12px);transform:rotate(-25deg);pointer-events:none;opacity:.45;z-index:2}
.brand-cover::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff12,transparent 22%,transparent 78%,#ffffff0b);box-shadow:inset 1px 0 0 #ffffff13,inset -1px 0 0 #ffffff0b;z-index:2}
.brand-wordmark{position:relative;z-index:3;display:block;padding:0 8%;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(40px,5.1vw,76px);line-height:1.08;font-weight:550;letter-spacing:-.055em;color:#f1f1f2;text-shadow:0 1px 1px #0009,0 -1px 0 #ffffff60,0 0 22px #ffffff0a;transform:translateY(-1%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.brand-aws .brand-wordmark{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(66px,8vw,116px);letter-spacing:-.075em;color:#fff;text-shadow:0 1px 4px #0008}
.brand-aurawish .brand-wordmark,.brand-walnut .brand-wordmark,.brand-mckinsey .brand-wordmark{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
.brand-datahub .brand-wordmark{font-weight:600;letter-spacing:-.06em}
.brand-mckinsey .brand-wordmark{font-size:clamp(38px,4.8vw,70px)}
.orbit-card .brand-wordmark{font-size:42px}.orbit-card .brand-aws .brand-wordmark{font-size:78px}.orbit-card .brand-aurawish .brand-wordmark{font-size:43px}.orbit-card .brand-mckinsey .brand-wordmark{font-size:39px}
.project button:hover .brand-wordmark,.orbit-card:hover .brand-wordmark{transform:translateY(-1%) scale(1.035)}
.project-visual{background:transparent;border:1px solid #ffffff30;border-radius:25px;box-shadow:0 22px 55px #0003,inset 0 1px 0 #ffffff2b;overflow:hidden}
.project-visual .brand-cover{height:100%;aspect-ratio:auto}
.aws-fluid{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.fluid-fallback .brand-aws{background:radial-gradient(ellipse at 70% 105%,#e5298c77,transparent 58%),radial-gradient(ellipse at 15% 100%,#637eff70,transparent 63%)}
.covers-paused .aws-fluid{animation-play-state:paused}
@media(min-width:1500px){.universe-stage{height:1180px}}
@media(max-width:700px){.universe-stage{height:1040px}.orbit-card{width:200px;border-radius:21px}.orbit-card .brand-wordmark{font-size:29px}.orbit-card .brand-aws .brand-wordmark{font-size:56px}.orbit-card .brand-aurawish .brand-wordmark{font-size:30px}.orbit-card .brand-mckinsey .brand-wordmark{font-size:27px}.orbit-caption{font-size:10px;padding:11px 13px}.universe-copy{max-width:70%;width:330px}.universe-copy h2{font-size:28px}.universe-copy p{font-size:11px}.project-visual .brand-wordmark{font-size:clamp(40px,11vw,72px)}.project-visual .brand-aws .brand-wordmark{font-size:88px}}
@media(max-width:400px){.orbit-card{width:180px}.orbit-card .brand-wordmark{font-size:27px}.orbit-card .brand-mckinsey .brand-wordmark{font-size:24px}.universe-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.brand-wordmark{transition:none}}

/* A continuous page surface, with spacing rather than section rules. */
body,.work-universe,.skills-playground,.skills-table,.skills-table-bottom{background:var(--bg)}
.work,.about,.case-index,footer,.skills-table,.skills-table-bottom{border:0}
.skills-table{box-shadow:none}

.brand-artwork .brand-wordmark{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-2px}

/* Six wordmark covers rendered as fine character mosaics. */
.brand-cover .project-mosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.brand-cover.mosaic-ready .brand-wordmark{opacity:0}
.brand-cover.mosaic-ready::before{opacity:.12}
.brand-cover.mosaic-ready::after{background:linear-gradient(130deg,#ffffff05,transparent 30%,transparent 75%,#ffffff04)}

/* More room between chapters, with progressive scroll reveals. */
main>section:not(:first-child){margin-top:clamp(110px,12vw,190px)}
.hero{padding-bottom:160px;min-height:820px}
.about{padding-top:140px;padding-bottom:140px}
.skills-playground{padding-top:140px;padding-bottom:120px}
footer{margin-top:100px}
.reveal-line{display:block}
.scroll-reveal{opacity:var(--reveal-opacity,1);translate:0 var(--reveal-y,0px);filter:blur(var(--reveal-blur,0px))}
.orbit-card.scroll-reveal{opacity:calc(var(--reveal-opacity,1)*var(--orbit-depth,1))}
@media(max-width:700px){main>section:not(:first-child){margin-top:90px}.hero{min-height:740px;padding-bottom:130px}.about{padding-top:85px;padding-bottom:85px}.skills-playground{padding-top:85px;padding-bottom:85px}footer{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;translate:none!important;filter:none!important}}