@font-face { font-family: "HN Roman"; src: url("assets/fonts/helvetica-neue-roman.woff2") format("woff2"), url("assets/fonts/helvetica-neue-roman.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "HN Heavy Italic"; src: url("assets/fonts/helvetica-neue-heavy-italic.woff2") format("woff2"), url("assets/fonts/helvetica-neue-heavy-italic.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "HN Bold Italic"; src: url("assets/fonts/helvetica-neue-bold-italic.woff2") format("woff2"), url("assets/fonts/helvetica-neue-bold-italic.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "HN Black Extended"; src: url("assets/fonts/helvetica-black-extended.woff2") format("woff2"), url("assets/fonts/helvetica-black-extended.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "HN Black Extended Oblique"; src: url("assets/fonts/helvetica-black-extended-oblique.woff2") format("woff2"), url("assets/fonts/helvetica-black-extended-oblique.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Editorial Today"; src: url("assets/fonts/editorial-today.woff2") format("woff2"), url("assets/fonts/editorial-today.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Athelas"; src: url("assets/fonts/athelas-bold.woff2") format("woff2"), url("assets/fonts/athelas-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Vanguard"; src: url("assets/fonts/vanguard-bold.woff2") format("woff2"), url("assets/fonts/vanguard-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Athelas Hero"; src: url("assets/fonts/athelas-italic.woff2") format("woff2"), url("assets/fonts/athelas-italic.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Vanguard Hero"; src: url("assets/fonts/vanguard-heavy.woff2") format("woff2"), url("assets/fonts/vanguard-heavy.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  --ink: #080808;
  --paper: #eaeae9;
  --acid: #ffcf06;
  --grey: #d8d7d1;
  --paper-grid: linear-gradient(rgba(8,8,8,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,8,8,.035) 1px,transparent 1px);
  --pad: clamp(22px, 4vw, 68px);
  --sans: "Inter", "Inter Placeholder", Arial, sans-serif;
  --display: "Inter", "Inter Placeholder", Arial, sans-serif;
  --oblique: "HN Black Extended Oblique", "Arial Black", sans-serif;
  --serif: "Editorial Today", "Iowan Old Style", "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin:0; color:var(--ink); background-color:var(--paper); background-image:var(--paper-grid); background-size:12px 12px; font-family:var(--sans); cursor:default; overflow-x:hidden; }
body.about-page { background-attachment:fixed; }
main { position:relative; z-index:1; }
body.is-loading { overflow: hidden; }
.skip-loader .loader { display:none !important; }
.skip-loader body.is-loading { overflow:auto; }
::selection { color: var(--ink); background: var(--acid); }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; filter:none !important; }
button { font: inherit; }


.loader { --load-ratio:0; --load-empty:100%; --load-wave-opacity:0; position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:0; overflow:hidden; contain:layout paint style; color:#ffcf06; background:#141414; transform:translate3d(0,0,0); opacity:1; visibility:visible; transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s; }
.loader::before,.loader::after { content:none; }
.loader.is-gone { transform:none; opacity:0; visibility:hidden; transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility 0s linear .8s; }
.loader__meta,.loader__status,.loader__track,.loader__count { display:none; }
.loader__stage { position:relative; z-index:2; width:100%; min-height:100%; display:flex; align-items:center; justify-content:center; gap:clamp(32px,5vw,96px); padding:0 clamp(28px,5vw,96px); }
.loader__identity { display:flex; flex:1 1 0; align-items:center; gap:clamp(22px,3vw,58px); margin:0; color:#ffcf06; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(.52rem,.7vw,.82rem); font-weight:600; line-height:1; white-space:nowrap; }
.loader__identity i { flex:none; font-style:normal; }
.loader__identity--name { justify-content:flex-end; }
.loader__identity--practice { justify-content:flex-start; }
.loader__wordmark { position:absolute; z-index:1; inset:0; display:block; overflow:hidden; color:#ffcf06; font-family:var(--display); font-weight:400; white-space:nowrap; transform:translate3d(0,0,0); transition:opacity .55s ease,transform .9s cubic-bezier(.16,1,.3,1); }
.loader__first-name { position:absolute; top:37%; left:50%; display:block; font-size:clamp(9rem,38vw,45rem); line-height:.68; letter-spacing:-.095em; transform:translate3d(-50%,-50%,0) scaleY(1.15); }
.loader__surname-strip { position:absolute; right:0; bottom:12svh; left:0; overflow:hidden; }
.loader__surname-track { display:flex; width:max-content; font-size:clamp(6rem,15.4vw,18rem); line-height:.72; letter-spacing:-.075em; will-change:transform; animation:loaderSurname 9s linear infinite; }
.loader__surname-track span { display:block; flex:none; padding-right:.035em; }
.loader__angel { position:relative; z-index:2; flex:none; width:clamp(160px,18vw,340px); aspect-ratio:2/3; max-height:58svh; margin:0; display:block; overflow:hidden; transform:translate3d(0,-2svh,0) scale(1); transform-origin:50% 60%; transition:opacity .45s ease,transform .9s cubic-bezier(.16,1,.3,1); }
.loader__angel::before,.loader__angel::after { content:none; }
.loader__angel img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.loader__angel-base { opacity:.52; filter:grayscale(1) saturate(0) contrast(1.08) brightness(1.16) drop-shadow(0 18px 34px rgba(255,255,255,.07)); }
.loader__angel-fill { z-index:2; opacity:1; clip-path:inset(var(--load-empty) 0 0 0); filter:saturate(1.22) brightness(1.04); transition:clip-path .2s cubic-bezier(.22,1,.36,1); }
.loader__angel-wave { display:none; }
@keyframes loaderLiquid { from { transform:translate3d(-10px,0,0) scaleX(1.05) rotate(-1deg); } to { transform:translate3d(10px,0,0) scaleX(.94) rotate(1deg); } }
@keyframes loaderSurname { to { transform:translate3d(-50%,0,0); } }
.loader__status { position:absolute; z-index:3; right:0; bottom:0; left:0; display:flex; justify-content:space-between; padding-top:10px; border-top:1px solid rgba(255,255,255,.18); color:#aaa; font-size:7px; font-weight:800; letter-spacing:.14em; }
.loader.is-gone .loader__wordmark { opacity:0; transform:translate3d(0,-10%,0); }
.loader.is-gone .loader__angel { opacity:0; transform:translate3d(0,-8%,0) scale(.92); }
.loader__track { position:relative; z-index:4; grid-column:1; align-self:end; display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; }
.loader__track > span { color:#777; font-size:7px; font-weight:800; letter-spacing:.12em; }
.loader__bar { height:2px; background:#282828; overflow:hidden; }
.loader__bar i { display:block; width:100%; height:100%; background:var(--acid); transform:scaleX(var(--load-ratio)); transform-origin:0 50%; transition:transform .14s linear; }
.loader__count { position:relative; z-index:4; align-self:end; min-width:100px; margin-left:20px; font-family:var(--display); font-size:clamp(2.5rem,4vw,5rem); line-height:.65; font-weight:400; letter-spacing:-.07em; text-align:right; font-variant-numeric:tabular-nums; }
.loader__meta,.loader__status,.loader__track,.loader__count { display:none !important; }

.site-header { position:fixed; z-index:100; top:0; left:0; right:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:68px; padding:0 var(--pad); color:var(--acid); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:12px; font-weight:900; text-transform:uppercase; }
.site-header { opacity:0; transform:none; transition:opacity .8s .2s,transform .45s cubic-bezier(.16,1,.3,1),color .3s ease; }
body.is-ready .site-header { opacity:1; transform:none; }
.site-header.is-scroll-hidden,
body.is-ready .site-header.is-scroll-hidden { opacity:0; transform:translateY(-110%); pointer-events:none; }
.site-header.is-on-light { color:var(--ink); }
.site-header.is-on-light nav { color:var(--ink); }
.brand { justify-self:start; display:block; color:#fff; letter-spacing:0; }
.brand > span { font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:1em; font-weight:700; line-height:1; }
.brand sup { font-size:.42em; vertical-align:top; letter-spacing:0; }
.site-header.is-on-light .brand { color:var(--ink); }
.site-header nav { display:flex; gap:30px; color:#fff; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:1em; font-weight:700; transition:color .3s ease; }
.site-header nav .nav-ai-maniac { word-spacing:.2em; }
.site-header nav span[aria-current="page"] { position:relative; }
.site-header nav span[aria-current="page"]::after { content:""; position:absolute; left:0; right:0; bottom:-4px; height:1px; background:currentColor; }
.site-header nav a { position: relative; }
.site-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -4px; height: 1px; background: currentColor; transition: right .3s; }
.site-header nav a:hover::after { right: 0; }
.language-switcher { grid-column:3; justify-self:end; display:flex; align-items:center; gap:7px; color:#fff; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:10px; font-weight:800; letter-spacing:.04em; }
.language-switcher button { padding:4px 0; border:0; color:inherit; background:transparent; font:inherit; cursor:pointer; opacity:.42; transition:opacity .25s ease,transform .25s ease; }
.language-switcher button:hover,.language-switcher button:focus-visible { opacity:.78; outline:none; transform:translateY(-1px); }
.language-switcher button.is-active { opacity:1; }
.language-switcher span { opacity:.32; }
.sound { justify-self: end; display: flex; gap: 9px; align-items: center; padding: 0; border: 0; color: inherit; background: none; text-transform: uppercase; font-size: 9px; font-weight: 800; cursor: pointer; }
.sound__bars { display: flex; align-items: center; gap: 2px; height: 15px; }
.sound__bars i { width: 2px; height: 3px; background: currentColor; }
.sound.is-on .sound__bars i { animation: sound .65s ease-in-out infinite alternate; }
.sound.is-on .sound__bars i:nth-child(2) { animation-delay: -.2s; }.sound.is-on .sound__bars i:nth-child(3) { animation-delay: -.4s; }.sound.is-on .sound__bars i:nth-child(4) { animation-delay: -.1s; }

@keyframes sound { to { height: 14px; } }

.hero-sequence { position:relative; min-height:100svh; height:56.47vw; overflow:hidden; background:#000; display:grid; place-items:center; }
.hero { --hero-copy-opacity:1; --hero-copy-blur:0px; --hero-copy-y:0px; --hero-image-scale:1; --hero-human-x:-5vw; --hero-angel-x:5vw; --hero-subject-scale:.985; --hero-subject-opacity:.86; --hero-studio-shift:0px; --hero-studio-glow:.55; position:relative; width:100vw; height:56.47vw; min-height:0; aspect-ratio:3832 / 2164; overflow:hidden; isolation:isolate; color:var(--acid); background:#020b18; }
.hero-sequence.is-scrubbable { height:265svh; overflow:visible; }
.hero-sequence.is-scrubbable .hero { position:sticky; top:0; }
.hero-sequence--static-preview.is-scrubbable { height:100svh; overflow:hidden; }
.hero-sequence--static-preview.is-scrubbable .hero { position:relative; top:auto; }
.hero__media, .hero__shade { position:absolute; inset:0; }
.hero__media { z-index:0; transform:scale(1.07); transform-origin:50% 50%; background:#000; }
.hero__shade { z-index:1; pointer-events:none; background:radial-gradient(ellipse 62% 68% at 50% 43%,transparent 30%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 31%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.24) 100%); }
.hero--image .hero__shade { background:radial-gradient(ellipse 50% 64% at 20% 58%,rgba(0,0,0,.22) 0%,rgba(0,0,0,.1) 52%,transparent 84%),radial-gradient(ellipse 28% 34% at 88% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.12) 48%,transparent 78%),radial-gradient(ellipse 58% 92% at 0% 52%,rgba(0,0,0,.17) 0%,rgba(0,0,0,.08) 44%,transparent 72%),radial-gradient(ellipse 62% 68% at 50% 43%,transparent 30%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 31%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.24) 100%); }
.hero--studio .hero__shade { background:radial-gradient(ellipse 38% 58% at 50% 45%,transparent 18%,rgba(0,7,20,.08) 72%),linear-gradient(180deg,rgba(0,4,14,.28),transparent 28%,rgba(0,3,12,.5)); }
.hero__media img, .hero__media video { width:100%; height:100%; object-fit:cover; }
.hero--image .hero__image { object-position:50% 50%; transform:scale(var(--hero-image-scale)); transform-origin:50% 48%; will-change:transform; }
.hero__media--journey { overflow:hidden; transform:none; isolation:isolate; background:#020509; }
.hero__journey { position:absolute; z-index:0; inset:0; object-position:50% 50%; transform:none; }
.hero__video.hero__journey { display:block; width:100%; height:100%; object-fit:contain; object-position:50% 50%; opacity:0; background:#020509; transform:translateZ(0); backface-visibility:hidden; transition:opacity .65s ease; }
.hero__video.hero__journey--mirrored { transform:translateZ(0) scaleX(-1); }
.hero.is-video-ready .hero__video.hero__journey { opacity:1; }
.hero__media--studio { overflow:hidden; transform:none; background:#020b18; }
.hero__studio { position:absolute; inset:-4%; overflow:hidden; background:radial-gradient(ellipse 54% 58% at 50% 43%,rgba(27,110,184,.96) 0%,rgba(12,72,129,.88) 34%,rgba(3,30,61,.96) 68%,#010813 100%),linear-gradient(115deg,#020b1b 0%,#0b3e70 48%,#020a17 100%); transform:translate3d(0,var(--hero-studio-shift),0) scale(1.04); will-change:transform; }
.hero__studio::before { content:""; position:absolute; inset:-25%; opacity:var(--hero-studio-glow); background:radial-gradient(circle at 50% 44%,rgba(100,190,255,.46) 0%,rgba(35,123,198,.18) 20%,transparent 42%),conic-gradient(from 205deg at 50% 45%,transparent 0 34%,rgba(46,137,215,.18) 42%,transparent 52% 100%); filter:blur(36px); transform:rotate(-2deg); }
.hero__studio::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 20% 36% at 50% 46%,rgba(93,183,255,.2),transparent 72%),linear-gradient(90deg,rgba(0,5,16,.42),transparent 24% 76%,rgba(0,4,13,.48)),linear-gradient(180deg,rgba(0,5,17,.28),transparent 28% 68%,rgba(0,3,10,.54)); }
.hero__studio i,.hero__studio b,.hero__studio span { position:absolute; z-index:1; display:block; border-radius:50%; pointer-events:none; }
.hero__studio i { top:5%; left:43%; width:14vw; height:88%; opacity:.22; background:linear-gradient(180deg,transparent,rgba(104,190,255,.58) 40%,transparent); filter:blur(38px); transform:rotate(4deg); }
.hero__studio b { left:50%; bottom:-30%; width:80vw; height:52%; opacity:.42; background:radial-gradient(ellipse,rgba(24,104,177,.72),transparent 68%); filter:blur(28px); transform:translateX(-50%); }
.hero__studio span { top:42%; left:50%; width:11vw; aspect-ratio:1; opacity:calc(var(--hero-studio-glow) * .58); background:radial-gradient(circle,rgba(134,205,255,.34),rgba(38,133,212,.12) 34%,transparent 72%); filter:blur(18px); transform:translate(-50%,-50%); }
.hero__subjects { position:absolute; z-index:1; inset:0; opacity:var(--hero-subject-opacity); transform:scale(var(--hero-subject-scale)); transform-origin:50% 47%; will-change:opacity,transform; }
.hero__subject { position:absolute; inset:0; object-position:50% 50%; will-change:transform; }
.hero__subject--human { clip-path:inset(0 53% 0 0); transform:translate3d(var(--hero-human-x),0,0); }
.hero__subject--angel { clip-path:inset(0 0 0 47%); transform:translate3d(var(--hero-angel-x),0,0); }
.hero__video { display:block; opacity:0; background:#000; transition:opacity .55s ease; }
.hero.is-video-ready .hero__video { opacity:1; }
.hero__video-loader { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:11px; color:#777; background:#000; font-size:8px; font-weight:800; letter-spacing:.14em; transition:opacity .45s,visibility .45s; }
.hero__video-loader i { width:5px; height:5px; border-radius:50%; background:var(--acid); animation:filmPulse .8s ease-in-out infinite alternate; }
.hero.is-video-ready .hero__video-loader { opacity:0; visibility:hidden; }
.hero.is-video-error .hero__video-loader span::after { content:" / RELOAD"; color:var(--acid); }
@keyframes filmPulse { to { transform:scale(2); opacity:.25; } }
.hero__statement { position:absolute; z-index:3; opacity:var(--hero-copy-opacity); transform:translateY(var(--hero-copy-y)); transition:opacity .12s linear; }
.hero__statement { top:27vh; right:var(--pad); width:min(330px,24vw); text-align:right; }
.hero__practice small,.hero__statement small { display:block; margin-bottom:18px; color:rgba(255,255,255,.62); font-size:7px; font-weight:900; letter-spacing:.1em; }
.hero__practice { margin-top:24px; }
.hero__statement .hero__practice p { margin:0; color:var(--paper); font-family:"Athelas Hero",var(--serif); font-size:clamp(.65rem,1vw,1.075rem); font-weight:400; line-height:1.2; letter-spacing:.02em; }
.hero__statement p { margin:0 0 14px; color:var(--paper); font-family:"Athelas",var(--serif); font-size:clamp(1.3rem,2vw,2.15rem); font-weight:700; font-style:normal; line-height:.92; letter-spacing:-.035em; }
.hero__statement > p { line-height:.76; }
.hero__experience { display:inline-block; font-size:.5em; letter-spacing:.02em; }
.hero__statement em { display:inline-block; max-width:260px; color:rgba(255,255,255,.58); font-size:7px; font-style:normal; font-weight:800; line-height:1.45; letter-spacing:.08em; }
.hero__side { position:absolute; z-index:3; top:50%; right:18px; opacity:var(--hero-copy-opacity); writing-mode:vertical-rl; transform:translateY(-50%); font-size:7px; font-weight:800; letter-spacing:.14em; transition:opacity .12s linear; }
.hero__title { position:absolute; z-index:4; left:var(--pad); bottom:clamp(82px,10vh,118px); margin:0; opacity:var(--hero-copy-opacity); transform:translate3d(0,var(--hero-copy-y),0); font-size:clamp(3.45rem,8.2vw,9.4rem); line-height:.73; letter-spacing:-.068em; text-transform:uppercase; will-change:opacity,transform; }
.hero--image .hero__title { max-width:min(1100px,82vw); font-size:clamp(1.75rem,3.528vw,4.2rem); line-height:.76; }
.hero--image .hero__title b { color:var(--acid); text-shadow:0 2px 14px rgba(0,0,0,.16); }
.hero__line { display:flex; align-items:center; gap:.16em; white-space:nowrap; overflow:hidden; padding:.08em 0; perspective:900px; }
.hero__line > * { opacity:0; transform:translateY(115%) rotateX(-45deg) rotate(2deg); transform-origin:left bottom; transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .55s ease; transition-delay:var(--token-delay,0s); }
body.is-ready .hero__line > * { opacity:1; transform:translateY(0) rotateX(0) rotate(0); }
.hero__title b { color:var(--paper); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-weight:900; letter-spacing:-.065em; text-transform:none; }
.hero__title em { font-family: var(--serif); font-weight: 400; font-style: normal; letter-spacing: -.055em; text-shadow:0 2px 14px rgba(0,0,0,.16); }
.title-window { position:relative; align-self:flex-start; width:1.65em; height:.72em; flex:none; margin-top:.02em; overflow:hidden; clip-path:inset(0 50%); transition-property:transform,opacity,clip-path !important; transition-duration:1.3s,.55s,1.45s !important; transition-timing-function:cubic-bezier(.16,1,.3,1),ease,cubic-bezier(.16,1,.3,1) !important; }
body.is-ready .title-window { clip-path:inset(0); }
.title-window::before,.title-window::after { content:""; position:absolute; z-index:2; top:0; bottom:0; width:51%; background:var(--acid); transition:transform 1s cubic-bezier(.76,0,.24,1); transition-delay:calc(var(--token-delay,0s) + .38s); }
.title-window::before { left:0; transform-origin:left; }.title-window::after { right:0; transform-origin:right; }
body.is-ready .title-window::before,body.is-ready .title-window::after { transform:scaleX(0); }
.title-window img { width:100%; height:100%; object-fit:cover; object-position:50% 42%; transform:scale(1.72) rotate(-2deg); transition:transform 1.7s cubic-bezier(.16,1,.3,1),filter .6s; transition-delay:calc(var(--token-delay,0s) + .2s); }
body.is-ready .title-window img { transform:scale(1.18) rotate(0); }
.hero__line:hover .title-window img { transform:scale(1.32); }
.hero__foot { position:absolute; z-index:5; left:var(--pad); right:var(--pad); bottom:28px; display:flex; justify-content:space-between; align-items:end; opacity:var(--hero-copy-opacity); font-size:8px; font-weight:900; letter-spacing:.04em; transition:opacity .12s linear; }
.hero__foot a { display: flex; gap: 12px; align-items: center; color: white; text-transform: uppercase; }
.hero__foot > span:last-child { display:flex; gap:10px; align-items:center; color:#fff; text-transform:uppercase; }
.hero__foot > span:last-child i { display:inline; width:auto; height:auto; border:0; border-radius:0; color:var(--acid); animation:filmPulse .8s ease-in-out infinite alternate; }
.hero__foot i { display: grid; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; place-items: center; font-style: normal; }
.section-pad { padding: clamp(90px, 13vw, 190px) var(--pad); }
.eyebrow { font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.profile-intro { position:relative; padding-top:clamp(24px,2.8vw,42px); padding-bottom:clamp(70px,6vw,92px); overflow:hidden; clip-path:inset(0); contain:paint; isolation:isolate; color:var(--paper); background:#090909; background-image:radial-gradient(circle at 77% 35%,rgba(255,207,6,.045),transparent 31%); }
.profile-intro__rail { display:flex; justify-content:space-between; align-items:center; width:min(1220px,100%); margin:0 auto; font-size:7px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.profile-intro__rail span:first-child { display:flex; align-items:center; gap:10px; }
.profile-intro__rail span:first-child::before { content:""; width:6px; height:6px; background:var(--acid); box-shadow:0 0 0 1px rgba(0,0,0,.14); }
.profile-intro__grid { display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(18px,2.4vw,34px); width:min(1220px,100%); margin:clamp(12px,2vw,28px) auto 0; align-items:center; }
.profile-intro__portrait { position:relative; grid-column:1/4; width:100%; max-width:315px; margin:0; aspect-ratio:4/5; overflow:hidden; background:#d8d8d6; }
.profile-intro__portrait img { width:100%; height:100%; object-fit:cover; object-position:57% 50%; filter:none; transform:scale(1.012); transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s; }
.profile-intro__portrait:hover img { filter:none; transform:scale(1.04); }
.profile-intro__portrait figcaption { position:absolute; z-index:2; left:12px; bottom:11px; color:#fff; font-size:5px; font-weight:900; letter-spacing:.12em; text-shadow:0 1px 9px rgba(0,0,0,.65); }
.profile-intro__identity { --angel-left:clamp(185px,13vw,245px); --angel-top:-26px; --angel-size:clamp(142px,11.3vw,190px); position:relative; grid-column:4/9; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-width:0; align-self:stretch; padding:clamp(8px,1vw,14px) 0 0; isolation:isolate; }
.profile-intro__identity-spacer { display:block; width:1px; height:clamp(50px,5.3vw,70px); margin:0 0 clamp(4px,.42vw,7px); pointer-events:none; }
.profile-intro__identity::before,.profile-intro__identity::after { content:""; position:absolute; z-index:2; top:calc(var(--angel-top) + var(--angel-size) * .42); left:var(--angel-left); width:calc(var(--angel-size) * 1.45); aspect-ratio:1; opacity:0; pointer-events:none; border-radius:50%; transform:translate(-50%,-50%) scale(.25); }
.profile-intro__identity::before { background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.8) 0 5%,rgba(255,122,200,.46) 15%,transparent 42%),radial-gradient(ellipse at 24% 68%,rgba(255,82,181,.44),transparent 38%),radial-gradient(ellipse at 78% 34%,rgba(255,226,61,.34),transparent 34%); filter:blur(9px); mix-blend-mode:screen; }
.profile-intro__identity::after { width:calc(var(--angel-size) * 1.28); background:radial-gradient(ellipse at 28% 58%,rgba(255,255,255,.58) 0 7%,rgba(255,124,204,.34) 18%,transparent 42%),radial-gradient(ellipse at 68% 72%,rgba(255,94,190,.38) 0 6%,transparent 38%),radial-gradient(ellipse at 70% 28%,rgba(255,223,72,.25) 0 5%,transparent 32%); filter:blur(13px); mix-blend-mode:screen; }
.profile-intro__angel { position:absolute; z-index:3; top:var(--angel-top); left:var(--angel-left); width:var(--angel-size); height:auto; opacity:0; pointer-events:none; filter:blur(10px) brightness(1.9) saturate(1.25) drop-shadow(0 12px 22px rgba(0,0,0,.24)); transform:translateX(-50%) translateY(24px) scale(.32) rotate(-11deg); transform-origin:50% 58%; will-change:opacity,filter,transform; }
.profile-intro__identity.is-visible::before { animation:angel-smoke 1.35s 1.16s cubic-bezier(.16,1,.3,1) both; }
.profile-intro__identity.is-visible::after { animation:angel-smoke-trail 1.45s 1.23s cubic-bezier(.16,1,.3,1) both; }
.profile-intro__identity.is-visible .profile-intro__angel { animation:angel-pop 1.15s 1.3s cubic-bezier(.16,1,.3,1) both,angel-float 2.5s 2.45s ease-in-out infinite; }
@keyframes angel-pop { 0% { opacity:0; filter:blur(12px) brightness(2.2) saturate(1.35) drop-shadow(0 12px 22px rgba(0,0,0,.24)); transform:translateX(-50%) translateY(28px) scale(.28) rotate(-12deg); } 42% { opacity:1; filter:blur(0) brightness(1.35) saturate(1.12) drop-shadow(0 16px 28px rgba(0,0,0,.28)); transform:translateX(-50%) translateY(-7px) scale(1.12) rotate(3.5deg); } 68% { filter:blur(0) brightness(1.03) saturate(1.03) drop-shadow(0 13px 24px rgba(0,0,0,.26)); transform:translateX(-50%) translateY(2px) scale(.96) rotate(.3deg); } 100% { opacity:1; filter:blur(0) brightness(1) saturate(1) drop-shadow(0 12px 22px rgba(0,0,0,.24)); transform:translateX(-50%) translateY(0) scale(1) rotate(1.5deg); } }
@keyframes angel-smoke { 0% { opacity:0; transform:translate(-50%,-38%) scale(.22) rotate(-14deg); } 28% { opacity:.95; } 72% { opacity:.42; } 100% { opacity:0; transform:translate(-50%,-62%) scale(1.65) rotate(15deg); filter:blur(18px); } }
@keyframes angel-smoke-trail { 0% { opacity:0; transform:translate(-50%,-32%) scale(.18) rotate(9deg); } 30% { opacity:.82; } 68% { opacity:.38; } 100% { opacity:0; transform:translate(-46%,-68%) scale(1.55) rotate(-13deg); filter:blur(20px); } }
@keyframes angel-float { 0%,100% { transform:translateX(-50%) translateY(7px) rotate(1.5deg); } 50% { transform:translateX(-50%) translateY(-15px) rotate(-.5deg); } }
.profile-intro__identity h2 { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.11em; margin:0 0 clamp(12px,1.1vw,18px); color:var(--paper); font-family:var(--display); font-size:clamp(3.2rem,4.6vw,5.45rem); font-weight:400; line-height:.76; letter-spacing:-.072em; text-transform:uppercase; }
.profile-intro__identity h2 span { display:block; }.profile-intro__identity h2 span:first-child { width:100%; }
.profile-intro__role { display:flex; flex-direction:column; gap:clamp(1px,.18vw,3px); margin:0; color:#d6d4cc; font-family:var(--serif); font-size:clamp(.7rem,1.02vw,1.08rem); font-style:italic; font-weight:400; line-height:1; letter-spacing:-.02em; text-transform:none; }
.profile-intro__location { display:flex; align-items:center; gap:6px; width:max-content; max-width:100%; }
.profile-intro__info { flex:none; width:16px; height:16px; display:grid; padding:0; border:1px solid currentColor; border-radius:50%; place-items:center; color:#d6d4cc; background:transparent; font-family:var(--sans); font-size:8px; font-style:normal; font-weight:800; line-height:1; cursor:pointer; opacity:.78; animation:profile-info-beacon 3.6s ease-in-out infinite; transition:opacity .25s,color .25s,background .25s,transform .25s; }
.profile-intro__info:hover,.profile-intro__info:focus-visible,.profile-intro__info[aria-expanded="true"] { color:var(--ink); background:var(--acid); border-color:var(--acid); opacity:1; animation:none; transform:scale(1.06); outline:none; }
@keyframes profile-info-beacon {
  0%,58%,100% { color:#d6d4cc; background:transparent; border-color:currentColor; box-shadow:0 0 0 0 rgba(255,207,6,0); }
  65% { color:var(--ink); background:var(--acid); border-color:var(--acid); box-shadow:0 0 0 0 rgba(255,207,6,.52); }
  75% { color:var(--ink); background:var(--acid); border-color:var(--acid); box-shadow:0 0 0 7px rgba(255,207,6,.14); }
  86% { color:#d6d4cc; background:transparent; border-color:currentColor; box-shadow:0 0 0 12px rgba(255,207,6,0); }
}
.profile-intro__modal { width:min(620px,calc(100vw - 40px)); max-height:calc(100svh - 40px); padding:0; overflow:auto; border:0; border-radius:8px; color:var(--paper); background:#09090a; box-shadow:0 28px 90px rgba(0,0,0,.72); }
.profile-intro__modal[open] { animation:profile-modal-in .42s cubic-bezier(.16,1,.3,1) both; }
.profile-intro__modal::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); animation:profile-backdrop-in .28s ease both; }
.profile-intro__modal-shell { position:relative; display:grid; gap:clamp(18px,2.3vw,26px); padding:clamp(32px,4.2vw,48px); overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:8px; background:linear-gradient(145deg,#151516 0%,#09090a 68%); }
.profile-intro__modal-shell::before { content:""; position:absolute; top:0; right:0; left:0; height:2px; background:var(--acid); }
.profile-intro__modal-close { position:absolute; z-index:2; top:16px; right:16px; width:34px; height:34px; display:grid; padding:0; border:1px solid rgba(255,255,255,.22); border-radius:50%; place-items:center; color:var(--paper); background:transparent; cursor:pointer; transition:color .25s,background .25s,border-color .25s,transform .25s; }
.profile-intro__modal-close span { margin-top:-2px; font-family:var(--sans); font-size:22px; font-weight:300; line-height:1; }
.profile-intro__modal-close:hover,.profile-intro__modal-close:focus-visible { color:var(--ink); background:var(--acid); border-color:var(--acid); outline:none; transform:rotate(6deg); }
.profile-intro__modal-kicker { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.5); font-family:var(--sans); font-size:6.5px; font-weight:800; font-style:normal; line-height:1; letter-spacing:.18em; text-transform:uppercase; }
.profile-intro__modal-kicker::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--acid); }
.profile-intro__modal h2 { max-width:520px; margin:0; color:var(--paper); font-family:var(--sans); font-size:clamp(2rem,3.5vw,3.15rem); font-weight:500; font-style:normal; line-height:.88; letter-spacing:-.055em; text-transform:uppercase; }
.profile-intro__modal h2 em { display:inline-block; margin-top:.08em; color:var(--acid); font-family:var(--sans); font-weight:850; font-style:normal; letter-spacing:-.06em; text-transform:uppercase; }
.profile-intro__modal-copy { display:grid; gap:14px; max-width:520px; }
.profile-intro__modal-copy p { margin:0; color:rgba(255,255,255,.72); font-family:var(--sans); font-size:clamp(.92rem,1.1vw,1.02rem); font-weight:450; font-style:normal; line-height:1.55; letter-spacing:-.018em; }
.profile-intro__modal-copy strong { color:var(--paper); font-family:inherit; font-weight:750; letter-spacing:inherit; }
.profile-intro__modal-foot { padding-top:14px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.38); font-family:var(--sans); font-size:5.8px; font-style:normal; font-weight:800; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; }
@keyframes profile-modal-in { from { opacity:0; transform:translateY(20px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes profile-backdrop-in { from { opacity:0; } to { opacity:1; } }
.profile-intro__narrative { grid-column:9/13; display:flex; flex-direction:column; align-self:stretch; margin-top:0; padding:0 0 clamp(4px,.8vw,12px); transform:translateY(clamp(-112px,-7vw,-72px)); }
.profile-intro__summary { margin:0; font-family:var(--serif); font-size:clamp(1.25rem,1.75vw,1.8rem); font-style:italic; line-height:1.08; letter-spacing:-.025em; }
.profile-intro__summary span { display:block; }
.profile-intro__summary--bio { position:relative; top:auto; max-width:460px; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(1rem,1.32vw,1.38rem); font-style:normal; font-weight:700; line-height:1.08; letter-spacing:-.045em; }
.profile-intro__summary--bio p { margin:0; }
.profile-intro__summary--bio [data-reading-word] { display:inline; color:rgba(234,234,233,.38); transition:color .2s ease-out,filter .2s ease-out; }
.profile-intro__summary--bio [data-reading-word].is-read { color:var(--paper); }
.profile-intro__narrative > a { align-self:flex-end; display:inline-flex; align-items:center; gap:16px; margin-top:auto; padding:12px 17px; border:1px solid rgba(255,255,255,.5); border-radius:999px; font-size:7px; font-weight:900; letter-spacing:.11em; white-space:nowrap; transition:color .35s,background .35s,transform .35s; }
.profile-intro__narrative > a span { font-size:14px; line-height:1; transition:transform .35s cubic-bezier(.16,1,.3,1); }
.profile-intro__narrative > a:hover { color:var(--ink); background:var(--acid); border-color:var(--acid); transform:translateX(5px); }
.profile-intro__narrative > a:hover span { transform:translate(3px,-3px); }
.profile-intro__foot { display:flex; justify-content:space-between; width:min(1220px,100%); margin:clamp(50px,5vw,72px) auto 0; padding-top:15px; border-top:1px solid rgba(255,255,255,.24); color:#8d8c86; font-size:6px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.about-page { --sans:"Inter","Inter Placeholder",Arial,sans-serif; --display:"Inter","Inter Placeholder",Arial,sans-serif; --serif:"Inter","Inter Placeholder",Arial,sans-serif; --oblique:"Inter","Inter Placeholder",Arial,sans-serif; font-family:var(--sans); }
.about-page .origin { min-height:0; padding-top:clamp(94px,6.5vw,118px); padding-bottom:clamp(86px,8vw,132px); border-top:0; }
.about-page .origin__masthead { display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:32px; padding:0; border-bottom:0; }
.about-page .origin__masthead .eyebrow { font-size:clamp(8px,.58vw,10px); font-weight:800; }
.about-page .origin__meta { display:flex; gap:clamp(18px,2vw,34px); color:rgba(8,8,8,.46); font-family:var(--sans); font-size:clamp(7px,.48vw,9px); font-weight:700; letter-spacing:.1em; }
.about-page .origin__grid { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.35fr); gap:clamp(54px,6vw,112px); align-items:start; margin-top:0; }
.about-page .origin__story-track { grid-column:1; min-width:0; }
.about-page .story-beat,.about-page .story-beat.is-current { min-height:150svh; display:block; padding:0; opacity:1; transform:none; transition:none; }
.about-page .story-beat--plain p { position:sticky; top:50svh; width:min(100%,570px); max-width:none; margin:0; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(1.45rem,1.8vw,2.15rem); font-weight:700; font-style:normal; line-height:1.07; letter-spacing:-.052em; text-transform:none; transform:translateY(-50%); }
.about-page .story-beat strong { color:inherit; font:inherit; font-weight:800; }
.about-page [data-origin-reading] [data-reading-word] { display:inline; color:var(--ink); opacity:var(--reading-opacity,.16); transition:opacity .06s linear; will-change:opacity; }
.about-page .origin__collage { position:sticky; top:clamp(84px,9vh,112px); grid-column:2; min-height:min(70svh,720px); margin:0; }
.about-page .portrait { top:0; right:0; width:76%; aspect-ratio:1.35/1; }
.about-page .ring { top:8%; right:-1%; width:24%; }
.about-page .vb { left:1%; bottom:5%; width:29%; }
.about-page .turntable { right:1%; bottom:-1%; width:36%; }



.about-page .discovery-gate__copy > span { font-family:var(--sans); font-weight:700; font-style:normal; }
.about-page .discovery-gate__copy h2,.about-page .discovery-gate__copy em { font-family:var(--sans); font-weight:800; font-style:normal; }
.about-page .disciplines__intro p { font-family:var(--sans); font-weight:800; font-style:normal; }
.about-page .disciplines__intro span { font-family:var(--sans); font-weight:500; font-style:normal; }
.about-page .medium-counter strong { font-weight:800; }
.about-page .discipline-list li { font-family:var(--sans); font-weight:800; letter-spacing:-.04em; }
.about-page .creative-thesis__finale p,.about-page .creative-thesis__finale h2 { font-family:var(--sans); font-weight:800; }
.about-page .creative-thesis__finale p em,.about-page .creative-thesis__finale h2 em { font-family:var(--sans); font-weight:600; font-style:italic; }
.about-page .disciplines { min-height:205svh; }
.about-page .creative-thesis { height:190svh; }
.origin { position:relative; z-index:3; margin-top:-1px; padding-top:clamp(65px,7vw,105px); overflow:visible; border-top:1px solid rgba(0,0,0,.13); }
.origin__masthead { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,.22); }
.origin__meta { display:flex; gap:45px; color:#8f8e88; font-size:8px; font-weight:800; letter-spacing:.1em; }
.origin__grid { display:grid; grid-template-columns:repeat(12,1fr); align-items:start; gap:clamp(10px,1.5vw,26px); margin-top:clamp(30px,4vw,60px); }
.origin__story-track { grid-column:1/5; }
.story-beat { min-height:76vh; display:flex; flex-direction:column; justify-content:center; padding:8vh 2.5vw 8vh 0; opacity:.14; transform:translateY(42px) scale(.975); transition:opacity .8s,transform 1.1s cubic-bezier(.16,1,.3,1); }
.story-beat.is-current { opacity:1; transform:translateY(0) scale(1); }
.story-beat h3 { margin:0 0 clamp(38px,6vh,70px); font-family:var(--display); font-size:clamp(3.4rem,5.1vw,6.6rem); font-weight:400; line-height:.76; letter-spacing:-.065em; text-transform:uppercase; }
.story-beat h3 em { font-family:var(--serif); font-weight:400; text-transform:none; }
.story-beat--design h3 em { margin-left:13%; }
.story-beat h3 small { display:block; margin:0 0 25px 13%; font-family:"HN Bold Italic",var(--sans); font-size:clamp(11px,.9vw,15px); line-height:1.2; letter-spacing:0; text-transform:uppercase; }
.story-beat p { max-width:410px; margin:0 0 0 13%; font-family:"HN Bold Italic",var(--sans); font-size:clamp(14px,1vw,17px); line-height:1.4; text-transform:uppercase; }
.story-beat--plain p { max-width:560px; margin-left:0; font-size:clamp(1.45rem,2vw,2.55rem); line-height:1.16; letter-spacing:-.02em; }
.story-highlight { display:inline; margin:0 .02em; padding:0 .08em .01em; color:var(--ink); background:linear-gradient(178deg,transparent 12%,#f1e900 13%,#f5ea00 84%,transparent 85%); font:inherit; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.story-beat strong { font-family:var(--oblique); font-size:.95em; font-weight:400; }
.story-beat--chance .story-highlight,
.story-beat--chance .story-role-title { white-space:nowrap; }
.origin__collage { position:sticky; top:10vh; grid-column:5/13; min-height:min(78vh,780px); margin-left:-6.5vw; }
.origin__collage figure { --shift-x:0px; --shift-y:0px; --focus-scale:1; position:absolute; margin:0; padding:0; background:transparent; box-shadow:0 24px 55px rgba(25,21,12,.14); transform:translate3d(var(--shift-x),var(--shift-y),0) rotate(var(--rotate,0deg)) scale(var(--focus-scale)); transition:transform .85s cubic-bezier(.16,1,.3,1),box-shadow .5s; will-change:transform; }
.origin[data-story="chance"] .portrait { --focus-scale:1.025; }
.origin[data-story="code"] .vb { --focus-scale:1.065; }
.origin[data-story="design"] .ring { --focus-scale:1.04; }
.origin[data-story="design"] .turntable { --focus-scale:1.055; }
.origin__collage figure img { width:100%; height:100%; object-fit:cover; }
.origin__collage figcaption { position:absolute; top:calc(100% + 9px); left:0; width:max-content; color:var(--ink); font-size:7px; font-weight:800; letter-spacing:.1em; }
.origin__collage .ring figcaption { color:#fff; text-shadow:0 1px 8px rgba(0,0,0,.7); }
.portrait { --rotate:-.45deg; z-index:1; top:0; right:1%; width:62%; aspect-ratio:1.3/1; overflow:hidden; }
.portrait img { object-position:56% center; }
.portrait__dream { position:absolute; inset:0; opacity:0; transition:opacity 1.15s cubic-bezier(.22,1,.36,1); }
.origin[data-story="design"] .portrait__dream { opacity:1; }
.ring { --rotate:1.5deg; z-index:3; top:9%; right:-1%; width:21%; aspect-ratio:5/6; overflow:hidden; transition:width .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),box-shadow .5s !important; }
.ring__archive { transition:opacity 1.05s cubic-bezier(.22,1,.36,1); }
.ring__design { position:absolute; inset:0; opacity:0; transition:opacity 1.05s cubic-bezier(.22,1,.36,1); }
.ring-caption__design { display:none; }
.origin[data-story="design"] .ring__archive { opacity:0; }
.origin[data-story="design"] .ring__design { opacity:1; }
.origin[data-story="design"] .ring-caption__archive { display:none; }
.origin[data-story="design"] .ring-caption__design { display:inline; }
.origin[data-story="design"] .ring figcaption { color:var(--ink); text-shadow:none; }
.vb { --rotate:-1.4deg; z-index:4; left:15%; bottom:8%; width:25%; aspect-ratio:1.05/1; }
.vb__archive { transition:opacity 1.15s cubic-bezier(.22,1,.36,1); }
.vb__design { position:absolute; z-index:2; inset:0; opacity:0; transition:opacity 1.15s cubic-bezier(.22,1,.36,1); }
.origin[data-story="design"] .vb { --focus-scale:1.2; box-shadow:none; }
.origin[data-story="design"] .vb__archive { opacity:0; }
.origin[data-story="design"] .vb__design { opacity:1; }
.vb-caption__design { display:none; }
.origin[data-story="design"] .vb-caption__archive { display:none; }
.origin[data-story="design"] .vb-caption__design { display:inline; }
.turntable { --rotate:.8deg; z-index:4; right:5%; bottom:-2%; width:37%; aspect-ratio:1.45/1; box-shadow:none !important; }
.turntable img { object-fit:contain !important; }
.turntable__angel { mix-blend-mode:multiply; transform:scale(1.2); transform-origin:center; transition:opacity 1.05s cubic-bezier(.22,1,.36,1); }
.turntable__object { position:absolute; inset:0; opacity:0; transition:opacity 1.05s cubic-bezier(.22,1,.36,1); }
.turntable-caption__object { display:none; }
.origin[data-story="design"] .turntable__angel { opacity:0; }
.origin[data-story="design"] .turntable__object { opacity:1; }
.origin[data-story="design"] .turntable-caption__angel { display:none; }
.origin[data-story="design"] .turntable-caption__object { display:inline; }

.discovery-gate { --gate-progress:0; --bang-inner:0vmax; --bang-outer:0vmax; --gate-copy-opacity:1; position:relative; height:225svh; margin-bottom:-1px; background-color:var(--paper); background-image:var(--paper-grid); background-size:12px 12px; }
.discovery-gate__sticky { position:sticky; top:0; height:100svh; display:grid; overflow:hidden; place-items:center; }
.discovery-gate__dark { position:absolute; inset:-2px; background:#050506; -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 var(--bang-inner),transparent var(--bang-outer)); mask-image:radial-gradient(circle at 50% 50%,#000 0 var(--bang-inner),transparent var(--bang-outer)); will-change:mask-image; }
.discovery-gate__dark::after { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%); mask-image:radial-gradient(circle at center,#000,transparent 72%); }
.discovery-gate__copy { position:relative; z-index:2; width:100%; padding:0 var(--pad); opacity:var(--gate-copy-opacity); color:var(--ink); text-align:center; transform:scale(var(--gate-scale,.9)); transition:color .25s; will-change:opacity,transform; }
.discovery-gate.is-dark .discovery-gate__copy { color:var(--paper); }
.discovery-gate__copy > span { display:block; margin-bottom:18px; font-family:"HN Bold Italic",var(--sans); font-size:clamp(12px,1.1vw,18px); letter-spacing:.06em; }
.discovery-gate__copy h2 { margin:0; font-family:var(--display); font-size:clamp(4.4rem,12vw,14rem); font-weight:400; line-height:.72; letter-spacing:var(--gate-tracking,-.055em); }
.discovery-gate__copy em { font-family:var(--serif); font-weight:400; }
.discovery-gate__meter { position:absolute; z-index:2; left:var(--pad); right:var(--pad); bottom:30px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; color:#8c8b86; font-size:7px; font-weight:800; letter-spacing:.13em; }
.discovery-gate__meter i { height:1px; background:linear-gradient(90deg,currentColor var(--gate-percent,0%),rgba(128,128,128,.22) 0); }
.big-bang { position:absolute; z-index:1; inset:0; width:100%; height:100%; contain:strict; pointer-events:none; }

.disciplines { position:relative; z-index:3; display:grid; min-height:330svh; grid-template-columns:.7fr 1.4fr; align-content:start; column-gap:6vw; margin-top:-55svh; padding-top:90px; overflow:clip; color:var(--paper); background:linear-gradient(180deg,transparent 0,rgba(5,5,6,.72) 34svh,#050506 55svh); }
.disciplines::before { content:""; position:absolute; z-index:0; inset:-14%; background:radial-gradient(ellipse at 80% 18%,rgba(82,67,154,.38),transparent 38%),radial-gradient(ellipse at 14% 74%,rgba(100,78,22,.22),transparent 34%),radial-gradient(ellipse at 70% 76%,rgba(35,44,91,.25),transparent 40%); -webkit-mask-image:linear-gradient(180deg,transparent 11%,#000 25%,#000 72%,transparent 92%); mask-image:linear-gradient(180deg,transparent 11%,#000 25%,#000 72%,transparent 92%); animation:darkDrift 16s ease-in-out infinite alternate; }
.disciplines::after { content:""; position:absolute; z-index:0; inset:0; opacity:.11; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:52px 52px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%); mask-image:linear-gradient(180deg,#000,transparent 72%); }
.disciplines > * { position:relative; z-index:1; }
@keyframes darkDrift { to { transform:translate3d(-4%,3%,0) scale(1.08) rotate(2deg); } }
.disciplines__intro { position: sticky; top: 24vh; align-self: start; padding-top: 20px; text-transform: uppercase; }
.disciplines__intro p { font-size: 13px; font-weight: 950; font-style: italic; }
.disciplines__intro span { display: block; margin-top: 40px; color: #868680; font-family: var(--serif); font-size: 14px; font-style: italic; }
.medium-counter { display: flex; align-items: baseline; gap: 7px; margin-top: 45px; color: #c9c8c1; }
.medium-counter strong { font-family: var(--display); font-size: clamp(7rem,12vw,14rem); font-weight: 400; line-height: .8; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.medium-counter small { font-size:clamp(22px,1.8vw,30px); font-weight:800; }
.discipline-list { position:sticky; top:clamp(78px,10svh,108px); align-self:start; margin:0; padding:0; list-style:none; }
.discipline-list li { position:relative; display:flex; min-height:clamp(72px,8.5svh,98px); align-items:center; border-bottom:1px solid rgba(255,255,255,.18); font-family:var(--display); font-size:clamp(1.4rem,2.55vw,3.15rem); font-weight:400; line-height:1.03; letter-spacing:-.055em; text-transform:uppercase; }
.discipline-list li::after { content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:var(--paper); transition:width .9s cubic-bezier(.16,1,.3,1); }
.discipline-list span { width:clamp(48px,6.5vw,96px); color:#55545b; font-size:.58em; font-style:italic; transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1); }
.discipline-list a { flex: 1; padding: .08em 0; transition: opacity .65s, transform .85s cubic-bezier(.16,1,.3,1), color .3s; }
.medium span, .medium a { visibility:hidden; opacity:0; transform:translateY(30px); }
.medium a { clip-path: inset(0 0 100% 0); }
.medium.is-added span, .medium.is-added a { visibility:visible; opacity:1; transform:translateY(0); }
.medium.is-added a { clip-path: inset(0 0 0 0); }
.medium.is-added::after { width: 100%; }
.discipline-list li:hover a { color:#b7b5c2; transform:translateX(14px); }
.discipline-list li:hover span { color:#777680; }
.disciplines__outro { grid-column: 1/-1; margin: 110px 0 0; font-size: 11px; font-weight: 700; font-style: italic; line-height: 1.4; text-align: center; text-transform: uppercase; }

.creative-thesis { --lead-opacity:0; --statement-opacity:0; --statement-scale:.9; --paper-inset:50%; position:relative; z-index:2; height:230svh; margin-top:-1px; color:var(--paper); background:#050506; }
.creative-thesis__sticky { position:sticky; top:0; height:100svh; overflow:hidden; background:#050506; }
.creative-thesis__sticky::after { content:""; position:absolute; inset:0; opacity:.08; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:52px 52px; -webkit-mask-image:radial-gradient(circle at center,#000,transparent 68%); mask-image:radial-gradient(circle at center,#000,transparent 68%); }
.creative-thesis__paper { display:none; }
.thesis-angels { position:absolute; z-index:1; inset:0; opacity:calc(var(--statement-opacity) * .68); pointer-events:none; transition:opacity .15s linear; }
.thesis-angel { position:absolute; top:50%; width:clamp(560px,64vw,1120px); height:auto; mix-blend-mode:screen; transform-origin:center; will-change:opacity,transform; }
.thesis-angel--left { left:-14vw; transform:translateY(-50%) rotate(-7deg); }
.thesis-angel--right { right:-14vw; transform:translateY(-50%) scaleX(-1) rotate(-7deg); }
.creative-thesis__finale { position:absolute; z-index:2; inset:0; display:grid; padding:var(--pad); place-items:center; text-align:center; }
.creative-thesis__finale p { position:absolute; width:min(980px,88vw); margin:0; opacity:var(--lead-opacity); font-family:var(--display); font-size:clamp(2.1rem,5vw,6rem); line-height:.88; letter-spacing:-.06em; text-transform:uppercase; transform:translateY(var(--lead-y,0px)); will-change:opacity,transform; }
.creative-thesis__finale p em { display:inline-block; margin-top:.08em; font-family:var(--serif); font-weight:400; text-transform:none; }
.creative-thesis__finale h2 { width:min(1050px,88vw); margin:0; opacity:var(--statement-opacity); font-family:var(--display); font-size:clamp(2.8rem,6.3vw,7.4rem); font-weight:400; line-height:.78; letter-spacing:-.07em; text-transform:uppercase; transform:scale(var(--statement-scale)); will-change:opacity,transform; }
.creative-thesis__finale h2 em { display:inline-block; margin-top:.08em; font-family:var(--serif); font-weight:400; text-transform:none; }
.creative-thesis .story-highlight { padding:0 .08em; color:var(--paper); background:linear-gradient(178deg,transparent 44%,rgba(255,207,6,.78) 45%,rgba(255,207,6,.78) 88%,transparent 89%); }

.work { position:relative; isolation:isolate; padding-top:clamp(56px,6vw,82px); overflow:clip; background-color:var(--paper); background-image:var(--paper-grid); background-size:12px 12px; }
.work > * { position:relative; z-index:1; }
.work--motion-ready::before { content:""; position:absolute; z-index:5; top:0; right:0; left:0; height:min(100svh,920px); pointer-events:none; background:#090909; transform:scaleY(1); transform-origin:50% 100%; will-change:transform; }
.work--motion-ready.is-open::before { transform:scaleY(0); transition:transform 1.1s cubic-bezier(.76,0,.24,1); }
.work__head { position:relative; display:grid; grid-template-columns:1fr; align-items:end; justify-items:start; }
.work__head > span { grid-column:1; font-size:9px; font-weight:900; text-transform:uppercase; }
.work__head h2 { position:relative; grid-column:1; display:flex; align-items:flex-start; width:max-content; max-width:100%; margin:5px 0 35px; font-family:var(--display); font-size:clamp(4rem,11.8vw,13rem); font-weight:400; line-height:.8; letter-spacing:-.08em; text-indent:-.055em; }
.work__head h2 sup { margin-left:.32em; opacity:1; font-family:Arial,Helvetica,sans-serif !important; font-size:.18em; font-weight:400 !important; font-variation-settings:"wght" 400; -webkit-text-stroke:0; vertical-align:top; letter-spacing:0; transform:none; }
.work__head p { grid-column:1; margin:0 0 40px; font-size:9px; font-weight:800; }
.projects-viewbar { position:absolute; z-index:6; top:clamp(86px,7.4vw,132px); right:0; display:flex; gap:4px; align-items:center; padding:3px; color:var(--ink); border:1px solid rgba(10,10,10,.13); border-radius:12px; background:rgba(255,255,255,.36); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.projects-viewbar button { width:34px; height:34px; display:grid; padding:0; border:0; border-radius:9px; place-items:center; color:rgba(10,10,10,.42); background:transparent; cursor:pointer; transition:color .25s,background .25s,transform .35s cubic-bezier(.16,1,.3,1); }
.projects-viewbar button:hover { color:var(--ink); transform:translateY(-1px); }
.projects-viewbar button.is-active { color:var(--paper); background:var(--ink); transform:none; }
.projects-viewicon { position:relative; display:block; width:16px; height:16px; }
.projects-viewicon--grid::before { content:""; position:absolute; top:2px; left:2px; width:5px; height:5px; border-radius:1px; background:currentColor; box-shadow:8px 0 currentColor,0 8px currentColor,8px 8px currentColor; }
.projects-viewicon--list::before { content:""; position:absolute; top:2px; left:1px; width:14px; height:1.5px; border-radius:2px; background:currentColor; box-shadow:0 5.5px currentColor,0 11px currentColor; }
.projects-title__mask { display:block; overflow:hidden; padding:.1em .06em .1em 0; margin:-.1em -.06em -.1em 0; }
.projects-title__mask > span { display:block; opacity:1; transform:none; }
.work--motion-ready .projects-title__mask > span { opacity:0; transform:translateY(108%) skewY(3deg); transform-origin:0 100%; }
.work--motion-ready .work__head h2 sup { opacity:0; transform:translate(-12px,12px); }
.work--motion-ready.is-open .work__head.is-visible .projects-title__mask > span { animation:projectsTitleOpen 1.05s .2s cubic-bezier(.16,1,.3,1) forwards; }
.work--motion-ready.is-open .work__head.is-visible h2 sup { animation:projectsMarkOpen .65s .82s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes projectsTitleOpen { 42% { opacity:1; } 100% { opacity:1; transform:translateY(0) skewY(0); } }
@keyframes projectsMarkOpen { to { opacity:1; transform:translate(0,0); } }
.projects { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:clamp(14px,2vw,32px); }
.project-card { position:relative; display:block; aspect-ratio:1/1; overflow:hidden; color:#fff; background:#080a12; outline:none; transform-origin:center; will-change:transform,opacity; }
.projects:not(.is-list) .project-card { grid-column:span 2; }
.project-card::before { content:""; position:absolute; z-index:2; inset:-1px; opacity:0; pointer-events:none; background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),transparent 56%); mix-blend-mode:screen; transition:opacity .35s; }
.project-card::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 0 68%,rgba(0,0,0,.32) 100%); transition:background .7s; }
.project-card--samsung::after { background:linear-gradient(180deg,transparent 0 64%,rgba(0,0,0,.42) 100%); }
.project-card__media { position:absolute; inset:0; display:block; overflow:hidden; background:#080a12; }
.project-card__media img { width:100%; height:100%; object-fit:cover; object-position:50% 53%; transform:scale(1); transition:transform 1.25s cubic-bezier(.16,1,.3,1),filter .8s; will-change:transform; }
.project-card--winamp .project-card__media img { object-position:50% 42%; }
.project-card--fragments .project-card__media img { object-position:50% 42%; transform:scale(1.04); }
.project-card--nike .project-card__media img { object-position:50% 50%; }
.project-card--demo { color:#101010; background:#c9c9c9; cursor:default; }
.project-card--demo::before { display:none; }
.project-card--demo::after { background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%,rgba(0,0,0,.16)); }
.project-card--demo .project-card__title strong { color:#2b2b2b; text-shadow:none; }
.project-card--demo .project-card__index,.project-card--demo .project-card__type { color:#555; }
.project-card--heinz { aspect-ratio:1/1; }
.project-card--heinz .project-card__media img { object-position:50% 50%; }
.projects.is-list { display:block; border-top:1px solid rgba(8,8,8,.28); perspective:none; }
.projects.is-list .project-card { display:grid; grid-column:auto; grid-template-columns:clamp(160px,12vw,220px) minmax(0,1fr) clamp(150px,16vw,240px) 34px; gap:clamp(22px,2.4vw,40px); align-items:center; min-height:clamp(190px,14vw,242px); aspect-ratio:auto; overflow:hidden; color:var(--ink); background:transparent; border-bottom:1px solid rgba(8,8,8,.22); transform:none !important; box-shadow:none !important; transition:background .35s,color .35s; }
.projects.is-list .project-card::before { display:block; inset:0 auto 0 0; width:4px; opacity:0; background:#444be2; mix-blend-mode:normal; transition:opacity .3s; }
.projects.is-list .project-card::after { display:none; }
.projects.is-list .project-card__index,.projects.is-list .project-card__type,.projects.is-list .project-card__title,.projects.is-list .project-card__arrow,.projects.is-list .project-card__media { position:relative; inset:auto; z-index:2; }
.projects.is-list .project-card__index { grid-column:1; grid-row:1; align-self:start; justify-self:start; margin:clamp(8px,.7vw,11px); padding:4px 6px; color:var(--paper); background:rgba(8,8,8,.76); font-size:6px; line-height:1; transform:none !important; }
.projects.is-list .project-card__title { grid-column:2; grid-row:1; display:block; padding:0 !important; transform:none !important; }
.projects.is-list .project-card__title strong,.projects.is-list .project-card--nike .project-card__title strong { color:var(--ink); font-size:clamp(1.05rem,1.55vw,2rem); line-height:.92; letter-spacing:-.052em; white-space:normal; text-shadow:none; transform:none !important; }
.projects.is-list .project-card__title strong br { display:none; }
.projects.is-list .project-card__type { grid-column:3; grid-row:1; justify-self:start; color:rgba(8,8,8,.52); font-size:7px; line-height:1.35; transform:none !important; }
.projects.is-list .project-card__media { grid-column:1; grid-row:1; align-self:center; width:100%; height:auto; aspect-ratio:1; margin:14px 0; opacity:1; pointer-events:none; background:#080a12; transform:none; transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1); }
.projects.is-list .project-card__media img { width:100%; height:100%; object-fit:cover; transform:scale(1) !important; }
.projects.is-list .project-card--nike .project-card__media img { object-position:50% 50%; }
.projects.is-list .project-card--winamp .project-card__media img { object-position:50% 28%; }
.projects.is-list .project-card--fragments .project-card__media img { object-position:50% 42%; }
.projects.is-list .project-card:not(.project-card--nike):not(.project-card--winamp):not(.project-card--fragments) .project-card__media img { object-position:50% 45%; }
.projects.is-list .project-card__arrow { grid-column:4; grid-row:1; justify-self:end; opacity:1; color:var(--ink); font-size:clamp(22px,1.8vw,30px); text-shadow:none; transform:none !important; }
.projects.is-list .project-card--demo { cursor:default; }
.projects.is-list .project-card--demo::after { content:"COMING SOON"; position:relative; inset:auto; z-index:1; grid-column:1; grid-row:1; width:100%; height:auto; aspect-ratio:1; margin:14px 0; display:grid; place-items:center; color:rgba(255,255,255,.54); background:linear-gradient(135deg,#292929,#a4a4a4); font-size:6px; font-weight:900; letter-spacing:.14em; }
.projects.is-list .project-card--demo .project-card__index { color:var(--paper); }
.projects.is-list .project-card--demo .project-card__title strong { color:rgba(8,8,8,.38); }
.projects.is-list .project-card--demo .project-card__type { color:rgba(8,8,8,.36); }
.projects.is-list .project-card--demo .project-card__arrow { display:none; }
.project-card__index,.project-card__type,.project-card__title,.project-card__arrow { position:absolute; z-index:2; }
.project-card__index { top:22px; left:22px; font-size:8px; font-weight:900; letter-spacing:.12em; }
.project-card__type { top:22px; right:22px; font-size:8px; font-weight:900; letter-spacing:.12em; }
.project-card__index,.project-card__type { transition:transform .55s cubic-bezier(.16,1,.3,1); }
.project-card__title { right:22px; bottom:22px; left:22px; display:flex; flex-direction:column; }
.project-card__title strong { font-family:var(--display); font-size:clamp(1.05rem,1.78vw,2rem); font-weight:400; line-height:1.08; letter-spacing:-.045em; white-space:nowrap; text-shadow:0 8px 32px rgba(0,0,0,.38); transform-origin:0 100%; transition:transform .75s cubic-bezier(.16,1,.3,1),letter-spacing .75s cubic-bezier(.16,1,.3,1),text-shadow .5s; }
.project-card__title em { margin:5px 0 0 6%; font-family:var(--serif); font-size:clamp(1rem,1.55vw,1.8rem); font-style:normal; line-height:1; }
.project-card__arrow { right:20px; bottom:13px; font-size:clamp(42px,5vw,74px); font-style:normal; line-height:1; opacity:0; color:#fff; text-shadow:0 10px 30px rgba(0,0,0,.42); transform:none; transform-origin:50% 50%; transition:opacity .28s ease,text-shadow .28s ease; }
.project-card__title { transition:padding .65s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1); }

/* Editorial grid cards: image first, project information underneath. */
.projects:not(.is-list) { row-gap:clamp(42px,4.2vw,76px); }
.projects:not(.is-list) .project-card { display:grid; grid-template-rows:auto auto auto; align-content:start; row-gap:0; aspect-ratio:auto; overflow:visible; color:var(--ink); background:transparent; }
.projects:not(.is-list) .project-card::before,.projects:not(.is-list) .project-card::after { display:none; }
.projects:not(.is-list) .project-card__media { position:relative; inset:auto; width:100%; aspect-ratio:1/1; border-radius:clamp(10px,.9vw,16px); overflow:clip; background:transparent; }
.projects:not(.is-list) .project-card__media img { display:block; border-radius:inherit; }
.projects:not(.is-list) .project-card--fragments,.projects:not(.is-list) .project-card--heinz,.projects:not(.is-list) .project-card--tunisie-wifi,.projects:not(.is-list) .project-card--anima { grid-column:span 3; }
.projects:not(.is-list) .project-card--fragments .project-card__media,.projects:not(.is-list) .project-card--heinz .project-card__media,.projects:not(.is-list) .project-card--tunisie-wifi .project-card__media,.projects:not(.is-list) .project-card--anima .project-card__media { aspect-ratio:1.55/1; }
.project-card[hidden] { display:none!important; }
.projects:not(.is-list) .project-card--visa .project-card__media { aspect-ratio:1.5/1; }
.projects:not(.is-list) .project-card__title { position:relative; inset:auto; grid-row:2; display:block; margin-top:clamp(14px,1.15vw,19px); padding-right:54px; }
.projects:not(.is-list) .project-card__title strong,.projects:not(.is-list) .project-card--demo .project-card__title strong { display:block; color:var(--ink); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(1.05rem,1.42vw,1.55rem); font-weight:800; line-height:1.08; letter-spacing:-.032em; word-spacing:.08em; white-space:normal; text-shadow:none; }
.projects:not(.is-list) .project-card__title strong br { display:none; }
.projects:not(.is-list) .project-card__type { position:relative; inset:auto; grid-row:3; display:block; margin-top:8px; color:rgba(8,8,8,.48); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(6px,.48vw,8px); font-weight:700; line-height:1.3; letter-spacing:.11em; text-transform:uppercase; }
.projects:not(.is-list) .project-card__index { top:14px; left:14px; padding:7px 9px; border-radius:999px; color:#fff; background:rgba(8,8,8,.56); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:6px; font-weight:700; }
.projects:not(.is-list) .project-card__media .project-card__arrow { top:auto; right:16px; bottom:9px; left:auto; display:block; width:auto; height:auto; border-radius:0; opacity:0; color:#fff; background:transparent; font-size:clamp(44px,4.7vw,72px); font-weight:400; line-height:1; text-shadow:0 10px 30px rgba(0,0,0,.42); transform:translateY(9px); transition:opacity .25s ease,transform .4s cubic-bezier(.16,1,.3,1); }
.work--motion-ready .project-card:not(.is-arrived) { opacity:0; transform:translate3d(0,34px,0) rotate(.35deg); }
.work--motion-ready .project-card:not(.is-arrived) .project-card__index,.work--motion-ready .project-card:not(.is-arrived) .project-card__type,.work--motion-ready .project-card:not(.is-arrived) .project-card__title { opacity:0; }
.work--motion-ready .project-card.is-arrived { opacity:1; transform:none; transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease; }
body.is-returning .work--motion-ready::before { transform:scaleY(0); transition:none; }
body.is-returning .work--motion-ready .projects-title__mask > span,
body.is-returning .work--motion-ready .work__head h2 sup { opacity:1; transform:none; animation:none; }
body.is-returning .work--motion-ready .project-card { opacity:1; transform:none; }
body.is-returning .work--motion-ready .project-card__index,
body.is-returning .work--motion-ready .project-card__type,
body.is-returning .work--motion-ready .project-card__title { opacity:1; }
@media (hover:hover) and (pointer:fine) {
  .projects:not(.is-list) .project-card.is-arrived:hover,.projects:not(.is-list) .project-card.is-arrived:focus-visible { transform:translateY(-4px); box-shadow:none; }
  .projects:not(.is-list) .project-card:hover .project-card__media img,.projects:not(.is-list) .project-card:focus-visible .project-card__media img { transform:scale(1.035); }
  .projects:not(.is-list) .project-card:hover .project-card__arrow,.projects:not(.is-list) .project-card:focus-visible .project-card__arrow { opacity:1; text-shadow:none; transform:none; }
  .projects:not(.is-list) .project-card:hover .project-card__title strong,.projects:not(.is-list) .project-card:focus-visible .project-card__title strong { letter-spacing:-.032em; text-shadow:none; }
  .project-card.is-arrived:hover,.project-card.is-arrived:focus-visible { z-index:4; transform:translateZ(0) scale(1.018); box-shadow:0 22px 48px rgba(23,18,9,.18); }
  .project-card:hover::before,.project-card:focus-visible::before { opacity:.35; }
  .project-card:hover::after,.project-card:focus-visible::after { background:linear-gradient(180deg,transparent 0 72%,rgba(0,0,0,.26) 100%); }
  .project-card--samsung:hover::after,.project-card--samsung:focus-visible::after { background:linear-gradient(180deg,transparent 0 68%,rgba(0,0,0,.36) 100%); }
  .project-card:hover .project-card__arrow,.project-card:focus-visible .project-card__arrow { opacity:.82; text-shadow:0 12px 34px rgba(0,0,0,.5); }
  .project-card:hover .project-card__title,.project-card:focus-visible .project-card__title { padding-right:0; transform:none; }
  .project-card:hover .project-card__title strong,.project-card:focus-visible .project-card__title strong { letter-spacing:-.045em; text-shadow:0 8px 32px rgba(0,0,0,.38); transform:none; }
  .project-card:hover .project-card__index,.project-card:focus-visible .project-card__index { transform:none; }
  .project-card:hover .project-card__type,.project-card:focus-visible .project-card__type { transform:none; }
  .projects.is-list .project-card:hover,.projects.is-list .project-card:focus-visible { color:var(--ink); background:rgba(8,8,8,.035); transform:none !important; box-shadow:none; }
  .projects.is-list .project-card:hover::before,.projects.is-list .project-card:focus-visible::before { opacity:1; }
  .projects.is-list .project-card:hover .project-card__media,.projects.is-list .project-card:focus-visible .project-card__media { opacity:1; transform:none; }
  .projects.is-list .project-card:hover .project-card__media img,.projects.is-list .project-card:focus-visible .project-card__media img { transform:scale(1) !important; }
  .projects.is-list .project-card:hover .project-card__title strong,.projects.is-list .project-card:focus-visible .project-card__title strong { letter-spacing:-.058em; text-shadow:none; transform:none; }
  .projects.is-list .project-card:hover .project-card__arrow,.projects.is-list .project-card:focus-visible .project-card__arrow { color:#444be2; transform:none !important; }
  .project-card--demo:hover { transform:translateZ(0); box-shadow:none; }
  .project-card--demo:hover::after { background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%,rgba(0,0,0,.16)); }
  .project-card--demo:hover .project-card__title { padding-right:0; transform:none; }
  .project-card--demo:hover .project-card__title strong { letter-spacing:-.045em; transform:none; text-shadow:none; }
  .project-card--demo:hover .project-card__index,.project-card--demo:hover .project-card__type { transform:none; }
}
.project-placeholder { position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--acid); transform-origin:center bottom; }
.project-placeholder::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.45) 50%,transparent 75%); transform:translateX(-130%); transition:transform .9s cubic-bezier(.16,1,.3,1); }
.project-placeholder::after { content:""; position:absolute; inset:12px; border:1px solid rgba(0,0,0,0); transition:border-color .4s, inset .5s cubic-bezier(.16,1,.3,1); }
.project-placeholder:hover { transform:translateY(-8px) rotate(.35deg); }
.project-placeholder:hover::before { transform:translateX(130%); }.project-placeholder:hover::after { inset:8px; border-color:rgba(0,0,0,.18); }

.manifesto { --ai-progress:0; --ai-scene-y:0px; --ai-content-opacity:0; --ai-overlay-opacity:0; --ai-image-brightness:.92; --ai-atmosphere-opacity:.08; --ai-copy-opacity:0; --ai-copy-y:24px; --ai-darkness:0; position:relative; z-index:1; min-height:280svh; padding:0; overflow:visible; isolation:isolate; color:#f8f5e9; background:#090e11; }
.manifesto__stage { position:sticky; top:0; height:100svh; min-height:650px; overflow:hidden; isolation:isolate; background:#090e11; }
.manifesto__scene { position:absolute; z-index:0; inset:0; overflow:hidden; background:#090e11; }
.manifesto__scene img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%; filter:none; transform:translate3d(0,var(--ai-scene-y),0); transform-origin:50% 50%; will-change:transform; }
.manifesto__scene::before { content:""; position:absolute; z-index:1; inset:0 auto 0 0; width:33.333%; opacity:var(--ai-overlay-opacity); pointer-events:none; background:linear-gradient(90deg,rgba(3,5,7,.94) 0%,rgba(3,5,7,.82) 62%,rgba(3,5,7,0) 100%); will-change:opacity; }
.manifesto__atmosphere { display:none; }
.manifesto__content { position:relative; z-index:4; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:38%; height:100%; padding:0 clamp(32px,3.5vw,64px) 0 clamp(56px,5vw,96px); opacity:var(--ai-content-opacity); will-change:opacity; }
.manifesto__eyebrow { display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.62); font-size:7px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.manifesto__eyebrow::before { content:""; width:7px; height:7px; background:var(--acid); box-shadow:0 0 22px rgba(255,207,6,.7); }
.manifesto__trigger { position:relative; display:block; width:100%; max-width:100%; margin:0; color:inherit; }
.manifesto__trigger:focus-visible { outline:1px solid var(--acid); outline-offset:12px; }
.manifesto__heading { margin:0; color:#f6f1e5; font-family:var(--display); font-size:clamp(3.1rem,4.65vw,5.7rem); font-weight:800; font-variation-settings:"wdth" 100,"wght" 800; line-height:.8; letter-spacing:-.075em; text-transform:uppercase; text-shadow:0 10px 40px rgba(0,0,0,.34); }
.manifesto__heading > span { position:relative; display:block; width:max-content; max-width:100%; white-space:nowrap; opacity:0; filter:blur(10px); transform:translate3d(0,.18em,0); will-change:opacity,filter,transform; }
.manifesto__heading sup { display:inline-block; margin-left:.08em; color:var(--acid); font-family:var(--sans); font-size:.27em; font-weight:900; line-height:1; letter-spacing:0; vertical-align:top; transform:translateY(-.06em); }
.manifesto__duality { position:absolute; z-index:5; inset:0; display:grid; place-items:center; overflow:hidden; pointer-events:none; opacity:1; filter:none; transform:none; transform-origin:50% 52%; }
.manifesto__duality-aura { display:none; }
.manifesto__duality-pair { position:relative; display:flex; align-items:center; justify-content:center; width:min(100vw,1560px); height:min(92svh,900px); gap:clamp(42px,6vw,120px); }
.manifesto__duality-magic { position:absolute; z-index:-1; top:50%; width:clamp(250px,31vw,540px); aspect-ratio:1; border-radius:50%; opacity:0; pointer-events:none; background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.98) 0 5%,rgba(255,90,195,.82) 15%,rgba(255,31,151,.52) 29%,transparent 54%),radial-gradient(ellipse at 28% 68%,rgba(255,72,180,.72),transparent 40%),radial-gradient(ellipse at 74% 29%,rgba(255,220,43,.76),transparent 38%); filter:blur(10px); mix-blend-mode:screen; transform:translate(-50%,-50%) scale(.2) rotate(-12deg); will-change:opacity,filter,transform; }
.manifesto__duality-magic::after { content:""; position:absolute; inset:14%; border:2px solid rgba(255,236,122,.58); border-radius:50%; box-shadow:0 0 28px rgba(255,207,6,.72),inset 0 0 26px rgba(255,72,180,.5); }
.manifesto__duality-magic--left { left:27%; }
.manifesto__duality-magic--right { left:73%; }
.manifesto__duality.is-visible .manifesto__duality-magic--left { animation:ai-duality-magic 1.3s cubic-bezier(.16,1,.3,1) both; }
.manifesto__duality.is-visible .manifesto__duality-magic--right { animation:ai-duality-magic 1.3s .38s cubic-bezier(.16,1,.3,1) both; }
@keyframes ai-duality-magic { 0% { opacity:0; filter:blur(18px) brightness(1.8); transform:translate(-50%,-44%) scale(.18) rotate(-14deg); } 25% { opacity:1; filter:blur(7px) brightness(1.35); } 58% { opacity:.78; filter:blur(12px) brightness(1.12); transform:translate(-50%,-52%) scale(1.08) rotate(5deg); } 100% { opacity:0; filter:blur(26px) brightness(1); transform:translate(-50%,-58%) scale(1.58) rotate(14deg); } }
.manifesto__duality-angel { flex:none; width:clamp(310px,33vw,620px); max-height:90svh; object-fit:contain; opacity:0; filter:grayscale(.72) blur(14px) brightness(1.65) saturate(.7) drop-shadow(0 28px 45px rgba(0,0,0,.55)); transform-origin:50% 68%; will-change:opacity,filter,transform; }
.manifesto__duality-angel--left { transform:translate3d(42%,32px,0) scale(.34) rotate(-12deg); }
.manifesto__duality-angel--right { transform:translate3d(-42%,32px,0) scaleX(-1) scale(.34) rotate(-12deg); }
.manifesto__duality.is-visible .manifesto__duality-aura { display:none; }
.manifesto__duality.is-visible .manifesto__duality-angel--left { animation:ai-duality-left 1.15s cubic-bezier(.16,1,.3,1) both; }
.manifesto__duality.is-visible .manifesto__duality-angel--right { animation:ai-duality-right 1.15s .38s cubic-bezier(.16,1,.3,1) both; }
@keyframes ai-duality-left { 0% { opacity:0; filter:blur(12px) brightness(2.2) saturate(.55) drop-shadow(0 28px 45px rgba(0,0,0,.55)); transform:translateY(28px) scale(.28) rotate(-12deg); } 42% { opacity:1; filter:blur(0) brightness(1.52) saturate(1.62) drop-shadow(0 0 46px rgba(255,75,183,.44)) drop-shadow(0 34px 55px rgba(0,0,0,.58)); transform:translateY(-7px) scale(1.12) rotate(3.5deg); } 68% { filter:blur(0) brightness(1.08) saturate(1.22) drop-shadow(0 30px 48px rgba(0,0,0,.56)); transform:translateY(2px) scale(.96) rotate(.3deg); } 100% { opacity:1; filter:blur(0) brightness(1.03) saturate(1.16) drop-shadow(0 28px 45px rgba(0,0,0,.55)); transform:translateY(0) scale(1) rotate(1.5deg); } }
@keyframes ai-duality-right { 0% { opacity:0; filter:blur(12px) brightness(2.2) saturate(.55) drop-shadow(0 28px 45px rgba(0,0,0,.55)); transform:translateY(28px) scaleX(-1) scale(.28) rotate(-12deg); } 42% { opacity:1; filter:blur(0) brightness(1.52) saturate(1.62) drop-shadow(0 0 46px rgba(255,75,183,.44)) drop-shadow(0 34px 55px rgba(0,0,0,.58)); transform:translateY(-7px) scaleX(-1) scale(1.12) rotate(3.5deg); } 68% { filter:blur(0) brightness(1.08) saturate(1.22) drop-shadow(0 30px 48px rgba(0,0,0,.56)); transform:translateY(2px) scaleX(-1) scale(.96) rotate(.3deg); } 100% { opacity:1; filter:blur(0) brightness(1.03) saturate(1.16) drop-shadow(0 28px 45px rgba(0,0,0,.55)); transform:translateY(0) scaleX(-1) scale(1) rotate(1.5deg); } }@keyframes ai-duality-aura { 0% { opacity:0; transform:translate(-50%,-45%) scale(.22) rotate(-8deg); filter:blur(30px); } 28% { opacity:.86; } 72% { opacity:.48; } 100% { opacity:.3; transform:translate(-50%,-55%) scale(1.35) rotate(8deg); filter:blur(28px); } }
@media (max-width:800px) { .manifesto__duality-pair { width:100vw; height:82svh; gap:clamp(8px,2vw,18px); } .manifesto__duality-magic { width:clamp(190px,58vw,340px); } .manifesto__duality-magic--left { left:25%; } .manifesto__duality-magic--right { left:75%; } .manifesto__duality-magic { position:absolute; z-index:-1; top:50%; width:clamp(250px,31vw,540px); aspect-ratio:1; border-radius:50%; opacity:0; pointer-events:none; background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.98) 0 5%,rgba(255,90,195,.82) 15%,rgba(255,31,151,.52) 29%,transparent 54%),radial-gradient(ellipse at 28% 68%,rgba(255,72,180,.72),transparent 40%),radial-gradient(ellipse at 74% 29%,rgba(255,220,43,.76),transparent 38%); filter:blur(10px); mix-blend-mode:screen; transform:translate(-50%,-50%) scale(.2) rotate(-12deg); will-change:opacity,filter,transform; }
.manifesto__duality-magic::after { content:""; position:absolute; inset:14%; border:2px solid rgba(255,236,122,.58); border-radius:50%; box-shadow:0 0 28px rgba(255,207,6,.72),inset 0 0 26px rgba(255,72,180,.5); }
.manifesto__duality-magic--left { left:27%; }
.manifesto__duality-magic--right { left:73%; }
.manifesto__duality.is-visible .manifesto__duality-magic--left { animation:ai-duality-magic 1.3s cubic-bezier(.16,1,.3,1) both; }
.manifesto__duality.is-visible .manifesto__duality-magic--right { animation:ai-duality-magic 1.3s .38s cubic-bezier(.16,1,.3,1) both; }
@keyframes ai-duality-magic { 0% { opacity:0; filter:blur(18px) brightness(1.8); transform:translate(-50%,-44%) scale(.18) rotate(-14deg); } 25% { opacity:1; filter:blur(7px) brightness(1.35); } 58% { opacity:.78; filter:blur(12px) brightness(1.12); transform:translate(-50%,-52%) scale(1.08) rotate(5deg); } 100% { opacity:0; filter:blur(26px) brightness(1); transform:translate(-50%,-58%) scale(1.58) rotate(14deg); } }
.manifesto__duality-angel { width:clamp(190px,45vw,330px); max-height:76svh; } }.manifesto__copy { position:relative; width:100%; margin-top:clamp(26px,3.5svh,40px); padding-top:clamp(16px,2svh,22px); opacity:var(--ai-copy-opacity); transform:translate3d(0,var(--ai-copy-y),0); will-change:opacity,transform; }
.manifesto__copy::before,.manifesto__copy::after { content:""; position:absolute; top:0; left:0; height:3px; pointer-events:none; }
.manifesto__copy::before { width:65%; background:var(--acid); opacity:.28; }
.manifesto__copy::after { width:65%; background:var(--acid); box-shadow:0 0 12px rgba(255,207,6,.55); transform:scaleX(var(--ai-progress)); transform-origin:left center; will-change:transform; }
.manifesto__copy p { margin:0; }
.manifesto__lead { max-width:28ch; color:#fff; font-family:var(--serif); font-size:clamp(.95rem,1.15vw,1.28rem); font-weight:400; line-height:1.12; letter-spacing:-.02em; }
.manifesto__body { max-width:42ch; margin-top:clamp(12px,1.5svh,18px) !important; color:rgba(255,255,255,.75); font-size:clamp(.625rem,.66vw,.78rem); font-weight:500; line-height:1.48; letter-spacing:.005em; }
.manifesto__body:first-child { margin-top:0 !important; }
.manifesto__enter { display:inline-flex; align-items:center; gap:13px; max-width:100%; margin-top:clamp(24px,3svh,34px); padding:13px 18px; border:1px solid var(--acid); border-radius:999px; color:#090909; background:var(--acid); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); font-size:clamp(.56rem,.58vw,.7rem); font-weight:900; line-height:1.1; letter-spacing:.12em; white-space:nowrap; transition:color .35s,background .35s,border-color .35s,transform .4s cubic-bezier(.16,1,.3,1); }
.manifesto__action { position:relative; display:inline-flex; align-items:flex-end; margin-top:clamp(10px,1.8svh,18px); }
.manifesto__action .manifesto__enter { margin-top:0; }
.manifesto__spark { color:#090909; font-size:16px; font-style:normal; line-height:1; transform-origin:center; transition:color .35s,transform .45s cubic-bezier(.16,1,.3,1); }
.manifesto__enter:hover,.manifesto__enter:focus-visible { color:#fff; border-color:#fff; background:rgba(7,11,13,.55); transform:translateX(8px); outline:none; }
.manifesto__enter:hover .manifesto__spark,.manifesto__enter:focus-visible .manifesto__spark { color:#ffcf06; transform:rotate(90deg) scale(1.1); }
.manifesto__ticker { position:absolute; z-index:12; right:-2%; bottom:-22px; left:-2%; overflow:hidden; color:#090909; border-top:1px solid #090909; border-bottom:1px solid #090909; background:var(--acid); transform:rotate(-2.6deg); transform-origin:center; box-shadow:0 12px 28px rgba(0,0,0,.18); }
.manifesto__ticker div { display:flex; width:max-content; align-items:center; gap:clamp(22px,2.2vw,38px); padding:clamp(10px,.8vw,14px) 0; animation:ticker 14s linear infinite; font-family:"Inter","Inter Placeholder",Arial,sans-serif; min-height:clamp(40px,4.3vw,77px); font-size:clamp(.75rem,1.675vw,1.9rem); font-weight:900; line-height:.8; letter-spacing:-.05em; white-space:nowrap; }
.manifesto__ticker i { font-size:.58em; font-style:normal; }
@keyframes ticker { to { transform:translateX(-50%); } }

.contact { position:relative; isolation:isolate; min-height:100svh; display:flex; flex-direction:column; overflow:hidden; color:var(--acid); background:#110c0c; }
.contact.section-pad { padding:clamp(90px,13vw,190px) var(--pad); }
.contact::before { content:""; position:absolute; z-index:-1; inset:0; background-image:url("assets/contact-creation-final.webp"); background-position:center; background-size:cover; background-repeat:no-repeat; }
.contact > * { position:relative; z-index:1; }
.contact > .eyebrow,.contact h2 { top:clamp(-90px,-5vw,-55px); }
.contact > .eyebrow { margin:0; font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-weight:800; }
.contact h2 { margin:auto 0 60px; color:var(--acid); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(4.2rem,11vw,12rem); font-weight:900; line-height:.78; letter-spacing:-.025em; text-shadow:0 8px 34px rgba(0,0,0,.14); }
.contact h2 em { display:inline-block; margin-top:.16em; font-family:var(--serif); font-weight:400; font-style:italic; letter-spacing:-.035em; }
.contact__mail { display:flex; justify-content:space-between; margin-top:0; padding:22px 0; border-top:1px solid var(--acid); border-bottom:1px solid var(--acid); color:var(--acid); font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(1rem,2.3vw,2.3rem); font-weight:500; letter-spacing:-.02em; }
.contact__location { display:grid; grid-template-columns:auto 1fr auto; align-items:baseline; gap:clamp(16px,2vw,32px); padding:20px 0; border-bottom:1px solid var(--acid); color:var(--acid); text-transform:uppercase; }
.contact__location span,.contact__location small { color:var(--acid); font-size:8px; font-weight:800; letter-spacing:.1em; }
.contact__location strong { font-family:"Inter","Inter Placeholder",Arial,sans-serif; font-size:clamp(1rem,1.7vw,1.8rem); font-weight:700; letter-spacing:-.045em; }
.contact footer { display: flex; justify-content: space-between; margin-top: 80px; color: var(--acid); font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.contact footer { align-items:flex-end; }
.contact__continue { color:var(--acid); font-family:var(--display),"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; font-size:clamp(2.6rem,5.5vw,6rem); font-weight:900; line-height:.7; letter-spacing:-.08em; }

.reveal { opacity:0; transform:translateY(45px) scale(.99); transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1); }
.reveal.is-visible { opacity:1; transform:translateY(0) scale(1); }
.discipline-list .reveal:nth-child(2n) { transition-delay: .04s; }
.cursor { --cursor-x:-100px; --cursor-y:-100px; position:fixed; z-index:100; left:0; top:0; width:90px; height:90px; margin:-45px 0 0 -45px; display:grid; opacity:0; pointer-events:none; place-items:center; translate:var(--cursor-x) var(--cursor-y); transform:rotate(-12deg) scale(.2); transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1); will-change:translate,transform; }
.cursor span { position:absolute; top:-13px; left:50%; color:var(--acid); font-size:8px; font-weight:900; letter-spacing:.12em; transform:translateX(-50%); }
.cursor img { display:block; width:100%; height:100%; object-fit:contain; }
.cursor.is-active { opacity:1; transform:rotate(0) scale(1); }
@media (hover:hover) and (pointer:fine) { .cursor-view { cursor:none; } }
.ai-cursor-angel { --ai-cursor-x:-260px; --ai-cursor-y:-260px; --ai-cursor-rotate:-7deg; position:fixed; z-index:98; top:0; left:0; width:clamp(135px,9.8vw,185px); aspect-ratio:1/1.3; opacity:0; pointer-events:none; translate:var(--ai-cursor-x) var(--ai-cursor-y); transform:translate(-50%,-50%) rotate(var(--ai-cursor-rotate)) scale(.68); transform-origin:50% 44%; filter:blur(7px) brightness(1.25) saturate(1.08); transition:opacity .38s ease,filter .5s ease,transform .55s cubic-bezier(.16,1,.3,1); will-change:translate,transform,opacity; }
.ai-cursor-angel::before { content:""; position:absolute; z-index:-1; inset:11% 2% 8%; border:1px solid rgba(255,255,255,.12); border-radius:48% 52% 44% 56%/56% 42% 58% 44%; background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.12),rgba(255,105,197,.1) 35%,transparent 67%); box-shadow:0 18px 55px rgba(0,0,0,.16); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.ai-cursor-angel::after { content:"✦"; position:absolute; z-index:2; top:8%; right:5%; color:var(--acid); font-size:clamp(12px,1.1vw,20px); text-shadow:0 0 13px rgba(255,207,6,.72); opacity:.9; animation:ai-cursor-spark 1.8s ease-in-out infinite; }
.ai-cursor-angel img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 18px 26px rgba(0,0,0,.3)); animation:ai-cursor-breathe 2.8s ease-in-out infinite; }
body.is-ai-cursor-ready .ai-cursor-angel { opacity:1; filter:blur(0) brightness(1) saturate(1); transform:translate(-50%,-50%) rotate(var(--ai-cursor-rotate)) scale(1); }
@keyframes ai-cursor-breathe { 0%,100% { translate:0 5px; } 50% { translate:0 -9px; } }
@keyframes ai-cursor-spark { 0%,100% { opacity:.35; transform:scale(.72) rotate(0); } 50% { opacity:1; transform:scale(1.12) rotate(22deg); } }

@media (min-width: 801px) and (max-width: 1180px) {
  .site-header { height:62px; padding-inline:clamp(22px,3.2vw,40px); font-size:clamp(9px,1.05vw,11px); }
  .site-header nav { gap:clamp(16px,2.3vw,26px); }
  .language-switcher { font-size:clamp(8px,.85vw,10px); }
  .profile-intro__grid { gap:clamp(14px,1.8vw,24px); }

  .profile-intro__identity { --angel-left:clamp(165px,20vw,220px); --angel-top:-26px; --angel-size:clamp(142px,14vw,180px); }
  .profile-intro__identity h2 { font-size:clamp(2.8rem,5.4vw,4.2rem); }
  .profile-intro__narrative { transform:translateY(clamp(-56px,-4vw,-28px)); }
  .profile-intro__summary--bio { font-size:clamp(.9rem,1.4vw,1.18rem); }
  .manifesto__content { width:44%; padding-left:clamp(64px,7vw,84px); padding-right:clamp(28px,3.5vw,44px); }
  .manifesto__mascot-wrap { left:75%; width:clamp(154px,13.2vw,202px); }
}
@media (min-width: 1281px) and (max-width: 1680px) {
  .profile-intro__identity { --angel-left:clamp(185px,13vw,245px); }
}
@media (min-width: 801px) {
  .profile-intro__identity { --angel-left:42%; --angel-bottom:clamp(82px,5.7vw,110px); }
  .profile-intro__angel { top:auto; bottom:var(--angel-bottom); }
}
@media (max-width: 800px) {
  .about-page .origin { padding-top:88px; padding-bottom:72px; }
  .about-page .origin__masthead { display:block; }
  .about-page .origin__meta { display:flex; gap:14px; margin-top:12px; text-align:left; }
  .about-page .origin__grid { display:block; margin-top:34px; }
  .about-page .story-beat,.about-page .story-beat.is-current { min-height:140svh; padding:0; }
  .about-page .story-beat--plain p { width:100%; font-size:clamp(1.35rem,6.2vw,2rem); line-height:1.08; }
  .about-page .origin__collage { position:relative; top:auto; min-height:520px; margin:18px 0 0; }
  .about-page .portrait { right:0; width:78%; }
  .about-page .ring { right:-2%; width:28%; }
  .about-page .vb { left:0; bottom:7%; width:32%; }
  .about-page .turntable { right:2%; width:44%; }
  .profile-intro__modal { width:calc(100vw - 28px); max-height:calc(100svh - 28px); }.profile-intro__modal-shell { gap:18px; padding:50px 24px 28px; }.profile-intro__modal h2 { font-size:clamp(1.85rem,9vw,2.65rem); }.profile-intro__modal-copy p { font-size:.94rem; line-height:1.5; }.profile-intro__modal-foot { font-size:5.5px; }
  .loader { padding:0; }
  .loader__meta { grid-template-columns:1fr 1fr; font-size:6px; line-height:1.35; }
  .loader__meta span:nth-child(2) { display:none; }
  .loader__meta span:last-child { justify-self:end; text-align:right; }
  .loader__stage { min-height:100%; }
  .loader__first-name { top:38%; font-size:max(38vw,9rem); }
  .loader__surname-strip { bottom:11svh; }
  .loader__surname-track { font-size:21vw; animation-duration:7s; }
  .loader__identity { display:none; }
  .loader__angel { width:min(43vw,210px); max-height:55svh; }
  .loader__angel img { max-height:55svh; }
  .loader__status { font-size:6px; }
  .loader__status span:last-child { display:none; }
  .loader__track { gap:10px; }
  .loader__track > span { display:none; }
  .loader__count { min-width:68px; margin-left:12px; font-size:2.7rem; }
  .dot-wave { display:none; }
  .projects-viewbar { top:90px; right:0; }
  .site-header { grid-template-columns:1fr auto auto; gap:10px; height:58px; padding:0 14px; font-size:9px; }.site-header nav { display:flex; gap:8px; }.brand > span { font-size:1em; }.language-switcher { gap:4px; font-size:7px; }.sound { gap:5px; font-size:7px; }.sound__bars { gap:1px; }.sound__bars i { width:1px; }
  .profile-intro { padding-top:16px; padding-bottom:58px; }.profile-intro__rail { align-items:flex-start; gap:18px; font-size:6px; line-height:1.45; }.profile-intro__rail span:last-child { max-width:58%; text-align:right; }.profile-intro__grid { grid-template-columns:1fr; gap:0; margin-top:10px; }.profile-intro__portrait { grid-column:1; grid-row:1; justify-self:end; width:min(68vw,280px); }.profile-intro__identity { --angel-left:39%; --angel-top:-17px; --angel-size:134px; grid-column:1; grid-row:2; padding:34px 0 0; }.profile-intro__identity h2 { gap:.13em; margin:28px 0 8px; font-size:clamp(2.9rem,13.5vw,4.25rem); }.profile-intro__label { margin-bottom:14px; }.profile-intro__role { gap:4px; font-size:11px; }.profile-intro__narrative { grid-column:1; grid-row:3; min-height:0; margin-top:-28px; padding:0; transform:none; }.profile-intro__summary { font-size:clamp(1.35rem,6.4vw,1.7rem); line-height:1.1; }.profile-intro__summary--bio { top:auto; font-size:clamp(1.25rem,5.8vw,1.7rem); line-height:1.08; letter-spacing:-.045em; }.profile-intro__narrative > a { align-self:flex-start; margin-top:38px; }.profile-intro__foot { display:block; margin-top:54px; padding-top:14px; line-height:1.5; }.profile-intro__foot span { display:block; }.profile-intro__foot span + span { margin-top:4px; }
  .about-page .disciplines { min-height:210svh; }.about-page .creative-thesis { height:175svh; }
  .hero-sequence { height:100svh; }.hero { width:100%; min-height:620px; height:100svh; aspect-ratio:auto; --hero-human-x:0vw; --hero-angel-x:0vw; }.hero__media img,.hero__media video { object-position:57% center; }.hero--studio .hero__subject--human { clip-path:none; object-position:50% 50%; transform:none; }.hero--studio .hero__subject--angel { display:none; }.hero__side,.hero__statement { display:none; }
  .hero__title { left:18px; right:18px; bottom:105px; font-size:clamp(2.5rem,11vw,5rem); }.hero--image .hero__title { max-width:90vw; font-size:clamp(1.47rem,6.216vw,2.695rem); line-height:.8; }.hero--image .hero__image { object-position:50% 50%; }.hero__line { flex-wrap:wrap; white-space:normal; gap:.1em .15em; }.title-window { width:1.3em; }.hero__foot { left:18px; right:18px; bottom:22px; font-size:6px; }
  .origin { min-height:0; }.origin__masthead { align-items:flex-start; gap:20px; }.origin__meta { display:block; text-align:right; }.origin__meta span { display:block; margin-bottom:5px; }.origin__grid { display:block; margin-top:25px; }.story-beat { min-height:68svh; padding:9vh 0; }.story-beat h3 { font-size:clamp(3.4rem,15vw,5.6rem); }.story-beat p { max-width:92%; margin-left:8%; }.story-beat--plain p { max-width:100%; margin-left:0; font-size:clamp(1.45rem,6.5vw,2.35rem); line-height:1.18; }.story-beat h3 small { margin-left:8%; }.origin__collage { position:relative; top:auto; min-height:590px; margin:60px 0 0; }.portrait { top:0; right:-2%; width:74%; aspect-ratio:1/1.05; }.ring { top:10%; right:-2%; width:28%; }.vb { left:0; bottom:8%; width:32%; }.turntable { width:48%; right:3%; bottom:0; aspect-ratio:1.45/1; }.origin__collage figcaption { font-size:6px; }
  .disciplines { min-height:340svh; grid-template-columns:1fr; margin-top:-42svh; padding-top:48px; background:linear-gradient(180deg,transparent 0,rgba(5,5,6,.8) 24svh,#050506 42svh); }.disciplines__intro { position:sticky; top:68px; margin-bottom:0; padding:18px 0 24px; background:linear-gradient(180deg,rgba(5,5,6,.98) 72%,transparent); }.disciplines__intro span { display:none; }.medium-counter { position:absolute; top:14px; right:0; margin-top:0; }.medium-counter strong { font-size:6rem; }.discipline-list { top:135px; }.discipline-list li { min-height:clamp(68px,9svh,88px); font-size:clamp(1.3rem,5.8vw,2.65rem); }.discipline-list span { width:40px; }
  .work__head { display:block; }.work__head p { margin-bottom:25px; }.projects { grid-template-columns:1fr; }.project-card,.project-card--heinz,.project-card--visa,.project-card--tunisie-wifi { grid-column:auto; aspect-ratio:1.1/1; }.projects:not(.is-list) .project-card--fragments,.projects:not(.is-list) .project-card--heinz,.projects:not(.is-list) .project-card--tunisie-wifi,.projects:not(.is-list) .project-card--anima { grid-column:auto; }.project-card .project-card__media img { object-position:50% 50%; }.project-card__type { display:none; }.project-card__title strong { font-size:6.6vw; line-height:1.08; }.project-card__title em { font-size:5.5vw; }.project-placeholder { aspect-ratio:1.1/1; }
  .projects.is-list .project-card { grid-template-columns:92px minmax(0,1fr) 24px; gap:14px; min-height:112px; }.projects.is-list .project-card__media,.projects.is-list .project-card--demo::after { width:92px; height:92px; margin:10px 0; }.projects.is-list .project-card__index { margin:6px; padding:3px 4px; font-size:5px; }.projects.is-list .project-card__title { grid-column:2; grid-row:1; }.projects.is-list .project-card__title strong,.projects.is-list .project-card--nike .project-card__title strong { font-size:clamp(.88rem,4vw,1.1rem); line-height:.96; }.projects.is-list .project-card__type { display:none; }.projects.is-list .project-card__arrow { grid-column:3; grid-row:1; font-size:20px; }
  .creative-thesis { height:210svh; }.creative-thesis__finale { padding:24px 16px; }.creative-thesis__finale p { font-size:clamp(2rem,10vw,4rem); }.creative-thesis__finale h2 { width:90vw; font-size:clamp(2.7rem,11.5vw,5rem); line-height:.82; }.thesis-angel { width:140vw; opacity:.72; }.thesis-angel--left { left:-62vw; }.thesis-angel--right { right:-62vw; }
  .manifesto { min-height:220svh; }.manifesto__stage { min-height:610px; }.manifesto__scene img { object-position:62% 0%; }.manifesto__scene::before { background:linear-gradient(180deg,rgba(4,7,9,.52) 0%,rgba(4,7,9,.24) 33%,rgba(4,7,9,.88) 100%),linear-gradient(90deg,rgba(4,7,9,.82),transparent 92%); }.manifesto__content { padding:88px 18px 24px; }.manifesto__trigger { max-width:100%; margin-top:0; }.manifesto__heading { font-size:clamp(2.75rem,12.6vw,4.8rem); line-height:.8; letter-spacing:-.065em; }.manifesto__heading > span { white-space:nowrap; }.manifesto__mascot-wrap { top:0; left:calc(clamp(2.75rem,12.6vw,4.8rem) * 3.38 + 3px); width:clamp(76px,23vw,108px); transform:translate3d(-4%,-64%,0); }.manifesto__copy { width:min(100%,440px); margin-top:34px; padding-top:18px; }.manifesto__lead { max-width:27ch; font-size:clamp(1.12rem,5.2vw,1.45rem); }.manifesto__body { max-width:50ch; margin-top:16px !important; font-size:clamp(.9rem,3.8vw,1rem); line-height:1.5; }.manifesto__body:first-child { margin-top:0 !important; }.manifesto__enter { margin-top:22px; font-size:clamp(.58rem,2.5vw,.68rem); }.manifesto__action { margin-top:22px; }.manifesto__action .manifesto__enter { margin-top:0; }.manifesto__mascot { top:-28px; bottom:auto; width:clamp(130px,32vw,166px); left:calc(100% - 48px); }
  .contact::before { background-position:50% 50%; background-size:cover; }
  .contact__location { grid-template-columns:auto 1fr; }.contact__location small { display:none; }.contact footer { gap:28px 20px; flex-wrap:wrap; }.contact__continue { width:100%; margin-top:10px; font-size:clamp(3.5rem,18vw,6rem); text-align:right; }
  .contact.section-pad { padding:clamp(90px,13vw,190px) var(--pad); }.contact > .eyebrow,.contact h2 { top:-32px; }.contact h2 { margin:auto 0 60px; font-size:clamp(3.65rem,17vw,6.4rem); line-height:.8; }.contact__mail { margin-top:0; }
  .manifesto__content { justify-content:center; padding-top:0; padding-bottom:0; }
  .ai-cursor-angel { display:none; }
  .cursor { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .profile-intro__summary--bio [data-reading-word] { color:var(--paper); }
  html { scroll-behavior:auto; } .hero-sequence { height:100svh; }.hero { position:relative; }.dot-wave { display:none; } *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }.reveal,.story-beat { opacity:1; transform:none; filter:none; }.profile-intro__info { animation:none; }.profile-intro__angel { opacity:1; filter:drop-shadow(0 12px 22px rgba(0,0,0,.24)); transform:translateX(-50%) rotate(1.5deg); }.profile-intro__identity::before,.profile-intro__identity::after { display:none; }.manifesto { min-height:100svh; --ai-content-opacity:1; --ai-overlay-opacity:1; --ai-image-brightness:.67; --ai-atmosphere-opacity:.42; --ai-copy-opacity:1; --ai-copy-y:0px; }.manifesto__mascot { opacity:1; filter:drop-shadow(0 11px 20px rgba(0,0,0,.3)); transform:rotate(1.5deg); }.manifesto__heading > span { opacity:1 !important; filter:none !important; transform:none !important; }.medium span,.medium a { visibility:visible; opacity:1; transform:none; clip-path:none; }.creative-thesis { height:100svh; }.creative-thesis__finale p { display:none; }.creative-thesis__finale h2 { opacity:1;filter:none;transform:none; }.thesis-angels { opacity:.68;filter:none; }
}