:root{color-scheme:light;--paper:#f7f7f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#080808;font-family:Arial,sans-serif}.hero{height:100svh;min-height:500px;position:relative;overflow:hidden;isolation:isolate;touch-action:none;background:radial-gradient(ellipse at 50% 50%,#fff 0%,var(--paper) 72%)}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.molecules{z-index:0}h1{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);margin:0;z-index:1;animation:arrive 1.3s cubic-bezier(.16,1,.3,1) both}.lettering{display:flex;align-items:center;gap:2.9%;width:100%}.word{display:block;filter:brightness(0);user-select:none;height:auto;min-width:0}.first{width:60.4%}.second{width:36.7%}.ink{z-index:2}.motion{position:absolute;top:35px;right:4%;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 20px;border-radius:40px;font-size:13px;color:#222;cursor:pointer}.glass{background:linear-gradient(140deg,#ffffffa0,#e6e6e632);border:1px solid white;box-shadow:inset 0 1px 0 white,0 5px 25px #00000005,0 0 0 1px #00000008;backdrop-filter:blur(20px);transition:background .2s,transform .2s}.glass:hover{background:#ffffffc0;transform:translateY(-2px)}button:focus-visible{outline:2px solid #111;outline-offset:5px}.icon{font-size:17px}.hint,.touch-hint{position:absolute;bottom:35px;left:0;right:0;margin:0;text-align:center;z-index:3;font-size:10px;letter-spacing:.17em;color:#6c6c6c;pointer-events:none}.touch-hint{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes arrive{from{opacity:0;translate:0 35px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}@media(max-width:700px){h1{left:7%;right:7%}.lettering{flex-direction:column;gap:22px}.first{width:100%}.second{width:72%}.motion{top:25px;right:6%;padding:12px 17px}.hint{display:none}.touch-hint{display:block;bottom:32px;font-size:9px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Immersive white-to-black scroll scene. */
:root{--paper:#f7f7f5;--fade:0;--intro:0;--shade:247;--rise:70px;--name-blur:0px;--rx:0deg;--ry:0deg;--video-shift:0px;color-scheme:light}html{scroll-behavior:smooth}body{background:#070707}.journey{height:255svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:rgb(var(--shade),var(--shade),var(--shade))}.hero{position:absolute;inset:0;height:100%;min-height:0;background:transparent;touch-action:pan-y;opacity:calc(1 - var(--intro));pointer-events:auto}h1{opacity:calc(1 - var(--fade));filter:blur(var(--name-blur));translate:0 calc(var(--fade)*-32px);animation:none;will-change:opacity,filter,translate}.molecules{opacity:calc(1 - var(--fade)*.65)}.ink{opacity:calc(1 - var(--fade))}.motion{position:fixed;z-index:20;transition:background .3s,color .3s,transform .2s}.dark .motion{background:linear-gradient(140deg,#ffffff16,#ffffff05);border-color:#ffffff30;color:#eee;box-shadow:inset 0 1px 0 #ffffff18,0 8px 30px #0003}.dark .motion:hover{background:#ffffff20}.hero-hint{position:absolute;bottom:30px;left:0;right:0;z-index:3;text-align:center;opacity:calc(1 - var(--fade));font-size:10px;letter-spacing:.13em;color:#777}.hero-hint p{margin:0 0 18px}.scroll-link{display:inline-flex;flex-direction:column;gap:15px;align-items:center;color:#555;text-decoration:none;padding:8px;font-size:11px;letter-spacing:.14em}.scroll-line{height:30px;width:1px;background:linear-gradient(#555,transparent)}.introduction{position:absolute;inset:0;color:#f6f6f6;opacity:var(--intro);pointer-events:none;perspective:1400px;overflow:hidden}.arrived .introduction{pointer-events:auto}.arrived .hero{pointer-events:none}.spatial{position:absolute;inset:0;pointer-events:none;perspective:1000px;transform-style:preserve-3d}.orbit{position:absolute;left:50%;top:55%;width:min(80vw,1250px);height:min(80vw,1250px);border:1px solid #ffffff0c;border-radius:50%;transform-style:preserve-3d}.orbit-one{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-28deg)}.orbit-two{width:76vw;height:76vw;transform:translate(-50%,-50%) rotateY(62deg) rotateZ(20deg);border-color:#ffffff06}.orbit-three{width:90vw;height:90vw;transform:translate(-50%,-50%) rotateX(73deg) rotateZ(18deg);border-color:#ffffff06}.ambient{position:absolute;left:62%;top:45%;width:75vw;height:75vw;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ffffff08,transparent 64%);filter:blur(45px)}.intro-grid{position:relative;width:90%;max-width:1600px;margin:auto;height:100%;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:2%;transform-style:preserve-3d}.intro-card{position:relative;z-index:3;padding:clamp(30px,3.6vw,64px);border:1px solid #ffffff1c;border-radius:30px;background:linear-gradient(130deg,#ffffff0f,#ffffff02 65%);box-shadow:inset 0 1px 0 #ffffff0c,0 35px 90px #0007;backdrop-filter:blur(24px);transform:translateY(var(--rise)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;max-width:700px}.eyebrow{display:block;color:#8a8a8a;font-size:11px;letter-spacing:.16em;margin-bottom:37px}.intro-card h2{margin:0 0 30px;transform:translateZ(30px)}.help-lettering{display:flex;flex-direction:column;gap:13px}.help-lettering img{display:block;width:100%;height:auto}.help-lettering img:nth-child(2){width:85%}.intro-copy{font-size:clamp(16px,1.15vw,19px);line-height:1.75;max-width:400px;color:#a2a2a2;margin:0;transform:translateZ(20px)}.card-line{width:45px;height:1px;background:#666;margin:34px 0 21px}.signature{font-size:11px;letter-spacing:.14em;color:#777}.video-space{height:85%;position:relative;transform:translateY(calc(var(--rise)*.5));perspective:1000px}.video-shell{position:absolute;inset:0 -7%;transform:translateZ(45px) translateX(var(--video-shift));will-change:transform;mix-blend-mode:screen}.portrait-video{width:100%;height:100%;object-fit:cover;object-position:32% center;filter:grayscale(1) contrast(1.2) brightness(.92);mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 80%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 80%,transparent 100%);-webkit-mask-composite:source-in}.section-foot{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;border-top:1px solid #ffffff10;padding-top:18px;font-size:10px;letter-spacing:.13em;color:#666}.motion:focus-visible,.scroll-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:750px){.stage{min-height:650px}.journey{height:255svh}.hero-hint p{display:none}.intro-grid{width:88%;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;padding-top:100px;padding-bottom:50px;align-items:start}.intro-card{padding:25px 25px 23px;border-radius:22px;max-width:none}.eyebrow{font-size:10px;margin-bottom:20px}.intro-card h2{margin-bottom:19px}.help-lettering{gap:8px}.intro-copy{font-size:14px;line-height:1.6;max-width:none}.card-line{margin:20px 0 14px}.signature{font-size:10px}.video-space{height:100%;min-height:200px;grid-row:2}.video-shell{inset:-20% -5% -15%;transform:translateX(var(--video-shift))}.portrait-video{object-fit:contain;object-position:center;mask-image:radial-gradient(ellipse 55% 50% at 43% 48%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 55% 50% at 43% 48%,#000 30%,transparent 100%)}.section-foot{bottom:20px;padding-top:12px;font-size:8px}.section-foot span:first-child{max-width:140px;line-height:1.5}.orbit-one{width:130vw;height:130vw;top:75%}.ambient{left:50%;top:70%;width:120vw;height:120vw}.motion{top:23px}}@media(max-height:720px) and (min-width:751px){.intro-card{padding:32px}.eyebrow{margin-bottom:24px}.intro-card h2{margin-bottom:24px}.card-line{margin-top:24px}.video-space{height:85%}}@media(prefers-reduced-motion:reduce){.journey{height:auto}.stage{position:relative;height:auto;min-height:0;background:var(--paper)}.hero{position:relative;height:100svh;opacity:1}.introduction{position:relative;opacity:1;min-height:100svh;background:#070707;pointer-events:auto}.intro-grid{min-height:100svh}.intro-card,.video-space{transform:none!important}h1{opacity:1;filter:none;translate:none}.hero-hint{opacity:1}.molecules{opacity:1}.ink{display:none}}
/* Keep both scenes present throughout the crossfade. */
.orbit-one{border-color:#ffffff18}.orbit-two,.orbit-three{border-color:#ffffff0b}.video-shell{transform:translateZ(45px) translateX(var(--video-shift)) rotateY(calc((1 - var(--intro))*-8deg)) scale(calc(.94 + var(--intro)*.06))}.intro-card{background:linear-gradient(125deg,#ffffff11,#ffffff02 70%)}
@media(max-width:750px){.video-shell{inset:-6% -8% -4%;transform:translateX(var(--video-shift))}.portrait-video{object-fit:cover;object-position:30% center;mask-image:radial-gradient(ellipse 64% 56% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 64% 56% at 50% 50%,#000 40%,transparent 100%)}}
/* Give the dissolve room to breathe, then keep scrolling through the full clip. */
.journey{height:420svh}.motion{transition:background .5s,color .5s,border-color .5s,transform .2s}.intro-card,.video-shell{transition:none}
@media(max-width:750px){.journey{height:420svh}}@media(prefers-reduced-motion:reduce){.journey{height:auto}}
/* One continuous page, with a spatial gradient rather than two crossfading screens. */
:root{--vh:100svh}.journey{height:auto;background:#070707}.stage{position:relative;height:auto;min-height:0;overflow:clip;background:linear-gradient(to bottom,#f7f7f5 0,#f7f7f5 calc(var(--vh)*.72),#ededeb calc(var(--vh)*.91),#bababa calc(var(--vh)*1.08),#666 calc(var(--vh)*1.25),#242424 calc(var(--vh)*1.43),#070707 calc(var(--vh)*1.60),#070707 100%)}.hero{position:relative;height:100svh;min-height:0;opacity:1;background:transparent}.intro-runway{height:230svh;position:relative}.introduction{position:sticky;top:0;height:100svh;opacity:var(--intro);overflow:visible}.intro-grid{height:100%;min-height:0}.hero-hint{opacity:calc(1 - var(--fade));bottom:25px}.flow-guide{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:difference;overflow:visible}.flow-path,.flow-arrow{opacity:.8}.molecules{opacity:calc(1 - var(--fade)*.25)}.introduction .ambient{opacity:.65}.video-space{height:85%}.intro-card{transform:translateY(var(--rise)) rotateX(var(--rx)) rotateY(var(--ry))}.section-foot{z-index:3}.motion{z-index:20}@media(max-width:750px){.journey{height:auto}.stage{height:auto;min-height:0}.intro-runway{height:230svh}.introduction{height:100svh;min-height:0}.intro-grid{height:100%;min-height:0}.video-space{height:100%;min-height:200px}.flow-path,.flow-arrow{stroke-width:1.1;opacity:.65}}@media(prefers-reduced-motion:reduce){.intro-runway{height:auto}.introduction{position:relative;height:auto;min-height:100svh;background:#070707;opacity:1}.intro-grid{min-height:100svh}.flow-guide{display:none}.hero{height:100svh}.stage{background:linear-gradient(#f7f7f5 0,#f7f7f5 80svh,#070707 120svh)}h1{opacity:1;filter:none;translate:none}}
/* Complete the background transition before revealing either foreground element. */
.stage{background:linear-gradient(to bottom,#f7f7f5 0,#f7f7f5 55svh,#f1f1ef 60svh,#dededc 65svh,#c2c2c0 70svh,#9f9f9e 75svh,#777 80svh,#4f4f4f 85svh,#2c2c2c 90svh,#141414 95svh,#090909 100svh,#070707 105svh,#070707 100%)}
.intro-runway{height:300svh}.intro-grid{filter:blur(calc((1 - var(--intro))*6px));will-change:filter}.intro-card{will-change:transform}.introduction{will-change:opacity}
@media(max-width:750px){.intro-runway{height:300svh}}
@media(prefers-reduced-motion:reduce){.intro-runway{height:auto}.intro-grid{filter:none}.stage{background:linear-gradient(#f7f7f5 0,#f7f7f5 80svh,#070707 120svh)}}
/* Editorial skills chapters; the opening journey keeps its own scroll range. */
.skills{position:relative;isolation:isolate;overflow:clip}.skill-dark{--chapter-bg:#070707;--chapter-text:#f7f7f5;--chapter-muted:#999;--chapter-line:#ffffff24;--chapter-wash:#ffffff06;background:var(--chapter-bg);color:var(--chapter-text)}.skill-light{--chapter-bg:#f7f7f5;--chapter-text:#080808;--chapter-muted:#626262;--chapter-line:#00000024;--chapter-wash:#00000005;background:var(--chapter-bg);color:var(--chapter-text)}
.skills-heading{padding:110px 5% 65px;position:relative}.skills-heading-inner{max-width:1600px;margin:auto}.skills-kicker,.skill-number{font-size:11px;letter-spacing:.17em;color:var(--chapter-muted);display:block}.skills-heading h2{margin:44px 0 40px}.skills-lettering{display:flex;flex-direction:column;gap:24px}.skills-lettering>span{display:block;overflow:hidden}.skills-lettering img{display:block;width:100%;max-width:1390px;height:auto}.skills-lettering>span:last-child img{width:89%}.skills-heading-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;color:var(--chapter-muted)}.skills-heading-foot>span:last-child{font-size:30px;font-weight:400;color:var(--chapter-text)}
.skill-panel{position:relative;padding:100px 5%;border-top:1px solid var(--chapter-line);overflow:hidden}.skill-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.skill-label{position:relative;min-height:385px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.skill-number{margin-bottom:30px}.skill-label h3{font-size:clamp(36px,4.2vw,68px);line-height:1.03;font-weight:900;letter-spacing:-.055em;margin:0;position:relative;z-index:1}.skill-dot{color:var(--chapter-muted)}.skill-tool{margin-top:26px;font-size:12px;border:1px solid var(--chapter-line);padding:13px 19px;border-radius:40px;background:var(--chapter-wash);backdrop-filter:blur(12px);display:inline-flex;gap:28px;align-items:center}.skill-list{list-style:none;padding:0;margin:0;counter-reset:ability}.skill-list li{counter-increment:ability;display:flex;align-items:center;gap:24px;padding:26px 12px 26px 0;border-top:1px solid var(--chapter-line);font-size:clamp(17px,1.5vw,23px);line-height:1.5;letter-spacing:-.025em;transition:padding .35s,background .35s}.skill-list li:last-child{border-bottom:1px solid var(--chapter-line)}.skill-list li::before{content:counter(ability,decimal-leading-zero);font-size:10px;color:var(--chapter-muted);letter-spacing:.08em;flex:0 0 20px;align-self:flex-start;margin-top:8px}.skill-list li:hover{padding-left:14px;background:var(--chapter-wash)}
.skill-object{position:relative;width:180px;height:110px;margin-top:38px;color:var(--chapter-text);opacity:.38;pointer-events:none;transform-style:preserve-3d;transform:perspective(600px) rotateX(20deg) rotateY(-16deg);transition:transform 1s}.skill-panel:hover .skill-object{transform:perspective(600px) rotateX(10deg) rotateY(12deg)}.object-timeline{display:flex;align-items:center;gap:8px;height:70px}.object-timeline i{width:34px;height:44px;border:1px solid currentColor;background:var(--chapter-wash);border-radius:5px}.object-timeline i:nth-child(2){height:60px}.object-timeline i:nth-child(3){height:36px}.object-timeline span{position:absolute;left:46%;height:84px;border-left:1px solid currentColor;top:-7px}.object-timeline span::before{content:'';position:absolute;top:0;left:-4px;border:4px solid transparent;border-top-color:currentColor}.object-frame{height:140px;width:94px;border:1px solid currentColor;border-radius:15px;display:grid;place-items:center;font-size:12px;letter-spacing:.1em}.object-frame i{position:absolute;inset:12px;border:1px solid currentColor;opacity:.3}.object-orbit i,.object-lens i{position:absolute;inset:4px 15px;border:1px solid currentColor;border-radius:50%}.object-orbit i:nth-child(2){transform:rotate(-45deg) scaleX(.55)}.object-orbit i:nth-child(3){transform:rotate(45deg) scaleX(.55)}.object-orbit span,.object-lens span{position:absolute;width:22px;height:22px;left:calc(50% - 11px);top:calc(50% - 11px);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ddd,#333 60%,#070707)}.object-nodes{height:100px;border-top:1px solid currentColor;margin-top:70px}.object-nodes i{position:absolute;top:-15px;width:30px;height:30px;border:1px solid currentColor;border-radius:9px;background:var(--chapter-bg);transform:rotate(45deg)}.object-nodes i:nth-child(2){left:75px}.object-nodes i:nth-child(3){right:0}.object-nodes span{position:absolute;left:89px;top:16px;height:50px;border-left:1px solid currentColor}.object-nodes span::after{content:'';position:absolute;top:38px;left:-10px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;background:var(--chapter-bg)}.object-lens i:nth-child(2){inset:15px 30px}.object-lens i:nth-child(3){inset:27px 46px}
.skills-enhanced [data-reveal]{opacity:0;transform:translateY(45px);filter:blur(5px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s}.skills-enhanced [data-reveal].is-visible{opacity:1;transform:none;filter:none}.skills-enhanced .skill-list[data-reveal]{transition-delay:.12s}.skills-enhanced .skills-lettering img{transform:translateY(105%);transition:transform 1.25s cubic-bezier(.16,1,.3,1)}.skills-enhanced .is-visible .skills-lettering img{transform:none}.skills-enhanced .skills-lettering>span:last-child img{transition-delay:.15s}.motion-stopped [data-reveal],.motion-stopped .skills-lettering img,.motion-stopped .skill-object{transition:none!important}.motion.on-light{color:#111;background:linear-gradient(140deg,#ffffffc0,#e6e6e660);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 5px 25px #0000000c}
@media(max-width:750px){.skills-heading{padding:80px 6% 45px}.skills-heading h2{margin:35px 0 28px}.skills-lettering{gap:13px}.skills-heading-foot{font-size:8px;letter-spacing:.08em}.skills-kicker,.skill-number{font-size:10px}.skill-panel{padding:65px 6%}.skill-inner{grid-template-columns:1fr;gap:35px}.skill-label{min-height:0}.skill-label h3{font-size:clamp(36px,9vw,58px);max-width:84%}.skill-number{margin-bottom:23px}.skill-object{position:absolute;right:-15px;bottom:0;transform:perspective(600px) rotateX(20deg) rotateY(-16deg) scale(.65);transform-origin:right bottom;opacity:.16;margin:0;z-index:0}.skill-tool{margin-top:22px;z-index:1}.skill-list li{font-size:17px;padding-top:23px;padding-bottom:23px;gap:14px}.skill-list li::before{margin-top:6px}.skills-enhanced .skill-list[data-reveal]{transition-delay:0}}
@media(prefers-reduced-motion:reduce){.skills-enhanced [data-reveal],.skills-enhanced .skills-lettering img{opacity:1;transform:none;filter:none;transition:none}.skill-object,.skill-panel:hover .skill-object{transform:none}.skill-list li{transition:none}}
/* Spacious monochrome chapters with scroll-directed transparent objects. */
.skill-panel{min-height:100svh;display:flex;align-items:center;border-top:0}.skill-inner{width:100%}.skill-blend{height:45svh;position:relative}.to-light{background:linear-gradient(#070707 0%,#141414 15%,#424242 35%,#888 55%,#d5d5d3 78%,#f7f7f5 100%)}.to-dark{background:linear-gradient(#f7f7f5 0%,#e5e5e3 15%,#b9b9b7 35%,#6e6e6e 55%,#242424 78%,#070707 100%)}
.immersive-skill{--object-progress:0;--detail-progress:0;height:250svh;min-height:0;display:block;padding:0;overflow:visible}.skill-scene{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:var(--chapter-bg);color:var(--chapter-text);isolation:isolate}.immersive-skill .skill-inner{display:block;height:100%;max-width:none}.immersive-skill .skill-label{position:absolute;left:5%;top:12%;min-height:0;z-index:3;width:50%;transform:translateY(calc(var(--detail-progress)*-12px))}.immersive-skill .skill-number{margin-bottom:24px}.immersive-skill h3{font-size:clamp(38px,3.7vw,60px);max-width:100%}.immersive-skill .skill-tool{margin-top:20px}.immersive-skill .skill-list{position:absolute;left:5%;top:45%;width:45%;z-index:3;opacity:var(--detail-progress);transform:translateY(calc((1 - var(--detail-progress))*45px));filter:blur(calc((1 - var(--detail-progress))*5px));pointer-events:none}.immersive-skill.details-visible .skill-list{pointer-events:auto}.immersive-skill .skill-list li{font-size:clamp(16px,1.3vw,20px);padding:18px 10px 18px 0;gap:20px}.skill-media{position:absolute;left:28%;top:8%;width:65%;height:84%;z-index:1;transform:translateX(calc(var(--object-progress)*20vw)) scale(calc(1 - var(--object-progress)*.4));transform-origin:center;will-change:transform;pointer-events:none}.object-video,.object-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 25px #00000022)}.object-video{opacity:0}.skill-media.media-ready .object-video{opacity:1}.skill-media.media-ready .object-poster{opacity:0}.skill-scene-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:var(--chapter-muted);border-top:1px solid var(--chapter-line);padding-top:17px;z-index:4}
@media(max-width:750px){.skill-panel{min-height:100svh}.skill-blend{height:32svh}.immersive-skill{height:260svh;min-height:0}.skill-scene{min-height:720px}.immersive-skill .skill-label{left:6%;top:11%;width:88%}.immersive-skill h3{font-size:clamp(34px,9vw,44px);max-width:100%}.immersive-skill .skill-number{margin-bottom:18px}.immersive-skill .skill-tool{padding:9px 15px;margin-top:15px}.skill-media{left:0;top:28%;width:100%;height:65%;transform:translateX(calc(var(--object-progress)*42vw)) translateY(calc(var(--object-progress)*-30vh)) scale(calc(1 - var(--object-progress)*.7));transform-origin:center}.immersive-skill .skill-list{left:6%;top:43%;width:88%;z-index:3}.immersive-skill .skill-list li{font-size:15px;padding:16px 0;gap:14px}.skill-scene-foot{left:6%;right:6%;bottom:22px;font-size:8px;letter-spacing:.06em}.skill-scene-foot span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.immersive-skill{height:auto}.skill-scene{position:relative;height:auto;min-height:100svh;padding:80px 6% 60px}.immersive-skill .skill-label{position:relative;left:auto;top:auto;width:100%;transform:none}.immersive-skill .skill-list{position:relative;left:auto;top:auto;opacity:1;filter:none;transform:none;width:100%;margin-top:30px;pointer-events:auto}.skill-media{position:relative;left:auto;top:auto;width:100%;height:35svh;transform:none}.skill-scene-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px}.object-video{display:none}.skill-media.media-ready .object-poster{opacity:1}}
/* Earlier portrait entrance and a continuous black portal into the AI chapters. */
.stage{background:linear-gradient(to bottom,#f7f7f5 0,#f7f7f5 42svh,#eaeae8 48svh,#c8c8c6 54svh,#999 60svh,#606060 66svh,#2c2c2c 72svh,#111 76svh,#070707 78svh,#070707 100%)}.intro-runway{margin-top:-20svh}.skill-label h3{font-size:clamp(40px,4.8vw,76px)}.immersive-skill h3{font-size:clamp(42px,4.2vw,68px)}
.ai-portal{--portal-label:0;--portal-black:0;position:relative;height:310svh;background:#000;isolation:isolate}.ai-portal-scene{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;isolation:isolate}.ai-portal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}.ai-portal-black{position:absolute;inset:0;background:#000;opacity:var(--portal-black);pointer-events:none;z-index:2}.ai-portal-label{position:absolute;left:60%;right:5%;top:40%;z-index:3;color:#fff;opacity:var(--portal-label);transform:translateX(calc((1 - var(--portal-label))*45px));filter:blur(calc((1 - var(--portal-label))*9px));clip-path:inset(0 calc((1 - var(--portal-label))*100%) 0 0);will-change:opacity,transform,filter}.ai-portal-eyebrow{display:block;font-size:10px;letter-spacing:.24em;color:#aaa;margin-bottom:27px}.ai-portal-label h2{margin:0}.ai-portal-lettering{display:flex;flex-direction:column;gap:16px}.ai-portal-lettering img{display:block;width:100%;height:auto}.ai-portal-lettering img:last-child{width:76%}.ai-portal-rule{display:block;width:60px;height:1px;background:linear-gradient(90deg,#fff,transparent);margin-top:32px;box-shadow:0 0 12px #ffffff55}.ai-details{background:#000}.ai-chapter{background:#000;--chapter-bg:#000;padding-top:110px;padding-bottom:110px;border-top:1px solid #ffffff14}.ai-chapter .skill-label{min-height:0}.ai-chapter .skill-list{max-width:740px}.ai-chapter .skill-number{color:#aaa}
@media(max-width:750px){.skill-label h3{font-size:clamp(40px,10vw,52px)}.immersive-skill h3{font-size:clamp(37px,10vw,46px)}.ai-portal{height:260svh}.ai-portal-video{object-fit:contain}.ai-portal-label{left:55%;right:5%;top:26%}.ai-portal-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.ai-portal-lettering{gap:8px}.ai-portal-rule{margin-top:18px;width:40px}.ai-chapter{padding-top:80px;padding-bottom:80px;min-height:100svh}}
@media(max-height:750px) and (min-width:751px){.immersive-skill h3{font-size:clamp(40px,4vw,58px)}}
@media(prefers-reduced-motion:reduce){.intro-runway{margin-top:0}.stage{background:linear-gradient(#f7f7f5 0,#f7f7f5 80svh,#070707 120svh)}.ai-portal{height:80svh;--portal-label:1;--portal-black:0}.ai-portal-scene{position:relative;height:80svh}.ai-portal-label{opacity:1;transform:none;filter:none;clip-path:none}}
/* Beyond the portal: a living point field and translucent interface. */
.ai-details{position:relative;isolation:isolate;background:#030303;overflow:clip}.realm-backdrop{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;z-index:-1;overflow:hidden;background:#030303}.realm-particles{position:absolute;inset:0;width:100%;height:100%}.realm-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 45%,transparent 15%,#00000088 90%)}.realm-heading{position:relative;display:flex;justify-content:space-between;padding:60px 5% 25px;color:#888;font-size:10px;letter-spacing:.18em}.realm-navigation{position:sticky;top:95px;z-index:8;display:flex;justify-content:center;gap:12px;max-width:max-content;margin:0 auto;padding:8px;border:1px solid #ffffff16;border-radius:50px;background:#08080877;backdrop-filter:blur(24px);box-shadow:0 20px 50px #0005}.realm-chip{color:#bcbcbc;text-decoration:none;display:flex;align-items:center;gap:14px;padding:15px 22px;border:1px solid #ffffff20;border-radius:40px;background:linear-gradient(135deg,#ffffff14,#ffffff03);box-shadow:inset 0 1px 0 #ffffff16;font-size:12px;transition:background .3s,color .3s,transform .3s}.realm-chip span:first-child{font-size:9px;color:#999}.realm-chip:hover,.realm-chip.is-active{color:#fff;background:linear-gradient(135deg,#ffffff27,#ffffff0a);border-color:#ffffff42;transform:translateY(-2px)}.realm-chip:focus-visible{outline:2px solid white;outline-offset:4px}.ai-details .ai-chapter{background:transparent;border:0;position:relative;padding:105px 5%;scroll-margin-top:160px;perspective:1500px}.realm-card{position:relative;gap:7%;padding:clamp(32px,3.4vw,60px);border:1px solid #ffffff26;border-radius:32px;background:linear-gradient(135deg,#ffffff0a,#030303bb 50%,#11111188);box-shadow:inset 0 1px 0 #ffffff19,0 40px 100px #0007;backdrop-filter:blur(20px);transform:rotateX(var(--realm-rx,0deg)) rotateY(var(--realm-ry,0deg));transition:transform .3s;transform-style:preserve-3d;overflow:hidden}.realm-card::before,.realm-card::after{content:'';position:absolute;width:70px;height:70px;pointer-events:none;border-color:#ffffff55}.realm-card::before{left:15px;top:15px;border-left:1px solid;border-top:1px solid;border-radius:18px 0 0 0;opacity:.35}.realm-card::after{right:15px;bottom:15px;border-right:1px solid;border-bottom:1px solid;border-radius:0 0 18px 0;opacity:.35}.realm-card .skill-label{z-index:1}.realm-card h3{font-size:clamp(40px,4.3vw,68px);text-shadow:0 0 24px #ffffff0b}.realm-card .skill-list{z-index:1}.realm-card .skill-list li{font-size:clamp(16px,1.35vw,21px);padding:23px 0}.realm-card .skill-list li:hover{padding-left:12px;background:#ffffff05}.realm-card .skill-number{letter-spacing:.23em}.realm-card .skill-list[data-reveal]{transition-duration:1.3s}.realm-card .skill-label[data-reveal]{transition-duration:1.3s;transform-origin:left center}.realm-card .skill-label[data-reveal]:not(.is-visible){transform:translate3d(0,45px,-60px) rotateY(8deg)}
.portal-edge-flash{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;border-radius:22px;padding:5px;background:conic-gradient(from 30deg,#8d53ff,#468bff,#37e3ca,#ffc066,#ff6a81,#c679ff,#8d53ff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:drop-shadow(0 0 12px #bf8aff);box-shadow:inset 0 0 30px #a883ff66}.portal-edge-flash.is-flashing{animation:portal-edge-pulse 1s ease-out both}@keyframes portal-edge-pulse{0%{opacity:0;filter:blur(8px)}18%{opacity:1;filter:blur(.5px)}55%{opacity:.8;filter:blur(1px)}100%{opacity:0;filter:blur(9px)}}
@media(max-width:750px){.realm-heading{padding:45px 6% 25px;font-size:8px;letter-spacing:.08em;gap:15px}.realm-heading span:last-child{max-width:140px;text-align:right;line-height:1.6}.realm-navigation{top:88px;gap:6px;width:88%;max-width:none;padding:6px;border-radius:28px}.realm-chip{flex:1;justify-content:center;gap:7px;padding:12px 8px;font-size:10px;border-radius:22px}.realm-chip span:first-child{display:none}.ai-details .ai-chapter{padding:80px 6%;scroll-margin-top:140px}.realm-card{padding:35px 25px;gap:35px;border-radius:26px}.realm-card h3{font-size:clamp(35px,9vw,44px)}.realm-card .skill-list li{font-size:15px;padding:22px 0}.portal-edge-flash{border-radius:14px;padding:4px}}
@media(prefers-reduced-motion:reduce){.portal-edge-flash{display:none}.realm-card{transform:none;transition:none}.realm-chip{transition:none}.realm-card .skill-label[data-reveal]{transform:none!important}}
/* A pinned second cover reveals the glass molecule field from inside the portal. */
.ai-details{--realm-entry:0;--realm-cover-exit:0;margin-top:-100svh;background:transparent}.realm-backdrop{opacity:var(--realm-entry)}.realm-cover{height:235svh;position:relative}.realm-cover-scene{height:100svh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.realm-cover-content{position:relative;width:86%;max-width:1450px;text-align:center;opacity:calc(var(--realm-entry)*(1 - var(--realm-cover-exit)));transform:perspective(1200px) translateZ(calc((1 - var(--realm-entry))*-100px)) scale(calc(.94 + var(--realm-entry)*.06));filter:blur(calc((1 - var(--realm-entry) + var(--realm-cover-exit))*10px));will-change:opacity,transform,filter}.realm-cover-kicker{font-size:10px;letter-spacing:.28em;color:#aaa}.realm-cover h2{margin:36px 0}.realm-cover-lettering{display:flex;flex-direction:column;align-items:center;gap:22px}.realm-cover-lettering img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 20px #ffffff0b)}.realm-cover-lettering img:first-child{width:84%}.realm-cover-discover{display:inline-flex;justify-content:center;min-width:230px;margin-top:10px;backdrop-filter:blur(20px);padding:18px 25px}.realm-cover-foot{position:absolute;bottom:38px;font-size:9px;letter-spacing:.22em;color:#777;opacity:var(--realm-entry)}.portal-edge-flash{padding:12px;filter:blur(4px);border-radius:26px}.portal-edge-flash.is-flashing{animation-duration:2s}@keyframes portal-edge-pulse{0%{opacity:0;filter:blur(12px)}18%{opacity:1;filter:blur(3px)}60%{opacity:.9;filter:blur(5px)}100%{opacity:0;filter:blur(15px)}}
@media(max-width:750px){.realm-cover{height:225svh}.realm-cover-content{width:90%}.realm-cover-kicker{font-size:8px;letter-spacing:.18em}.realm-cover h2{margin:28px 0}.realm-cover-lettering{gap:14px}.realm-cover-lettering img:first-child{width:94%}.realm-cover-discover{margin-top:16px;font-size:12px;padding:17px 23px}.realm-cover-foot{font-size:8px;letter-spacing:.1em;bottom:30px}.portal-edge-flash{padding:9px}}
@media(prefers-reduced-motion:reduce){.ai-details{margin-top:0;--realm-entry:1;--realm-cover-exit:0}.realm-cover{height:100svh}.realm-cover-scene{position:relative}.realm-cover-content{opacity:1;transform:none;filter:none}}
/* Full-viewport entry prevents the second cover from sliding over the portal. */
.stage{background:linear-gradient(to bottom,#f7f7f5 0,#f7f7f5 calc(85svh - var(--background-shift,0svh)),#ededeb calc(100svh - var(--background-shift,0svh)),#aaa calc(110svh - var(--background-shift,0svh)),#4a4a4a calc(120svh - var(--background-shift,0svh)),#070707 calc(128svh - var(--background-shift,0svh)),#070707 100%)}
.realm-backdrop{position:fixed;inset:0;height:100svh;margin:0;opacity:0;visibility:hidden;background:#000;z-index:-1}.realm-active .realm-backdrop{opacity:1;visibility:visible}.realm-loop-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--loop-visible,0);filter:grayscale(1);pointer-events:none}.realm-particles{opacity:var(--motion-visible,0)}.realm-vignette{background:radial-gradient(ellipse at 50% 45%,#00000015,#00000088 90%)}.realm-cover-scene{visibility:hidden}.realm-active .realm-cover-scene{visibility:visible}.cover-fixed .realm-cover-scene{position:fixed;inset:0;width:100%;height:100svh;z-index:4}.realm-cover-content{transition:none}.portal-edge-flash.is-flashing{animation-duration:1s}.portal-edge-flash{padding:12px}
@media(prefers-reduced-motion:reduce){.realm-backdrop{position:sticky;visibility:visible;opacity:1;margin-bottom:-100svh}.realm-cover-scene{visibility:visible}.cover-fixed .realm-cover-scene{position:relative;inset:auto}.realm-loop-video{opacity:.7}.realm-particles{opacity:0}.stage{background:linear-gradient(#f7f7f5 0,#f7f7f5 95svh,#070707 130svh)}}

/* A scrolling, pearl-white glass cover begins the experience chapter. */
.experiences{position:relative;z-index:2;isolation:isolate;padding:42svh 4.5% 9svh;background:linear-gradient(to bottom,#030303 0,#151617 5svh,#74787b 17svh,#d7dadd 30svh,#f4f5f6 42svh,#f4f5f6 100%);overflow:clip;color:#263139}
.experience-frame{position:relative;min-height:82svh;max-width:1600px;margin:auto;display:grid;place-items:center;border-radius:34px;border:2px solid #fff;background:radial-gradient(ellipse at 58% 42%,#aab5ba80,transparent 64%),linear-gradient(145deg,#ffffffb5,#d9dfe273 53%,#ffffffc7);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 8px #ffffffa6,0 35px 80px #35434a1b,0 4px 15px #4456610b;backdrop-filter:blur(24px);overflow:hidden;perspective:1500px}
.experience-topline,.experience-bottomline{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;z-index:5;font-size:12px;letter-spacing:.14em;color:#525e65}.experience-topline{top:35px}.experience-bottomline{bottom:35px}
.experience-liquid{position:absolute;left:-5%;top:-10%;width:72%;height:120%;object-fit:contain;mix-blend-mode:multiply;opacity:.18;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%);pointer-events:none}
.experience-ribbon{position:absolute;inset:0;z-index:2;display:grid;place-items:center;transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0) rotate(-16deg) scale(1.14);transition:transform 1s ease-out;pointer-events:none}
.experience-ribbon img,.experience-ribbon video{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 22px #38474f27);pointer-events:none}
.experience-ribbon video{opacity:0}.experience-ribbon.is-ready video{opacity:1}.experience-ribbon.is-ready img{opacity:0}
.experience-frame h2{position:relative;z-index:4;width:92%;margin:0;transform:translateZ(30px);pointer-events:none}
.experience-frame h2 img{display:block;width:100%;height:auto;user-select:none}
.experience-frame[data-reveal]{transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1s ease}
@media(max-width:750px){.experiences{padding:34svh 5% 8svh;background:linear-gradient(#030303 0,#62676b 13svh,#e4e7e9 26svh,#f4f5f6 34svh,#f4f5f6 100%)}.experience-frame{min-height:78svh;border-radius:25px}.experience-topline,.experience-bottomline{left:7%;right:7%;font-size:10px;letter-spacing:.08em}.experience-topline{top:28px}.experience-bottomline{bottom:28px}.experience-topline span:last-child{display:none}.experience-frame h2{width:96%}.experience-ribbon{transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0) rotate(-38deg) scale(1.95)}.experience-liquid{left:-20%;width:140%;height:105%;top:0;opacity:.12}}
@media(prefers-reduced-motion:reduce){.experience-ribbon{transition:none;transform:rotate(-16deg) scale(1.14)}.experience-frame[data-reveal]{opacity:1;transform:none;filter:none;transition:none}.experience-ribbon.is-ready video{opacity:0}.experience-ribbon.is-ready img{opacity:1}}

/* The glass experience is edge-to-edge, with transparent refractive lettering. */
.experiences{padding:42svh 0 0;background:linear-gradient(to bottom,#030303 0,#151617 5svh,#74787b 17svh,#d7dadd 30svh,#f4f5f6 42svh,#f4f5f6 100%)}
.experience-frame{width:100%;max-width:none;margin:0;min-height:100svh;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:radial-gradient(ellipse at 50% 48%,#d4dce1 0,#eef1f3 55%,#f4f5f6 90%)}
.experience-ribbon{transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0) scale(1.06);transition:transform 1s ease-out}
.experience-ribbon img,.experience-ribbon video{object-fit:cover;filter:drop-shadow(0 18px 25px #38474f1c)}
.experience-frame h2{width:90%;max-width:1700px;transform:none}
.experience-glass-type{position:relative;display:block;isolation:isolate}
.experience-refraction{position:absolute;inset:0;mask:url('assets/experience-mask.svg') center/100% 100% no-repeat;backdrop-filter:blur(3px) contrast(1.06);background:linear-gradient(165deg,#ffffff25,#ffffff08 35%,#ffffff6b 49%,#ffffff12 57%,#c4d0d71f);pointer-events:none}
.experience-glass-type img{position:relative;z-index:1;filter:none}
.skills-enhanced .experience-frame h2[data-reveal]{opacity:0;transform:perspective(1400px) translate3d(0,70px,-90px) rotateX(35deg);filter:blur(9px);transition:opacity 1.1s ease,transform 1.6s cubic-bezier(.16,1,.3,1),filter 1.3s ease;transform-origin:50% 70%}
.skills-enhanced .experience-frame h2[data-reveal].is-visible{opacity:1;transform:perspective(1400px) translate3d(0,0,0) rotateX(0);filter:none}
.experience-liquid{left:0;top:0;width:100%;height:100%;object-fit:contain;opacity:.12}
.experience-topline,.experience-bottomline{left:5%;right:5%}
@media(max-width:750px){.experiences{padding:34svh 0 0;background:linear-gradient(#030303 0,#62676b 13svh,#e4e7e9 26svh,#f4f5f6 34svh,#f4f5f6 100%)}.experience-frame{min-height:100svh;border-radius:0}.experience-frame h2{width:94%}.experience-ribbon{transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0) scale(1.06)}.experience-ribbon img,.experience-ribbon video{object-fit:cover}.experience-topline,.experience-bottomline{left:6%;right:6%}.experience-refraction{backdrop-filter:blur(1px) contrast(1.06)}}
@media(prefers-reduced-motion:reduce){.skills-enhanced .experience-frame h2[data-reveal]{opacity:1;transform:none;filter:none;transition:none}.experience-ribbon{transform:scale(1.06);transition:none}}

/* A horizontal ribbon and a glass cover that opens to the viewport. */
.experience-ribbon{transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0);inset:0;overflow:visible}
.experience-ribbon img,.experience-ribbon video{left:-8%;top:50%;width:116%;height:68svh;transform:translateY(-50%);object-fit:fill}
.experience-glass-type img{filter:drop-shadow(0 3px 2px #00000045) drop-shadow(0 9px 12px #0000001a)}
.expansion-enabled .experience-frame{transform:scale(.86,.84);border-radius:36px;box-shadow:0 25px 70px #26343e1b;transition:transform 1.8s cubic-bezier(.65,0,.25,1),border-radius 1.8s cubic-bezier(.65,0,.25,1),box-shadow 1.8s ease;transform-origin:center;will-change:transform}
.expansion-enabled .experience-frame::after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;border:2px solid #fff;border-radius:inherit;opacity:1;transition:opacity 1.8s ease}
.expansion-enabled .experience-frame.is-expanded{transform:scale(1);border-radius:0;box-shadow:none}
.expansion-enabled .experience-frame.is-expanded::after{opacity:0}
@media(max-width:750px){.experience-ribbon{transform:translate3d(var(--experience-x,0px),var(--experience-y,0px),0)}.experience-ribbon img,.experience-ribbon video{object-fit:fill;height:42svh}.expansion-enabled .experience-frame{transform:scale(.9,.86);border-radius:28px}.expansion-enabled .experience-frame.is-expanded{transform:scale(1);border-radius:0}.experience-glass-type img{filter:drop-shadow(0 2px 1px #00000055) drop-shadow(0 5px 7px #00000020)}}
@media(prefers-reduced-motion:reduce){.expansion-enabled .experience-frame{transform:none;border-radius:0;box-shadow:none;transition:none}.expansion-enabled .experience-frame::after{display:none}.experience-ribbon{transform:none}}

@font-face{font-family:Delight;src:url('assets/Delight-Black.ttf') format('truetype');font-weight:900;font-display:swap}
.experience-points{position:relative;z-index:3;background:#f4f5f6;color:#263139}
.experience-point{height:165svh;position:relative;background:#f4f5f6}.point-consultoria{height:190svh}
.point-scene{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:grid;align-items:center;background:radial-gradient(ellipse at 75% 55%,#d4dce570,transparent 60%)}
.point-topline{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;color:#69757d;font-size:12px;letter-spacing:.14em}
.point-layout{width:90%;max-width:1550px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;perspective:1400px}
.point-index{display:block;font-size:12px;letter-spacing:.18em;color:#738089;margin-bottom:30px}
.point-copy h3{font-family:Delight,Arial,sans-serif;font-weight:900;font-size:clamp(38px,4.4vw,76px);line-height:1.08;letter-spacing:-.02em;margin:0 0 28px;background:linear-gradient(150deg,#20282e,#3b464d 50%,#788892);background-clip:text;color:transparent;text-shadow:0 1px 0 #ffffff35}
.point-copy p{font-size:clamp(17px,1.45vw,23px);line-height:1.6;color:#69757c;max-width:510px;margin:0}
.point-visual{min-width:0;position:relative;text-align:center;perspective:1200px}
.brand-network{position:relative;height:610px;width:100%;--network-scale:1}
.brand-orbit{position:absolute;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--spread,1));border:1px solid #a6b4be40;border-radius:50%;opacity:var(--point-show,1)}
.brand-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(140deg,#ffffffb8,#dde4ea6b);border:1px solid #fff;box-shadow:inset 0 2px 5px #fff,0 15px 50px #26374212;backdrop-filter:blur(20px);z-index:1}
.brand-hub strong{font-family:Delight,Arial,sans-serif;font-size:48px;letter-spacing:-.06em;font-weight:900}.brand-hub span{font-size:11px;letter-spacing:.13em;color:#75828a}
.brand-nodes{list-style:none;padding:0;margin:0;position:absolute;inset:0}
.brand-node{position:absolute;top:50%;left:50%;width:110px;height:110px;transform:translate(-50%,-50%) translate3d(calc(var(--node-x)*var(--spread,1)*var(--network-scale)*1px),calc(var(--node-y)*var(--spread,1)*var(--network-scale)*1px),0) scale(calc(.5 + var(--node-reveal,1)*.5));opacity:var(--node-reveal,1);filter:blur(calc((1 - var(--node-reveal,1))*7px));z-index:2}
.brand-glass{display:block;width:100%;height:100%;padding:8px;border-radius:50%;border:1px solid #fff;background:linear-gradient(145deg,#ffffffdc,#e4e9ed7d);box-shadow:inset 0 1px 2px #fff,0 12px 32px #364b5c15;backdrop-filter:blur(18px);transition:transform .4s ease,box-shadow .4s ease}
.brand-glass img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.brand-node:hover .brand-glass{transform:scale(1.09);box-shadow:inset 0 1px 2px #fff,0 15px 35px #364b5c24}
.experience-stat{padding:55px 25px 45px;border:1px solid #fff;border-radius:36px;background:linear-gradient(140deg,#ffffffb8,#e0e7eb55);box-shadow:inset 0 2px 0 #fff,0 30px 75px #31455712;backdrop-filter:blur(22px)}
.experience-stat strong{display:block;font-family:Delight,Arial,sans-serif;font-weight:900;font-size:clamp(85px,10vw,164px);line-height:1;letter-spacing:-.025em;background:linear-gradient(155deg,#24313a,#60727f 50%,#9baebc);background-clip:text;color:transparent;text-shadow:0 2px 0 #ffffff50}.experience-stat strong span{font-size:.5em;vertical-align:top;line-height:1.5}.stat-caption{display:block;font-size:12px;letter-spacing:.16em;color:#71818d;margin-top:24px}
.point-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.point-chips span{padding:12px 17px;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#ffffff9c,#e3e9ec57);backdrop-filter:blur(15px);font-size:14px;color:#596d7b;box-shadow:inset 0 1px 0 white}
.reach-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reach-stats>div{padding:40px 12px;border:1px solid white;border-radius:32px;background:linear-gradient(140deg,#ffffffc0,#e0e7ed77);box-shadow:0 25px 50px #2d42580c,inset 0 1px 0 white;backdrop-filter:blur(20px)}.reach-stats strong{font-family:Delight,Arial,sans-serif;font-size:clamp(46px,5vw,85px);letter-spacing:-.05em;color:#435867;line-height:1}.reach-stats strong span{display:block;font-family:Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:0;margin-top:12px}.reach-stats>span{grid-column:1/-1;font-size:12px;color:#71818d;letter-spacing:.17em;margin-top:18px}
.point-glass-stack{display:flex;flex-direction:column;gap:18px;padding:10px 0}.point-glass-stack span{display:block;padding:32px 25px;border:1px solid #fff;border-radius:28px;background:linear-gradient(140deg,#ffffffc9,#e1e8ed73);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 white,0 15px 35px #3448590e;font-size:clamp(20px,2vw,30px);font-weight:500;color:#4b6070}.point-glass-stack span:nth-child(2){margin-left:12%}.point-glass-stack span:nth-child(3){margin-left:24%}
.point-progress{position:absolute;bottom:35px;left:5%;right:5%;height:1px;background:#aab8c22e;overflow:hidden}.point-progress span{display:block;width:100%;height:1px;background:#5d718377;transform-origin:left;transform:scaleX(var(--point-progress,0))}
.points-enhanced .point-copy{opacity:var(--point-show,1);transform:translate3d(calc((1 - var(--point-show,1))*-28px),calc((1 - var(--point-show,1))*36px),0);filter:blur(calc((1 - var(--point-show,1))*6px))}
.points-enhanced .point-visual{opacity:var(--visual-show,1);transform:perspective(1200px) translate3d(0,calc((1 - var(--visual-show,1))*45px),calc((1 - var(--visual-show,1))*-80px)) rotateX(calc((1 - var(--visual-show,1))*8deg));filter:blur(calc((1 - var(--visual-show,1))*7px))}
.points-enhanced .point-glass-stack span{opacity:var(--stack-show,1);transform:translate3d(calc((1 - var(--stack-show,1))*70px),0,0);filter:blur(calc((1 - var(--stack-show,1))*5px))}
@media(max-width:1000px) and (min-width:751px){.brand-network{--network-scale:.75;height:500px}.brand-node{width:88px;height:88px}.brand-orbit{width:330px;height:330px}.brand-hub{width:120px;height:120px}.point-copy h3{font-size:42px}.experience-stat strong{font-size:90px}}
@media(max-width:750px){.experience-point{height:155svh}.point-consultoria{height:190svh}.point-scene{min-height:680px;background:radial-gradient(ellipse at 50% 70%,#d4dce570,transparent 60%)}.point-topline{top:24px;left:6%;right:6%;font-size:10px;letter-spacing:.07em}.point-topline span:first-child{max-width:175px;line-height:1.6}.point-layout{width:88%;grid-template-columns:1fr;gap:30px;margin:78px auto 65px}.point-index{font-size:10px;margin-bottom:16px}.point-copy h3{font-size:clamp(30px,8.7vw,45px);margin-bottom:17px}.point-copy p{font-size:16px;line-height:1.5}.brand-network{height:335px;--network-scale:.61}.brand-node{width:67px;height:67px}.brand-glass{padding:5px}.brand-hub{width:96px;height:96px;gap:4px}.brand-hub strong{font-size:35px}.brand-hub span{font-size:8px}.brand-orbit{width:260px;height:260px}.experience-stat{padding:30px 15px;border-radius:27px}.experience-stat strong{font-size:clamp(76px,22vw,110px)}.stat-caption{font-size:10px;line-height:1.5;letter-spacing:.1em;margin-top:15px}.point-chips{gap:7px;margin-top:15px}.point-chips span{font-size:12px;padding:10px 13px}.reach-stats{gap:10px}.reach-stats>div{padding:30px 10px;border-radius:24px}.reach-stats strong{font-size:48px}.reach-stats strong span{font-size:17px}.reach-stats>span{font-size:10px}.point-glass-stack{gap:12px}.point-glass-stack span{font-size:19px;padding:22px 15px;border-radius:23px}.point-progress{bottom:24px;left:6%;right:6%}}
@media(max-height:750px) and (min-width:751px){.point-scene{min-height:580px}.brand-network{height:500px;--network-scale:.85}.brand-node{width:94px;height:94px}.brand-orbit{width:365px;height:365px}.point-copy h3{font-size:clamp(36px,4vw,60px)}}
@media(prefers-reduced-motion:reduce){.experience-point,.point-consultoria{height:auto}.point-scene{position:relative;height:auto;min-height:100svh;padding:100px 0}.point-layout{margin:auto}.points-enhanced .point-copy,.points-enhanced .point-visual,.points-enhanced .point-glass-stack span{opacity:1;transform:none;filter:none}.brand-node{opacity:1;filter:none}.brand-glass{transition:none}.brand-orbit{transform:translate(-50%,-50%)}}

/* A light, on-demand reel gallery follows the consultation chapter. */
.point-reels{height:auto}.point-reels .point-scene{position:relative;height:auto;min-height:100svh;display:block;padding:125px 0 85px;overflow:visible}
.point-reels .point-layout{grid-template-columns:1.35fr .65fr;margin:0 auto 65px;align-items:center;gap:8%}
.point-reels .point-visual{max-width:400px;justify-self:end;width:100%}.point-reels .experience-stat{padding:32px 20px 27px;border-radius:28px}.point-reels .experience-stat strong{font-size:clamp(80px,8vw,120px)}.point-reels .stat-caption{margin-top:17px}.point-reels .point-chips{gap:6px;margin-top:14px}.point-reels .point-chips span{padding:9px 12px;font-size:12px}.point-reels .point-progress{display:none}
.reel-gallery{width:90%;max-width:1550px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.reel-card{position:relative;min-width:0;padding:5px;border:1px solid #fff;border-radius:27px;background:linear-gradient(145deg,#ffffffcf,#dce3e85e);box-shadow:inset 0 1px 2px #fff,0 16px 40px #34475714;backdrop-filter:blur(18px)}
.reel-media{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#15191c;isolation:isolate}
.reel-poster,.portfolio-reel{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.reel-poster{object-fit:cover;transition:opacity .3s}.portfolio-reel{opacity:0;transition:opacity .3s}.reel-card.is-loaded .portfolio-reel{opacity:1}.reel-card.is-loaded .reel-poster{opacity:0}.reel-card.is-loaded .reel-play{display:none}
.reel-play{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:linear-gradient(0deg,#00000029,transparent 40%);cursor:pointer}
.reel-play-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid #ffffffa1;background:linear-gradient(135deg,#ffffff5c,#ffffff17);box-shadow:inset 0 1px 0 #ffffff98,0 10px 24px #00000022;backdrop-filter:blur(15px);transition:transform .3s,background .3s}.reel-play-icon::before{content:'';display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;margin-left:4px;filter:drop-shadow(0 1px 2px #0005)}
.reel-play:hover .reel-play-icon{transform:scale(1.09);background:linear-gradient(135deg,#ffffff77,#ffffff2a)}.reel-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}.portfolio-reel:focus-visible{outline:3px solid white;outline-offset:-5px}
.reel-number{position:absolute;left:13px;top:13px;z-index:2;padding:6px 9px;border-radius:12px;color:#fff;background:#ffffff20;border:1px solid #ffffff44;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.05em;pointer-events:none}.reel-card.is-loaded .reel-number{opacity:0}
.skills-enhanced .reel-card[data-reveal]{transition-delay:var(--reel-delay,0s);transition-duration:.85s}
@media(max-width:1050px){.reel-gallery{gap:16px}.reel-card{border-radius:23px;padding:4px}.reel-media{border-radius:19px}}
@media(max-width:750px){.point-reels .point-scene{padding:95px 0 60px;min-height:0}.point-reels .point-layout{width:88%;grid-template-columns:1fr;margin:0 auto 35px;gap:25px}.point-reels .point-visual{justify-self:stretch;max-width:none}.point-reels .experience-stat{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px}.point-reels .experience-stat strong{font-size:76px}.point-reels .stat-caption{margin:0;font-size:10px;max-width:80px;text-align:left;line-height:1.7}.point-reels .point-chips{margin-top:12px}.reel-gallery{width:88%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.reel-card{border-radius:21px;padding:4px}.reel-media{border-radius:17px}.reel-play-icon{width:48px;height:48px}.reel-play-icon::before{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}.reel-number{left:9px;top:9px;font-size:10px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.skills-enhanced .reel-card[data-reveal]{opacity:1;transform:none;filter:none;transition:none}.reel-play-icon,.reel-poster,.portfolio-reel{transition:none}}

/* Smaller reel rows, reversible entrances, and compact evidence cards. */
.reel-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.reel-card{border-radius:23px;padding:4px}.reel-media{border-radius:19px}.reel-play-icon{width:48px;height:48px}.reel-play-icon::before{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}
.reel-motion .reel-card{opacity:var(--reel-reveal,0);transform:perspective(900px) translate3d(0,calc((1 - var(--reel-reveal,0))*38px),0) rotateX(calc((1 - var(--reel-reveal,0))*8deg)) scale(calc(.96 + var(--reel-reveal,0)*.04));filter:blur(calc((1 - var(--reel-reveal,0))*4px));will-change:transform,opacity}
.reach-evidence{max-width:400px;margin:auto}.reach-milestones{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.reach-milestones span{padding:11px 19px;border-radius:22px;border:1px solid white;background:linear-gradient(145deg,#ffffffb5,#e0e7ed66);box-shadow:inset 0 1px 0 white,0 10px 20px #3348590b;backdrop-filter:blur(18px);font-family:Delight,Arial,sans-serif;font-size:21px;color:#516673}
.reach-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reach-shot{margin:0;padding:7px;border-radius:19px;border:1px solid white;background:linear-gradient(145deg,#ffffffce,#dce4e977);box-shadow:inset 0 1px 0 white,0 9px 20px #3447570e;backdrop-filter:blur(16px);display:grid;place-items:center;min-height:57px;overflow:hidden}.reach-shot img{display:block;width:100%;max-width:165px;height:auto;border-radius:12px}.reach-evidence-caption{display:block;margin-top:22px;color:#71818d;font-size:11px;letter-spacing:.15em}
.brand-profiles{max-width:420px;width:100%;margin:auto;display:flex;flex-direction:column;gap:18px;padding:20px 0;perspective:1100px}.brand-profile{margin:0;padding:6px;border:1px solid white;border-radius:21px;background:linear-gradient(145deg,#ffffffbc,#dde5eb69);box-shadow:inset 0 1px 0 white,0 16px 35px #33495d18;backdrop-filter:blur(20px);animation:profile-float 7.5s ease-in-out infinite;animation-delay:var(--profile-delay,0s)}.brand-profile:nth-child(odd){margin-right:24px}.brand-profile:nth-child(even){margin-left:24px}.brand-profile img{display:block;width:100%;height:auto;border-radius:15px}.brand-profile:hover{animation-play-state:paused}
@keyframes profile-float{0%,100%{transform:translate3d(0,3px,0) rotateY(-1deg)}50%{transform:translate3d(0,-7px,0) rotateY(1deg)}}
@media(max-width:1050px){.reel-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-profiles{max-width:340px}}
@media(max-width:750px){.reel-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.reach-evidence{max-width:340px}.reach-shot-grid{gap:10px}.reach-shot{padding:6px;border-radius:16px;min-height:52px}.reach-shot img{border-radius:10px}.reach-milestones{gap:8px;margin-bottom:14px}.reach-milestones span{font-size:19px;padding:9px 16px}.reach-evidence-caption{margin-top:17px;font-size:10px}.brand-profiles{max-width:320px;gap:12px;padding:8px 0}.brand-profile{padding:5px;border-radius:17px}.brand-profile img{border-radius:12px}.brand-profile:nth-child(odd){margin-right:18px}.brand-profile:nth-child(even){margin-left:18px}}
@media(prefers-reduced-motion:reduce){.reel-motion .reel-card{opacity:1;transform:none;filter:none;will-change:auto}.brand-profile{animation:none}}



/* Pointer-controlled projects: a complete central image, quiet side previews. */
.digital-gallery{width:100%;max-width:680px;margin:auto;outline:none;touch-action:pan-y}
.digital-stage{position:relative;width:100%;height:clamp(390px,58vh,550px);overflow:hidden;perspective:1000px;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.digital-slide{position:absolute;left:50%;top:50%;margin:0;padding:6px;border:1px solid #fff;border-radius:25px;background:linear-gradient(145deg,#ffffffd9,#dce6ed80);box-shadow:inset 0 1px 0 #fff,0 20px 45px #233b5320;backdrop-filter:blur(18px);will-change:transform,opacity;overflow:hidden;pointer-events:none}
.digital-slide img{display:block;width:100%;height:auto;border-radius:19px}
.digital-slide::after{content:'';position:absolute;inset:6px;border-radius:19px;background:#07131c;opacity:var(--slide-shade,0);pointer-events:none}
.digital-pagination{display:flex;justify-content:center;gap:5px;margin-top:5px}
.digital-pagination button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}
.digital-pagination button span{width:8px;height:8px;border:1px solid #6277868c;border-radius:50%;background:#fff9;transition:background .3s,transform .3s}
.digital-pagination button[aria-pressed=true] span{background:#465c6b;transform:scale(1.25)}
.digital-pagination button:focus-visible,.digital-gallery:focus-visible{outline:2px solid #627786;outline-offset:4px;border-radius:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.digital-stage{height:355px}.digital-slide{padding:4px;border-radius:20px}.digital-slide img,.digital-slide::after{border-radius:16px}.digital-slide::after{inset:4px}.point-solutions .point-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){.digital-slide{will-change:auto}.digital-pagination button span{transition:none}}

/* A cinematic selection keeps landscape and vertical pieces in their native format. */
.point-creatives{height:auto}.point-creatives .point-scene{position:relative;height:auto;min-height:100svh;display:block;padding:130px 0 85px;overflow:visible;background:radial-gradient(ellipse at 70% 20%,#dce4eb88,transparent 60%)}
.point-creatives .point-layout{grid-template-columns:1fr;margin:0 auto 60px}.point-creatives .point-copy{max-width:850px}.point-creatives .point-copy h3{font-size:clamp(48px,6vw,86px)}.point-creatives .point-progress{display:none}
.creative-gallery{width:90%;max-width:1550px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.creative-wide{grid-column:span 2}.creative-wide .reel-media{aspect-ratio:16/9}.creative-card .reel-poster{object-fit:contain}.creative-card{border-radius:28px;padding:6px}.creative-card .reel-media{border-radius:22px}.creative-card .reel-play-icon{width:60px;height:60px}.creative-caption{padding:20px 18px 17px;text-align:left}.creative-caption>span{display:block;font-size:12px;letter-spacing:.1em;color:#72828e;line-height:1.4;margin-bottom:8px}.creative-caption h4{font-size:clamp(18px,1.5vw,23px);line-height:1.3;font-weight:500;color:#3f5361;margin:0;letter-spacing:-.025em}.creative-card.is-loaded .reel-poster{opacity:0}
@media(max-width:1050px){.creative-gallery{gap:17px}.creative-card{border-radius:23px;padding:4px}.creative-card .reel-media{border-radius:19px}.creative-caption{padding:17px 10px 13px}.creative-caption>span{font-size:11px}.creative-caption h4{font-size:18px}}
@media(max-width:750px){.point-creatives .point-scene{padding:100px 0 65px;min-height:0}.point-creatives .point-layout{margin:0 auto 35px}.point-creatives .point-copy h3{font-size:clamp(36px,10vw,56px)}.creative-gallery{width:88%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.creative-wide{grid-column:span 2}.creative-card{border-radius:21px}.creative-card .reel-media{border-radius:17px}.creative-caption{padding:14px 8px 10px}.creative-caption>span{font-size:10px;letter-spacing:.045em}.creative-caption h4{font-size:16px}.creative-card .reel-play-icon{width:48px;height:48px}}

/* A quiet personal closing chapter, followed by small, direct contact links. */
.about-transition{position:relative;z-index:3;height:clamp(120px,20vh,200px);background:linear-gradient(180deg,#f4f5f6 0%,#d8dadc 20%,#858788 48%,#292a2b 76%,#070707 100%)}
.about-section{position:relative;z-index:3;background:#070707;color:#f6f6f6;padding:90px 0 100px}
.about-layout{width:88%;max-width:1350px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}
.about-eyebrow{display:block;font-size:12px;letter-spacing:.16em;color:#919191;margin-bottom:28px}
.about-copy h2{font-family:Delight,Arial,sans-serif;font-weight:900;letter-spacing:-.035em;font-size:clamp(58px,6.8vw,104px);line-height:1.04;margin:0 0 34px}
.about-copy p{margin:0;line-height:1.65;letter-spacing:-.02em}.about-lead{font-size:clamp(21px,1.9vw,27px);color:#dedede;max-width:580px}.about-details{margin-top:35px;max-width:530px;display:flex;flex-direction:column;gap:22px}.about-details p{font-size:18px;color:#a5a5a5}
.about-portrait{width:100%;max-width:410px;justify-self:end;margin:0;padding:7px;border-radius:32px;border:1px solid #ffffff29;background:linear-gradient(145deg,#ffffff1d,#ffffff06);box-shadow:inset 0 1px 0 #ffffff2d,0 30px 65px #0008;overflow:hidden}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1);border-radius:25px}
.contact-footer{position:relative;z-index:3;background:#070707;color:#aaa;padding:0 0 50px}.contact-inner{width:88%;max-width:1350px;margin:auto;border-top:1px solid #ffffff20;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-label{font-size:12px;letter-spacing:.15em;color:#7f7f7f}.contact-links{display:flex;align-items:center;gap:38px;flex-wrap:wrap}.contact-links a{font-size:14px;line-height:1.7;color:#bababa;text-decoration:none;text-underline-offset:5px;transition:color .25s}.contact-links a:hover{color:white;text-decoration:underline}.contact-links a:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:3px}
.about-enhanced .about-part{opacity:0;transform:translateY(25px);filter:blur(4px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.7,.2,1),filter .85s ease}.about-enhanced .about-part.is-visible{opacity:1;transform:none;filter:none}.about-enhanced .about-portrait{transition-delay:.12s}
@media(max-width:950px) and (min-width:751px){.about-layout{gap:6%;grid-template-columns:1.15fr .85fr}.about-copy h2{font-size:64px}.about-lead{font-size:21px}.about-details p{font-size:17px}}
@media(max-width:750px){.about-transition{height:120px}.about-section{padding:65px 0 60px}.about-layout{grid-template-columns:1fr;gap:45px}.about-eyebrow{margin-bottom:22px}.about-copy h2{font-size:clamp(47px,12vw,72px);margin-bottom:25px}.about-lead{font-size:21px}.about-details{margin-top:28px;gap:18px}.about-details p{font-size:17px}.about-portrait{max-width:350px;justify-self:center;border-radius:27px;padding:6px}.about-portrait img{border-radius:21px}.contact-footer{padding-bottom:35px}.contact-inner{align-items:flex-start;flex-direction:column;gap:20px;padding-top:25px}.contact-links{flex-direction:column;align-items:flex-start;gap:12px}.contact-links a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.about-enhanced .about-part{opacity:1;transform:none;filter:none;transition:none}}


/* Clearer chapters, with a longer, readable portal arrival. */
.skill-list li::before{content:none}.skill-list li{gap:0}.skills-heading h2{margin:0}.intro-card .intro-copy{margin-bottom:0}.realm-cover h2{margin:0 0 30px}.realm-cover{height:270svh}
.portal-edge-flash.is-flashing{animation-duration:5.2s;animation-timing-function:ease-in-out}.portal-edge-flash{padding:15px}
@keyframes portal-edge-pulse{0%{opacity:0;filter:blur(10px)}10%{opacity:1;filter:blur(2px)}85%{opacity:1;filter:blur(3px)}94%{opacity:.85;filter:blur(4px)}100%{opacity:0;filter:blur(12px)}}
.ai-details .ai-chapter{padding-left:3%;padding-right:3%;scroll-margin-top:35px}.realm-card{padding:clamp(40px,4vw,68px);min-height:clamp(430px,55vh,620px);border-color:#ffffff35;background:linear-gradient(135deg,#ffffff10,#030303b0 50%,#171717a0);box-shadow:inset 0 1px 0 #ffffff24,0 40px 100px #0007}
.about-copy h2{margin-top:0}.creative-caption{padding-top:17px}.creative-caption h4{margin:0}
@media(max-width:750px){.realm-cover{height:260svh}.portal-edge-flash{padding:10px}.ai-details .ai-chapter{padding-left:4%;padding-right:4%}.realm-card{padding:38px 27px;min-height:0;gap:30px}.realm-cover h2{margin:0 0 22px}.skills-heading h2{margin:0}}
@media(prefers-reduced-motion:reduce){.realm-cover{height:100svh}.realm-intro-held .realm-cover-scene{position:relative}}


/* A shorter blended threshold, original portrait color, and complete phone layouts. */
.experiences{margin-top:-6svh;padding:22svh 0 0;background:linear-gradient(180deg,#03030300 0,#030303 6svh,#292c2e 9svh,#91979b 14svh,#dfe3e6 19svh,#f4f5f6 22svh,#f4f5f6 100%)}
.portal-edge-flash.is-flashing{animation-duration:4.2s}.about-portrait img{filter:none}.realm-mobile-title{display:none}
@media(max-width:750px){
 .experiences{padding-top:20svh;background:linear-gradient(180deg,#03030300 0,#030303 6svh,#292c2e 8svh,#91979b 13svh,#dfe3e6 17svh,#f4f5f6 20svh,#f4f5f6 100%)}
 .skill-scene{min-height:0}.immersive-skill .skill-label{top:6%}.immersive-skill h3{font-size:clamp(30px,8.6vw,42px)}.immersive-skill .skill-list{top:34%}.immersive-skill .skill-list li{font-size:16px;padding:10px 0}
 .experience-point:not(.point-reels):not(.point-creatives){height:auto}.experience-point:not(.point-reels):not(.point-creatives) .point-scene{position:relative;height:auto;min-height:100svh;padding:40px 0;overflow:visible}.experience-point:not(.point-reels):not(.point-creatives) .point-layout{margin:0 auto}
 .point-chips span{font-size:14px}.digital-pagination button{width:44px;height:44px}.digital-pagination{gap:0}.contact-links a{min-height:44px;display:flex;align-items:center}.contact-links{gap:0}
 .realm-cover-lettering{display:none}.realm-mobile-title{display:block;font-family:Delight,Arial,sans-serif;font-weight:900;font-size:clamp(31px,9.2vw,44px);line-height:1.1;letter-spacing:-.025em}.realm-cover-discover{font-size:14px;min-height:48px}.realm-chip span:first-child{font-size:14px}
 .ai-portal-label{left:6%;right:6%;top:10%;max-width:240px}.ai-portal-eyebrow{font-size:11px}.realm-card .skill-list li{font-size:16px}
}
@media(max-width:750px) and (max-height:620px){.immersive-skill .skill-list{top:33%}.immersive-skill .skill-list li{padding:8px 0}.immersive-skill .skill-tool{margin-top:10px}.digital-stage{height:320px}}
@media(orientation:landscape) and (max-height:520px) and (max-width:1000px){
 .experience-point:not(.point-reels):not(.point-creatives){height:auto}.experience-point:not(.point-reels):not(.point-creatives) .point-scene{position:relative;height:auto;min-height:100svh;padding:45px 0;overflow:visible}.point-layout{margin:0 auto}.brand-network{height:390px;--network-scale:.7}.brand-node{width:80px;height:80px}.brand-hub{width:110px;height:110px}.brand-hub strong{font-size:39px}.brand-profiles{max-width:290px;gap:12px}.digital-stage{height:330px}.intro-runway{height:auto}.introduction{position:relative;height:auto;min-height:100svh}.intro-grid{padding:55px 5%;min-height:100svh;grid-template-columns:1fr 1fr;gap:5%}.intro-card{padding:25px}.video-space{height:390px}.intro-copy{font-size:16px;line-height:1.5}
 .skill-scene{height:auto;min-height:100svh;padding:45px 5%}.immersive-skill{height:220svh}.immersive-skill .skill-inner{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:6%;position:relative;z-index:3}.immersive-skill .skill-label,.immersive-skill .skill-list{position:relative;left:auto;top:auto;width:100%;min-height:0}.immersive-skill .skill-list li{font-size:16px;padding:12px 0}.immersive-skill h3{font-size:38px}.skill-media{opacity:calc(1 - var(--detail-progress)*.85)}.realm-card{min-height:0;padding:35px}.realm-card h3{font-size:38px}.realm-card .skill-list li{font-size:16px;padding:14px 0}.realm-cover-content{width:80%}.realm-cover h2{margin-bottom:18px}.realm-cover-discover{margin-top:0;padding:12px 22px}.realm-cover-lettering{gap:10px}.about-copy h2{font-size:58px}
}
@media(prefers-reduced-motion:reduce){.immersive-skill .skill-label,.immersive-skill .skill-list{top:auto}.experiences{margin-top:0}}
.hero-touch-copy{display:none}
@media(max-width:750px){.hero-hint .hero-touch-copy{display:block;font-size:10px;letter-spacing:.1em}.intro-grid{padding-top:40px;padding-bottom:20px}.intro-card{padding:22px}.intro-copy{font-size:16px;line-height:1.55}}
@media(orientation:landscape) and (max-height:520px) and (max-width:1000px){.hero-touch-copy{display:block;font-size:10px}.hero-hint p:not(.hero-touch-copy){display:none}.intro-grid{padding:45px 5%}}
@media(max-width:360px){.brand-network{--network-scale:.5;height:300px}.brand-node{width:60px;height:60px}.brand-hub{width:90px;height:90px}.brand-hub strong{font-size:32px}}
@media(max-width:750px){.realm-mobile-title{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 2px 18px #0009}.video-shell{inset:0 -8% 0}.portrait-video{mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 80%,transparent),linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 80%,transparent),linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}}