@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;background:#090a10;color:#efedf7}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d0c2ff;outline-offset:7px}button{border:0}button:disabled{cursor:default}header{position:relative;z-index:3;height:112px;display:flex;align-items:center;padding:0 5%;gap:22px}.wordmark{font-size:40px;letter-spacing:-5px;font-weight:700;color:#eee;text-decoration:none}.wordmark span{display:inline-block;color:#b6a7fc;font-size:24px;vertical-align:top;margin:5px 0 0 9px;letter-spacing:0}.identity{font-size:11px;letter-spacing:2px;border-left:1px solid #33313c;padding-left:22px}.identity span{display:block;color:#85838f;font-size:9px;margin-top:8px;letter-spacing:1.7px}.edition{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#b7b2c5}.edition span{display:block;margin:8px 0 0 17px;color:#666371;font-size:8px}.edition i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ad9eea;margin-right:8px;box-shadow:0 0 12px #b0a4ef}.nebula{position:fixed;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 55% 55%,#32305e44,transparent 35%),radial-gradient(ellipse at 28% 65%,#16285042,transparent 40%),radial-gradient(ellipse at 78% 45%,#3a204839,transparent 35%);filter:blur(35px);animation:nebula 25s ease-in-out infinite alternate}.grain{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.12' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}main{position:relative;min-height:calc(100vh - 178px)}.intro{text-align:center;padding-top:35px;transition:opacity .3s}.eyebrow{font-size:9px;letter-spacing:2px;color:#9690a7}h1{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(42px,5vw,72px);letter-spacing:-3.5px;line-height:1.06;margin:22px 0}h1 em{font-weight:400;font-style:normal;color:#bcb0e4}.intro p{font-size:12px;line-height:1.8;color:#9591a6}#universe{position:relative;margin:0 5%;height:345px}#folders{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(25px,5vw,85px);z-index:2}.folder{position:relative;width:180px;height:180px;background:none;padding:0;flex-shrink:0;perspective:700px;transition:opacity .4s,filter .4s,transform .5s;--rx:0deg;--ry:0deg}.folder-shape{position:relative;display:block;width:170px;height:112px;margin:0 auto 25px;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-5deg);animation:float 7s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 22px 15px #0007)}.folder:nth-child(2) .folder-shape{rotate:7deg}.folder:nth-child(3) .folder-shape{rotate:-2deg}.folder:nth-child(4) .folder-shape{rotate:8deg}.folder-back{position:absolute;inset:0;border-radius:8px 13px 12px 12px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 42%,#181827),#222339);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.folder-back:before{content:'';position:absolute;top:-13px;left:-1px;width:65px;height:20px;background:color-mix(in srgb,var(--accent) 32%,#1b1b2b);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-bottom:0;border-radius:8px 15px 0 0}.paper{position:absolute;width:133px;height:87px;left:19px;top:9px;background:linear-gradient(140deg,#aaa7c2,#48485f);border-radius:5px;transform:rotate(4deg);transition:transform .5s}.paper:after{content:'';position:absolute;inset:15px;background:repeating-linear-gradient(0deg,transparent 0 12px,#ffffff40 12px 13px)}.paper.two{background:linear-gradient(135deg,var(--accent),#313349);transform:rotate(-7deg);left:12px}.folder-front{position:absolute;inset:14px -2px -1px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:7px 7px 12px 12px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 25%,#202032),#202032 75%);box-shadow:inset 0 1px #ffffff20,inset 0 -15px 30px #0002;transform-origin:bottom;transition:transform .5s;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:27px}.folder-front:after{content:'IC /';font-size:7px;letter-spacing:2px;position:absolute;bottom:12px;left:14px;opacity:.5}.folder:hover .folder-front,.folder:focus-visible .folder-front{transform:rotateX(-27deg)}.folder:hover .paper,.folder:focus-visible .paper{transform:translateY(-16px) rotate(5deg)}.folder.open .folder-front{transform:rotateX(-48deg)}.folder.open .paper{transform:translateY(-22px) rotate(-5deg)}.folder-label{font-size:13px;letter-spacing:.1px;display:block}.folder-sub{font-size:7px;letter-spacing:1.2px;display:block;color:#777485;margin-top:9px}.folder-number{position:absolute;top:-25px;left:0;font-size:8px;color:#625d75;letter-spacing:1px}.bottom-hint{display:flex;justify-content:center;gap:10px;align-items:center;color:#777184;font-size:8px;letter-spacing:1.7px;padding:8px 0 35px}.hint-icon{font-size:15px;color:#b4a7d4}footer{position:relative;margin:0 5%;height:66px;border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;color:#77727f;font-size:8px;letter-spacing:1.5px}footer b{font-size:16px;color:#b3a4d9;padding:0 16px;font-weight:400}footer i{font-style:normal;margin-left:15px}.section-bar{margin:10px 5% 0;align-items:center;justify-content:space-between;height:74px}.section-bar:not([hidden]){display:flex}h2{margin:8px 0;font-size:28px;font-weight:500;letter-spacing:-1px}.actions{display:flex;gap:12px}.actions button{background:#171620;border:1px solid #ffffff14;padding:11px 16px;border-radius:30px;font-size:11px}.actions button:hover{background:#282332}body.exploring main>.intro{display:none}body.exploring #universe{height:650px}body.exploring #folders{top:auto;bottom:0;height:150px;gap:45px}body.exploring .folder{width:130px;height:120px;opacity:.4;transform:scale(.76);transform-origin:center bottom}body.exploring .folder.open{opacity:1;transform:scale(.9)}body.exploring .folder:hover,body.exploring .folder:focus-visible{opacity:1}body.exploring .folder-shape{margin-left:-20px;margin-bottom:15px}body.exploring .folder-sub{display:none}#items{position:absolute;inset:0 0 155px;pointer-events:none}.item{position:absolute;left:0;top:0;width:220px;min-height:120px;background:linear-gradient(145deg,#242332ee,#171720f5);border:1px solid #ffffff1b;border-radius:10px;color:#ddd9e9;box-shadow:0 16px 35px #0004,inset 0 1px #ffffff07;text-align:left;padding:20px;pointer-events:auto;touch-action:none;user-select:none;will-change:transform;cursor:grab}.item:active{cursor:grabbing}.item:hover{border-color:#ada0d56b;box-shadow:0 20px 40px #0006}.item .tag{font-size:7px;letter-spacing:1.5px;color:#9f96b5;display:block;margin-bottom:14px}.item h3{font-weight:500;font-size:18px;letter-spacing:-.5px;margin:0 0 12px}.item p{font-size:11px;line-height:1.7;color:#aaa5b9;white-space:pre-line;margin:0}.item .arrow{position:absolute;right:14px;bottom:12px;color:#817692;font-size:13px}.item.name h3{font-size:30px;letter-spacing:-1.2px}.item.name{background:linear-gradient(135deg,#393047,#211e2e)}.item.portrait{padding:0;width:180px;height:235px;overflow:hidden}.portrait-art{height:100%;min-height:210px;background:radial-gradient(ellipse at 50% 40%,#9384b947,transparent 65%),linear-gradient(150deg,#292c3c,#14151d);display:grid;place-items:center;position:relative}.portrait-art:before{content:'';width:61px;height:80px;border:1px solid #b2a2d650;border-radius:50%;box-shadow:0 0 40px #9582bc17;position:absolute;top:38px}.portrait-art:after{content:'';width:125px;height:100px;border:1px solid #b2a2d638;border-bottom:0;border-radius:75px 75px 0 0;position:absolute;top:125px}.portrait-art span{position:absolute;bottom:13px;font-size:7px;letter-spacing:2px;color:#a29ab3}.item.future{border-color:#91d9bf35}.item.future .tag{color:#91d9bf}.item.small{min-height:95px}.item.small h3{font-size:17px}.item.timeline p{border-left:1px solid #8e7eb0;padding-left:14px;line-height:2.4}.media-art{height:150px;margin:-10px -10px 15px;border-radius:5px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#8a72b9,transparent 30%),linear-gradient(140deg,#1e2b48,#463b69 55%,#14141f);display:grid;place-items:center}.media-art:before{content:'';width:100px;height:100px;border:1px solid #d4c4ff77;border-radius:50%;box-shadow:0 0 0 12px #c2afff13,0 0 0 35px #b1abff0a;transform:rotate(-30deg) scaleY(.6)}.media-art .play{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center;background:#ffffff10;font-size:12px}.media-art small{position:absolute;bottom:12px;left:12px;font-size:7px;letter-spacing:1.5px}.item.video{width:290px}.item.vertical{width:200px}.vertical .media-art{height:265px}.item.art{width:220px;padding:12px;background:#c1bbc9;color:#15121f}.art .media-art{height:230px;margin:0 0 14px;border-radius:0}.art p,.art .tag{color:#4f485e}.art2 .media-art{background:repeating-linear-gradient(115deg,#312641 0 8px,#b89fbf 8px 10px)}.art3 .media-art{background:radial-gradient(circle at 35% 40%,#c9c5eb 0 25%,transparent 26%),linear-gradient(130deg,#676990,#1b2440)}.art4 .media-art{background:repeating-radial-gradient(ellipse at 40% 60%,#9e849b 0 4px,#2f253a 5px 15px)}.strategy{min-height:270px;width:270px}.strategy:before{content:'✳';display:block;color:#91d9bf;font-size:55px;margin:6px 0 30px}.strategy:nth-child(2):before{content:'◎'}.strategy:nth-child(3):before{content:'↗'}dialog{background:#191821;color:#ece7f5;border:1px solid #ffffff24;border-radius:18px;width:min(680px,90vw);max-height:85vh;padding:45px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#07070dcc;backdrop-filter:blur(12px)}#viewer-close{position:absolute;top:15px;right:15px;background:#ffffff0b;border-radius:50%;width:32px;height:32px}dialog .tag{font-size:9px;letter-spacing:2px;color:#b0a3c7}dialog h2{font-size:35px;margin:16px 0 25px}dialog p{font-size:14px;line-height:1.8;white-space:pre-line;color:#b5afc2}dialog h3{font-size:14px;font-weight:500;color:#b9d7cd;margin-top:25px}.viewer-note{margin-top:35px;font-size:8px;letter-spacing:1.4px;color:#7d748c}dialog .media-art{height:260px;margin:20px 0}dialog .portrait-art{height:250px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes nebula{to{transform:translate(4%,-3%) rotate(9deg)}}@media(min-width:1500px){#universe{max-width:1300px;margin:auto}.intro{padding-top:6vh}body.exploring #universe{height:680px}}@media(max-width:1000px){header{height:90px;padding:0 6%}.edition{font-size:7px}.edition span{font-size:6px}.identity{font-size:9px;padding-left:14px}.identity span{font-size:7px}.wordmark{font-size:32px}.intro{padding-top:25px}h1{font-size:48px;letter-spacing:-2.5px}.eyebrow{font-size:7px;letter-spacing:1.4px}.intro p{font-size:11px}#universe{height:440px;margin:0 6%}#folders{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;justify-items:center}.folder{width:140px;height:175px}.folder-shape{scale:.8;margin-left:-15px;margin-bottom:8px}.folder-number{top:3px;font-size:7px}.folder-label{font-size:12px}.folder-sub{font-size:6px}.bottom-hint{font-size:7px}footer{font-size:6px;gap:12px}footer>span:nth-child(2){display:none}.section-bar{height:105px;align-items:flex-start;padding-top:12px;gap:10px}h2{font-size:22px}.actions{gap:6px;flex-direction:column}.actions button{font-size:9px;padding:8px 10px}body.exploring #universe{height:auto;min-height:700px}body.exploring #folders{position:relative;display:flex;justify-content:space-around;gap:0;height:115px;top:0;bottom:auto}body.exploring .folder{width:23%;height:110px;transform:scale(.5);transform-origin:50% 40%;opacity:.55}body.exploring .folder.open{transform:scale(.58)}body.exploring .folder-shape{margin-left:calc(50% - 85px);scale:1}body.exploring .folder-label{font-size:17px;width:150px;position:relative;left:calc(50% - 75px)}#items{position:relative;inset:auto;width:100%;padding-bottom:20px}.item,.item.video,.item.vertical,.item.art,.item.portrait,.item.strategy{width:calc(50% - 7px);padding:14px}.item.portrait{padding:0}.item h3{font-size:16px}.item.name h3{font-size:25px}.item p{font-size:10px}.item .tag{font-size:6px;letter-spacing:1px}.item.video,.item.strategy{width:100%}.item.vertical{width:65%}.item.art .media-art{height:190px}.item .media-art{margin:-4px -4px 12px}.item.video .media-art{height:185px}.item.vertical .media-art{height:270px}dialog{padding:35px 23px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1001px) and (max-height:850px){body.exploring header{height:72px}body.exploring .section-bar{height:60px}body.exploring #universe{height:530px}body.exploring #items{bottom:125px}body.exploring #folders{height:125px}body.exploring .item.portrait{height:185px}body.exploring .portrait-art{min-height:185px}body.exploring .folder{transform:scale(.65)}body.exploring .folder.open{transform:scale(.75)}}
/* Imported work: preserve the complete artwork and the native video ratio. */
.item.real-media .media-art{height:155px;background:#0c0c13;margin:-8px -8px 14px;border:1px solid #ffffff10;border-radius:5px}
.media-art.real:before{display:none}.media-art.real img,.media-art.real video{height:100%;width:100%;object-fit:contain;pointer-events:none}.media-art.real .play{background:#090a10b0;box-shadow:0 4px 22px #0009}
.item.real-media h3{font-size:16px}.item.art.real-media{background:#24212e;color:#ece8f5;padding:18px}.item.art.real-media .tag,.item.art.real-media p{color:#aba2bc}.item.real-case:before{display:none}.item.real-case{min-height:0}.real-case .case-cover{height:165px;background:#0b0c14}.real-case h3{font-size:21px}
.focused-video{display:block;width:100%;max-height:60vh;background:#07070c;border-radius:8px}.focused-art{width:100%;background:#090910;text-align:center;border-radius:7px}.focused-art img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}dialog:has(.focused-art),dialog:has(.focused-video){width:min(1000px,94vw)}dialog .case-cover{height:220px}.source-link{display:inline-block;color:#c8b7ff;text-decoration:none;font-size:12px;border-bottom:1px solid #8e7aa0;padding:12px 0;margin:5px 0 12px}.source-link:hover{color:white}.case-pages summary{cursor:pointer;padding:18px 0;color:#cfc5e1;font-size:13px}.case-pages img{width:100%;display:block;margin:12px 0;border:1px solid #ffffff20}#viewer-close{position:sticky;float:right;top:-25px;z-index:4;margin:-20px -20px 0 0}
@media(max-width:1000px){.item.video.real-media,.item.art.real-media{width:calc(50% - 7px);padding:12px}.item.real-media .media-art{height:175px;margin:-4px -4px 12px}.item.real-media h3{font-size:14px}.item.real-media p{font-size:9px}.item.real-case{width:100%}.item.real-case .case-cover{height:190px}.item.real-media .tag{font-size:6px}dialog .focused-video{max-height:65vh}}
.media-art.real>img,.media-art.real>video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
/* Native media proportions and two independent case-study slide rows. */
.item.real-media .media-art.real{height:auto;aspect-ratio:var(--media-ratio);margin:0 0 15px;border:0;border-radius:5px;width:100%}
.item.real-media{padding:12px}.item.real-media .media-art.real img,.item.real-media .media-art.real video{object-fit:contain}
.deck-row{position:relative;padding:12px 0 22px;pointer-events:auto}.deck-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.deck-heading h3{font-size:19px;font-weight:500;margin:7px 0;color:#dcd4eb}.row-controls{display:flex;gap:8px}.row-controls button,.slide-navigation button{border:1px solid #ffffff25;background:#242130;border-radius:30px;padding:9px 15px}.deck-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#706082 #17151e;scrollbar-width:thin;padding-bottom:12px;overscroll-behavior-x:contain}.deck-track{position:relative}.item.slide-card{min-height:0;padding:10px;touch-action:pan-y}.item.slide-card .media-art{aspect-ratio:var(--media-ratio);height:auto;width:100%;margin:0 0 12px;background:#0c0c13;border-radius:4px}.item.slide-card .tag{margin:0 0 6px}.item.slide-card h3{font-size:13px;margin:0 20px 4px 0}.item.slide-card p{display:none}.transitioning .deck-scroll{overflow:visible}.slide-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;color:#b8adc9}.slide-navigation button:disabled{opacity:.3}.slide-viewer{width:min(1400px,96vw)!important}.slide-viewer .focused-art img{max-height:67vh;width:100%;height:auto}.slide-viewer h2{font-size:22px;margin:12px 0}.slide-viewer .viewer-note{margin-top:15px}.slide-viewer .focused-art{background:transparent}
@media(max-width:1000px){.item.real-media .media-art.real{height:auto;aspect-ratio:var(--media-ratio);margin:0 0 12px}.deck-heading h3{font-size:15px}.row-controls button{padding:7px 11px}.slide-navigation{flex-wrap:wrap}.slide-navigation span{order:3;width:100%;text-align:center}.slide-viewer{padding:30px 16px}.slide-viewer .focused-art img{max-height:none}.deck-row{padding-top:8px}}
.focused-video{width:auto;height:auto;max-width:100%;max-height:60vh;margin:0 auto;object-fit:contain}.focused-art{width:fit-content;max-width:100%;margin:0 auto}.slide-viewer .focused-art{width:100%}
.item.small p{overflow-wrap:anywhere}.contact-links{display:flex;flex-wrap:wrap;gap:20px}.item.intro{text-align:left}.item.name p{font-size:12px;line-height:1.5}
/* About Me and project storytelling */
.item.about-card{padding:23px}.item.about-card p{font-size:12px;line-height:1.8}.item.about-card .tag{font-size:8px;line-height:1.5}.item.about-card h3{font-size:21px}.item.about-card.name h3{font-size:34px}.item.about-card.name p{font-size:18px;line-height:1.55}.item.about-card.portrait{height:177.5px!important;padding:0}.portrait-photo{height:100%;width:100%}.portrait-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;pointer-events:none}.portrait-focus img{max-height:70vh}.item.about-card.toolkit p{font-size:12px;line-height:1.95}.item.art.real-media .tag{font-size:11px;line-height:1.4;letter-spacing:1px;font-weight:600;color:#d8ccec}:is(.item.video.real-media,.item.art.real-media){transition:scale .25s ease,box-shadow .25s ease}.hover-description{display:block;position:absolute;top:calc(100% - 5px);left:-8px;right:-8px;background:#252131;border:1px solid #a28bc655;border-radius:10px;padding:16px;color:#e2daed;font-size:12px;line-height:1.6;opacity:0;visibility:hidden;translate:0 -6px;transition:opacity .2s,translate .2s,visibility .2s;box-shadow:0 15px 30px #0007;pointer-events:none;text-align:left}:is(.item.video.real-media,.item.art.real-media):focus-visible:not(.dragging){scale:1.045;z-index:100!important}:is(.item.video.real-media,.item.art.real-media):focus-visible .hover-description{visibility:visible;opacity:1;translate:0 0}:is(.item.video.real-media,.item.art.real-media).dragging{scale:1}:is(.item.video.real-media,.item.art.real-media).dragging .hover-description{visibility:hidden;opacity:0}.transitioning .hover-description{visibility:hidden!important;opacity:0!important}.project-summary{color:#d8c9ed!important;font-size:16px!important}
@media(hover:hover) and (pointer:fine){:is(.item.video.real-media,.item.art.real-media):hover:not(.dragging){scale:1.045;box-shadow:0 22px 45px #0009}:is(.item.video.real-media,.item.art.real-media):hover:not(.dragging) .hover-description{visibility:visible;opacity:1;translate:0 0}}
@media(max-width:1000px){.item.about-card:not(.portrait){width:100%;padding:22px}.item.about-card.portrait{width:32.5%;height:160px!important}.item.about-card p{font-size:13px}.item.about-card.toolkit p{font-size:12px}.item.art.real-media .tag{font-size:9px}.hover-description{position:static;opacity:1;visibility:visible;translate:none;margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #ffffff20;background:none;box-shadow:none;font-size:10px;line-height:1.6}:is(.item.video.real-media,.item.art.real-media):focus-visible:not(.dragging){scale:1}}

/* Invite visitors to open the complete project story. */
.read-more{display:block;margin-top:10px;color:#cbb8f4;font-size:11px;font-weight:600;letter-spacing:.2px}.touch-cue{display:none}@media(pointer:coarse){.pointer-cue{display:none}.touch-cue{display:inline}}

/* Paired artwork: portrait leads, landscape peeks out behind it. */
.artwork-set-card .set-peek{position:absolute;left:15%;top:28px;width:88%;aspect-ratio:16/9;padding:5px;background:#342b41;border:1px solid #bda4db66;border-radius:5px;transform:translate(0,0) rotate(0deg);transition:transform .45s ease;box-shadow:0 8px 22px #0007;pointer-events:none}
.set-peek img{display:block;width:100%;height:100%;object-fit:contain}.artwork-set-card .set-front{z-index:1;box-shadow:0 6px 18px #0006}.set-badge{display:block;position:relative;margin:0 0 12px;color:#dbc2ee;font-size:9px;letter-spacing:.8px}.artwork-set-card:focus-visible:not(.dragging) .set-peek{transform:translate(24px,-18px) rotate(8deg)}
@media(hover:hover) and (pointer:fine){.artwork-set-card:hover:not(.dragging) .set-peek{transform:translate(24px,-18px) rotate(8deg)}}
.artwork-set-card.dragging .set-peek,.transitioning .set-peek{transform:none!important}.format-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.format-controls button{padding:10px 15px;border:1px solid #ffffff25;border-radius:24px;background:#25202f;font-size:12px}.format-controls button[aria-pressed="true"]{background:#4b3a61;border-color:#b79ad7;color:#fff}

/* Layout motion is choreographed by FLIP; avoid competing CSS transitions. */
.transitioning .folder{transition:none}.transitioning .folder-label,.transitioning .folder-sub{animation:none}

/* Clear positioning and a short route to selected work. */
.intro>.eyebrow{line-height:1.8;padding:0 20px}.intro h1{font-size:clamp(38px,4.4vw,64px)}.selected-work{margin:24px auto 0}.selected-work>span{display:block;font-size:8px;letter-spacing:1.8px;color:#9f94b2;margin-bottom:12px}.selected-work>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.selected-work button{border:1px solid #b69ddc35;background:#201c2a;padding:10px 14px;border-radius:24px;font-size:11px;color:#dcd3ec}.selected-work button:hover{background:#342a44;border-color:#c3a8e477}.selected-work button span{margin-left:8px;color:#baa0df}.featured-badge{display:block;font-size:8px;letter-spacing:1px;color:#dbbdfb;margin:0 0 10px;line-height:1.5;font-weight:600}.item.about-card.name p{font-size:16px}.item.about-card.intro p{font-size:13px}
@media(max-width:1000px){.intro h1{font-size:40px;letter-spacing:-2px}.intro p{padding:0 20px}.selected-work{padding:0 18px}.selected-work button{font-size:10px;padding:9px 12px}.intro>.eyebrow{font-size:7px}.featured-badge{font-size:7px}.item.about-card.name p{font-size:17px}}
@media(max-width:1000px){.intro h1{font-size:clamp(30px,9vw,40px);padding:0 14px}}

/* Quiet cosmic atmosphere: static vector stars and slowly drifting light. */
.cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#090a12}
.cosmos .nebula{position:absolute;inset:-15%;filter:blur(42px);background:radial-gradient(ellipse at 18% 62%,#23447d5c,transparent 42%),radial-gradient(ellipse at 79% 36%,#633b8152,transparent 40%),radial-gradient(ellipse at 53% 85%,#343d7c40,transparent 42%);animation:cosmic-drift 40s ease-in-out infinite alternate}
.cosmic-cloud{position:absolute;inset:-15%;background:radial-gradient(ellipse at 73% 67%,#77528e28,transparent 32%),radial-gradient(ellipse at 33% 25%,#31587325,transparent 35%);filter:blur(60px);animation:cosmic-drift 54s ease-in-out -18s infinite alternate-reverse}
.starfield{position:absolute;inset:-3%;background:url('assets/starfield.svg') center/cover no-repeat;opacity:.75;animation:star-breathe 16s ease-in-out infinite alternate}
.cosmic-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#090a1250 0%,transparent 65%),linear-gradient(0deg,#090a1266,transparent 30%,transparent 75%,#090a1255)}
body>main,body>footer{z-index:1}.grain{z-index:0}body.exploring .starfield{opacity:.5;animation:none}body.exploring .cosmic-cloud{opacity:.65}
@keyframes cosmic-drift{from{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.045)}}
@keyframes star-breathe{from{opacity:.55}to{opacity:.8}}
@media(max-width:1000px){.cosmos .nebula{filter:blur(28px)}.cosmic-cloud{display:none}.starfield{background-size:auto 100%;opacity:.6}}
@media(prefers-reduced-motion:reduce){.cosmos .nebula,.cosmic-cloud,.starfield{animation:none!important;transform:none!important}.starfield{opacity:.65}}