@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&family=Cormorant+Garamond:wght@400;500;600;700&family=Nunito:wght@300;400;600;700;800&display=swap";@import"https://fonts.cdnfonts.com/css/brittany-signature";@font-face{font-family:Futura LT Pro;src:url(/fonts/FuturaLTPro-Medium.woff2) format("woff2"),url(/fonts/FuturaLTPro-Medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Futura LT Pro;src:url(/fonts/FuturaLTPro-Bold.woff2) format("woff2"),url(/fonts/FuturaLTPro-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Futura LT Pro;src:url(/fonts/FuturaLTPro-XBold.woff2) format("woff2"),url(/fonts/FuturaLTPro-XBold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Futura LT Pro;src:url(/fonts/FuturaLTPro-Black.woff2) format("woff2"),url(/fonts/FuturaLTPro-Black.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Avenir Next LT Pro;src:url(/fonts/AvenirNextLTPro-Regular.woff2) format("woff2"),url(/fonts/AvenirNextLTPro-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Avenir Next LT Pro;src:url(/fonts/AvenirNextLTPro-Demi.woff2) format("woff2"),url(/fonts/AvenirNextLTPro-Demi.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Avenir Next LT Pro;src:url(/fonts/AvenirNextLTPro-Bold.woff2) format("woff2"),url(/fonts/AvenirNextLTPro-Bold.woff) format("woff");font-weight:700;font-style:normal}:root{--color-snowfall: #FFFFFF;--color-rich-black: #0A0A0A;--color-bg: #0A0A0A;--color-surface-dark: #121212;--color-surface-light: #F7F7F7;--theme-bg: var(--color-bg);--theme-surface: var(--color-surface-dark);--theme-text: var(--color-snowfall);--color-magma: #FFFFFF;--font-primary: "Avenir Next LT Pro", sans-serif;--font-secondary: "Futura LT Pro", sans-serif}[data-theme=light]{--theme-bg: #FFFFFF;--theme-surface: var(--color-surface-light);--theme-text: var(--color-rich-black);--color-magma: #0A0A0A}body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;background-color:#fff;pointer-events:none;z-index:99999;mix-blend-mode:difference;opacity:0;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.custom-cursor.active{opacity:1}.custom-cursor.hovering{width:48px;height:48px}@media(max-width:1024px),(hover:none),(pointer:coarse){.custom-cursor{display:none!important}body.has-custom-cursor,body.has-custom-cursor *{cursor:auto!important}}*{margin:0;padding:0;box-sizing:border-box}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}body{background-color:var(--theme-bg);color:var(--theme-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-secondary);font-size:64px;line-height:normal;color:var(--color-magma)}h2{font-family:var(--font-secondary);font-size:32px;line-height:normal;color:var(--theme-text)}.bio-heading{font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:.06em;color:var(--theme-text)}.bio-heading-light{font-weight:400;opacity:.35}.header-dateline{font-family:var(--font-secondary);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--theme-text);opacity:.4;white-space:nowrap}@media(max-width:768px){.header-dateline{display:none}}.desc-text{font-family:var(--font-primary);font-size:20px;line-height:normal}.resume-header{font-family:var(--font-primary);font-size:15px;line-height:normal;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text)}p,a{font-family:var(--font-primary);font-size:10px;line-height:16px;color:var(--theme-text)}a{text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-magma)}.layout-wrapper{max-width:1440px;margin:0 auto;padding:40px;min-height:100vh}header{position:sticky;top:0;z-index:100;background-color:var(--theme-bg);padding:20px 0;margin-top:-20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.layout-header{margin-bottom:60px;display:flex;flex-direction:column;gap:16px}.filter-bar{display:flex;flex-wrap:wrap;gap:24px;padding-top:16px}.filter-pill{font-family:var(--font-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 0;border:none;background:transparent;color:var(--theme-text);cursor:pointer;opacity:.5;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.filter-pill:hover{opacity:1;color:var(--color-magma)}.filter-pill.active{color:var(--color-magma);opacity:1}.filter-pill.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-magma)}.grid-item.filter-hidden{display:none}.layout-main{display:grid;grid-template-columns:repeat(15,1fr);gap:20px;align-items:start}.grid-item{background-color:var(--theme-surface);padding:40px}.layout-main>.grid-item{grid-column:span 5}.layout-main>.grid-item.small-item{grid-column:span 3;padding:24px}.layout-main>.grid-item.small-item .desc-text{font-size:14px}.layout-main>.grid-item.small-item .project-tags span{font-size:8px;padding:4px 8px}.capping-wrapper{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.layout-main .capping-item{width:100%;aspect-ratio:16 / 10}@media(max-width:600px){.capping-wrapper{grid-template-columns:1fr}}.project-card{aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;position:relative;display:flex;flex-direction:column}.project-tags{display:flex;gap:8px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.project-tags span{opacity:0;transform:translateY(20px);background-color:var(--color-magma);color:var(--color-rich-black);padding:4px 12px;border-radius:4px;font-family:var(--font-primary);font-size:10px;text-transform:uppercase;font-weight:700}.project-logo{width:50%;max-height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:filter .3s ease;filter:invert(1);z-index:2}[data-theme=light] .project-logo{filter:invert(1)}[data-theme=light] .project-card:hover .project-logo{filter:invert(0)}.social-icon{filter:invert(1)}[data-theme=light] .social-icon{filter:invert(0)}.project-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:inherit;transition:opacity .4s ease,filter .4s ease;will-change:opacity;opacity:1;mix-blend-mode:normal;filter:grayscale(0%)}.project-card:hover .project-bg{opacity:.1;mix-blend-mode:overlay;filter:grayscale(50%)}@media(max-width:768px){.layout-wrapper{padding:24px}.layout-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout-main>.grid-item{grid-column:auto;margin-top:0}.layout-main>.grid-item.small-item{grid-column:auto}.layout-main>.grid-item[style*=grid-column]{grid-column:1 / -1}}@media(max-width:480px){.layout-wrapper{padding:16px}.layout-main{display:flex;flex-direction:column;gap:16px}.grid-item{width:100%;margin-top:0}}.toggle-wrapper{position:fixed;bottom:40px;right:40px;transform:scale(.6);transform-origin:bottom right;z-index:2000}.toggle{position:relative;display:flex;align-items:center;justify-content:center}.toggle label{position:relative;display:inline-block;width:80px;height:80px;background-color:var(--color-snowfall);border-radius:50px;cursor:pointer;box-shadow:inset 0 0 2px 1px #0000001a,0 9px 15px #fff3;-webkit-tap-highlight-color:transparent;transition:all .3s ease}.toggle label:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .2s cubic-bezier(0,-1.85,.27,1.75),background-color .2s ease,box-shadow .2s ease;height:42px;width:42px;background-color:var(--color-magma);border-radius:46px;box-shadow:inset 0 0 0 8px var(--color-rich-black)}.toggle input{display:none}.toggle input:checked+label{background-color:var(--color-rich-black);box-shadow:inset 0 0 2px 1px #ffffff1a,0 9px 15px #00000080}.toggle input:checked+label:before{width:10px;background-color:var(--color-snowfall);box-shadow:none}body:has(.modal-backdrop.open){overflow:hidden}.modal-backdrop{position:fixed;inset:0;background-color:#000000bf;z-index:1000;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.modal-backdrop.open{opacity:1;pointer-events:auto;cursor:pointer}.modal-container{position:fixed;top:5vh;left:10vw;right:10vw;bottom:0;background-color:var(--theme-bg);border-radius:4px 4px 0 0;z-index:1010;overflow-y:auto;opacity:0;transform:translateY(100vh);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0003}.close-modal-btn{position:sticky;top:20px;float:right;margin-right:20px;margin-bottom:-60px;width:44px;height:44px;border-radius:50%;background:var(--theme-surface);border:1px solid rgba(255,255,255,.1);color:var(--theme-text);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1100;transition:all .2s ease;box-shadow:0 4px 20px #0000004d}.close-modal-btn:hover{background:var(--color-magma);border-color:var(--color-magma);color:#fff;transform:scale(1.1)}.modal-container.open{opacity:1;transform:translateY(0)}.project-hero{width:100%;display:flex;flex-direction:column;gap:0;margin-bottom:80px}.project-hero img{width:100%;height:auto;object-fit:cover;display:block}.hero-row-2col img,.hero-row-3col img{width:0;flex:1 1 0}.hero-row-2col,.hero-row-3col{display:flex;width:100%;gap:0}@media(max-width:768px){.hero-row-2col,.hero-row-3col{flex-direction:column}.hero-row-2col img,.hero-row-3col img{flex:none!important;width:100%!important}}.reactive-svg{transition:filter .3s ease;filter:invert(1) brightness(.9)}[data-theme=light] .reactive-svg{filter:none}.project-content{display:grid;grid-template-columns:3fr 9fr;gap:40px;max-width:1000px;margin:0 auto;padding:0 40px 120px}.project-sidebar{display:flex;flex-direction:column;gap:12px;text-align:right;margin-top:88px}.project-main{display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.project-content{display:flex;flex-direction:column;padding:0 24px 80px}.project-main{order:1}.project-sidebar{order:2;text-align:left;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.modal-container{left:0;right:0;top:2vh;border-radius:12px 12px 0 0}}@media(max-width:480px){.project-hero{margin-bottom:32px}.project-content{padding:0 20px 60px}.layout-wrapper{padding:16px}.layout-main{display:flex;flex-direction:column;gap:16px}.grid-item{width:100%;margin-top:0}}.brand-colors-section{margin-top:40px}.brand-colors-bars{display:flex;width:100%;height:240px;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.color-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 20px;transition:flex .5s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.color-bar:hover,.color-bar:active{flex:3}.color-details{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;transition-delay:0s;display:flex;flex-direction:column;gap:4px}.color-bar:hover .color-details,.color-bar:active .color-details{opacity:1;transform:translateY(0);transition-delay:.15s}.color-details p{color:inherit;font-family:var(--font-primary);font-size:10px;line-height:normal;text-transform:uppercase;margin:0}.color-details .color-name{font-family:var(--font-secondary);font-size:16px;margin-bottom:8px;color:inherit}.logo-switcher-section{width:100%}.logo-switcher-grid{display:flex;flex-wrap:wrap;gap:24px}.switcher-container{display:flex;flex-direction:column;align-items:center;gap:16px}.switcher-display-area{width:100%;height:240px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent}.switcher-mask{width:80%;height:80%;background-color:var(--switcher-color);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;transition:background-color .4s ease}html:not([data-theme=light]) .switcher-container[data-invert-active=true] .switcher-mask{background-color:var(--color-snowfall)!important}.switcher-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.switcher-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--theme-text);padding:8px 16px;border-radius:4px;font-family:var(--font-primary);font-size:12px;cursor:pointer;transition:all .2s ease}[data-theme=light] .switcher-btn{border:1px solid rgba(0,0,0,.2)}.switcher-btn:hover{background-color:#ffffff1a}[data-theme=light] .switcher-btn:hover{background-color:#0000000d}.switcher-btn.active{background-color:var(--color-magma);border-color:var(--color-magma);color:#fff}.pub-wrapper,.pub-reading-view{display:flex;flex-direction:column;gap:40px;width:100%;padding-top:60px}.pub-header{text-align:center;margin-bottom:20px}.pub-meta{font-family:var(--font-secondary);font-size:11px;letter-spacing:.2em;color:var(--color-magma);font-weight:700;margin-bottom:12px}.pub-brand-logo-container{display:flex;justify-content:center;margin:16px auto 24px;max-width:420px;width:100%}.pub-brand-logo{width:100%;height:auto;display:block;filter:invert(1) brightness(.9);transition:filter .3s ease}[data-theme=light] .pub-brand-logo{filter:none}.pub-brand{font-family:var(--font-secondary),sans-serif;font-size:3.5rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--theme-text);margin:0 0 16px;font-weight:800;line-height:1.1}.pub-divider{width:80px;height:3px;background-color:var(--color-magma);margin:24px auto}.pub-intro{max-width:680px;margin:0 auto;font-size:1.1rem;line-height:1.6;opacity:.8}.pub-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:20px}.pub-card{background-color:var(--theme-surface);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:32px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #00000026}[data-theme=light] .pub-card{border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d}.pub-card:hover{transform:translateY(-4px);border-color:var(--color-magma);box-shadow:0 12px 30px #0000004d}[data-theme=light] .pub-card:hover{box-shadow:0 12px 30px #0000001a}.pub-card-featured{grid-column:span 2;border-left:4px solid var(--color-magma)}.pub-card-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary);font-size:11px;letter-spacing:.1em;color:var(--color-magma);font-weight:700;margin-bottom:16px}.pub-card-dot{opacity:.4}.pub-card-time{opacity:.6;font-weight:500}.pub-card-title{font-family:var(--font-secondary),sans-serif;font-size:1.8rem;line-height:1.2;margin:0 0 12px;color:var(--theme-text);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.pub-card-featured .pub-card-title{font-size:2.2rem}.pub-card-subtitle{font-size:.95rem;line-height:1.5;opacity:.6;margin:0 0 20px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pub-card-excerpt{font-size:1rem;line-height:1.6;opacity:.7;margin:0 0 24px}.pub-read-btn{background:transparent;border:none;color:var(--theme-text);font-family:var(--font-secondary);font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;transition:gap .2s ease}.pub-read-btn:hover .arrow{transform:translate(4px)}.pub-read-btn .arrow{transition:transform .2s ease}.pub-reading-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px;margin-bottom:20px;gap:16px}[data-theme=light] .pub-reading-controls{border-bottom:1px solid rgba(0,0,0,.1)}.pub-back-to-dashboard{background:transparent;border:none;color:var(--theme-text);font-family:var(--font-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;cursor:pointer;padding:8px 0;transition:opacity .2s ease}.pub-back-to-dashboard:hover{opacity:.7}.pub-view-toggle{display:flex;background-color:var(--theme-surface);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:4px}[data-theme=light] .pub-view-toggle{border:1px solid rgba(0,0,0,.1)}.pub-toggle-btn{background:transparent;border:none;color:var(--theme-text);font-family:var(--font-secondary);font-size:11px;font-weight:700;letter-spacing:.05em;padding:8px 16px;border-radius:50px;cursor:pointer;transition:all .2s ease;opacity:.6}.pub-toggle-btn.active{background-color:var(--color-magma);color:#fff;opacity:1}.pub-article-header{text-align:center;max-width:800px;margin:0 auto 40px}.pub-article-title{font-family:var(--font-secondary),sans-serif;font-size:3rem;line-height:1.1;margin:0 0 16px;color:var(--theme-text);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.pub-article-subtitle{font-size:1.1rem;line-height:1.5;opacity:.6;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:24px}.pub-article-byline{font-family:var(--font-secondary);font-size:12px;letter-spacing:.1em;color:var(--color-magma);font-weight:700}.pub-article-body{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.8;color:var(--theme-text);max-width:720px;margin:0 auto;opacity:.9}.pub-article-body p{font-size:1.1rem;line-height:1.75;letter-spacing:.015em;margin-bottom:24px;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}.pub-article-body p.has-dropcap:first-letter{font-family:var(--font-secondary),sans-serif;font-size:4.8rem;float:left;line-height:.8;margin:8px 12px 0 0;color:var(--color-magma);font-weight:800}.pub-article-body blockquote{border-left:4px solid var(--color-magma);padding-left:24px;margin:40px 0 40px -28px;font-style:italic;font-size:1.4rem;line-height:1.6;color:var(--theme-text);opacity:.95;font-family:Playfair Display,Didot,Georgia,serif}.pub-films-list{display:flex;flex-direction:column;gap:32px;margin-top:40px}.pub-film-row{display:flex;gap:24px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .pub-film-row{border-bottom:1px solid rgba(0,0,0,.05)}.pub-film-row:last-child{border-bottom:none}.pub-film-num{font-family:var(--font-secondary),sans-serif;font-size:2.5rem;line-height:1;color:var(--color-magma);font-weight:800;opacity:.8;width:60px}.pub-film-details{flex:1}.pub-film-title{font-family:var(--font-secondary),sans-serif;font-size:1.5rem;margin:0 0 4px;font-weight:800;text-transform:uppercase}.pub-film-director{font-family:var(--font-primary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:12px;font-weight:700}.pub-films-list-intro{font-family:var(--font-primary),sans-serif;font-size:1.28rem;line-height:1.8;opacity:.9;margin-bottom:32px}.pub-film-desc{font-family:var(--font-primary),sans-serif;font-size:1.05rem;line-height:1.6;opacity:.85;margin:0}.pub-quotes-section{margin-top:60px;border-top:1px solid rgba(255,255,255,.1);padding-top:40px}[data-theme=light] .pub-quotes-section{border-top:1px solid rgba(0,0,0,.1)}.pub-section-title{font-family:var(--font-secondary);font-size:12px;letter-spacing:.15em;color:var(--color-magma);margin-bottom:24px;font-weight:800;text-align:center}.pub-quotes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.pub-quotes-grid{grid-template-columns:1fr}}.pub-quote-card{background-color:var(--theme-surface);border:1px solid rgba(255,255,255,.03);padding:24px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.pub-quote-text{font-family:Georgia,serif;font-size:1rem;line-height:1.6;opacity:.8;font-style:italic;margin-bottom:16px}.pub-quote-author{font-family:var(--font-primary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-magma);font-weight:700;text-align:right;margin:0}.pub-spreads-view{width:100%;display:flex;flex-direction:column;gap:24px}.pub-spreads-header{text-align:center;margin-bottom:12px}.pub-spreads-gallery{display:flex;flex-direction:column;gap:40px;width:100%}.pub-spread-wrapper{width:100%;border-radius:4px;overflow:hidden;box-shadow:0 8px 30px #0000004d;background-color:var(--theme-surface)}.pub-spread-img{width:100%;height:auto;display:block}@media(max-width:900px){.pub-articles-grid{grid-template-columns:1fr;gap:24px}.pub-card-featured{grid-column:span 1}.pub-brand{font-size:2.5rem}.pub-article-title{font-size:2.2rem}}.pub-inline-image-wrapper{margin:48px 0;width:100%;border-radius:4px;overflow:hidden;box-shadow:0 8px 24px #0003;background-color:var(--theme-surface)}.pub-inline-img{width:100%;height:auto;display:block}.pub-inline-caption{padding:16px 20px;font-family:var(--font-secondary);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-magma);font-weight:700;border-top:1px solid rgba(255,255,255,.05)}[data-theme=light] .pub-inline-caption{border-top:1px solid rgba(0,0,0,.05)}.pub-film-content-layout{display:flex;gap:24px;align-items:flex-start;margin-top:16px}.pub-film-img{width:160px;height:auto;border-radius:4px;object-fit:cover;box-shadow:0 4px 16px #00000040;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}[data-theme=light] .pub-film-img{border:1px solid rgba(0,0,0,.05)}@media(max-width:600px){.pub-film-content-layout{flex-direction:column;gap:16px}.pub-film-img{width:100%}}@media(min-width:769px){.pub-essay-body{column-count:2;column-gap:48px;max-width:1040px}.pub-essay-body blockquote,.pub-essay-body .pub-inline-image-wrapper{break-inside:avoid}.pub-essay-body .pub-quotes-section{column-span:all}.pub-essay-body .pub-inline-image-hero{column-span:all;margin-top:0;margin-bottom:48px}}.about-page{padding:140px 0 120px}@media(max-width:768px){.about-page{padding-top:100px}}.about-grid{display:grid;grid-template-columns:7fr 4fr;gap:80px;align-items:start}.about-eyebrow{font-family:var(--font-secondary);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-magma);margin-bottom:16px}.about-name{font-family:var(--font-secondary);font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1;color:var(--theme-text);margin-bottom:48px;letter-spacing:-.02em}.about-portrait-wrapper{width:100%;max-width:480px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:36px;box-shadow:0 16px 40px #0000001f;transition:transform .3s ease,border-color .3s ease}.about-portrait-wrapper:hover{transform:translateY(-2px);border-color:var(--color-magma)}.about-portrait-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4 / 3}.about-bio{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.about-bio p{font-family:var(--font-primary);font-size:1.05rem;line-height:1.75;color:var(--theme-text);opacity:.85}.about-tools{padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}[data-theme=light] .about-tools{border-top-color:#00000014}.about-tags{display:flex;flex-wrap:wrap;gap:8px}.about-tags span{font-family:var(--font-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;border-radius:4px;background-color:var(--theme-surface);color:var(--theme-text);border:1px solid rgba(255,255,255,.06)}[data-theme=light] .about-tags span{border-color:#0000000f}.about-contact-col{position:sticky;top:100px;display:flex;flex-direction:column;gap:48px}.about-cta-block{display:flex;flex-direction:column;gap:12px}.about-cta-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:4px;font-family:var(--font-secondary);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.about-cta-primary{background-color:var(--color-magma);color:var(--theme-bg);border:2px solid var(--color-magma)}.about-cta-primary span{color:var(--theme-bg);transition:color .2s ease}.about-cta-primary:hover{background-color:transparent;color:var(--color-magma)}.about-cta-primary:hover span{color:var(--color-magma)}.about-cta-secondary{background-color:transparent;color:var(--theme-text);border:2px solid rgba(255,255,255,.15)}[data-theme=light] .about-cta-secondary{border-color:#00000026}.about-cta-secondary:hover{border-color:var(--color-magma);color:var(--color-magma)}.about-dossier-btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;padding:14px 28px;border:2px solid var(--theme-text);border-radius:100px;font-family:var(--font-secondary);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--theme-text);background-color:transparent;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;outline:none;margin-top:16px}.about-dossier-btn:hover{background-color:var(--theme-text);color:var(--theme-bg);box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.about-dossier-btn:active{transform:translateY(0)}.about-dossier-btn .dossier-btn-star{color:var(--color-magma);font-size:14px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.about-dossier-btn:hover .dossier-btn-star{transform:rotate(180deg) scale(1.2)}.about-cta-icon{font-size:16px;line-height:1;flex-shrink:0}.about-contact-block{display:flex;flex-direction:column}.about-contact-links{display:flex;flex-direction:column;gap:4px}.about-contact-item{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:color .2s ease,gap .2s ease}[data-theme=light] .about-contact-item{border-bottom-color:#0000000d}.about-contact-item:last-child{border-bottom:none}.about-contact-item span{font-family:var(--font-primary);font-size:13px;color:var(--theme-text);opacity:.7;transition:opacity .2s ease}.about-contact-item:hover span{opacity:1;color:var(--color-magma)}.about-contact-icon{width:18px;height:18px;flex-shrink:0;opacity:.6;transition:opacity .2s ease}.about-contact-item:hover .about-contact-icon{opacity:1}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}.about-contact-col{position:static}.about-name{font-size:clamp(2.5rem,8vw,4rem)}}@media(max-width:480px){.about-cta-btn{font-size:12px;padding:12px 16px}}.layout-main[data-view=home],.layout-main[data-view=project]{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;display:block;background-color:var(--theme-bg);cursor:grab;-webkit-user-select:none;user-select:none;z-index:1}.layout-main[data-view=home]:active,.layout-main[data-view=project]:active{cursor:grabbing}.artboard-canvas{position:absolute;width:0;height:0;top:50vh;left:50vw;will-change:transform;display:block}.artboard-canvas .project-card{position:absolute;padding:0;margin:0;grid-column:auto!important;aspect-ratio:2 / 3!important;min-height:auto!important;box-shadow:0 16px 40px #00000080;background-color:var(--theme-surface);transition:border-radius .4s ease,box-shadow .3s ease,transform .1s ease-out;cursor:pointer;border-radius:2px;will-change:transform,opacity}[data-theme=light] .artboard-canvas .project-card{box-shadow:0 12px 30px #00000026}.artboard-canvas .project-card:hover{z-index:10;box-shadow:0 24px 60px #000c}[data-theme=light] .artboard-canvas .project-card:hover{box-shadow:0 20px 45px #00000040}.artboard-canvas .project-tags{bottom:24px}.artboard-canvas .project-card .desc-text{position:absolute;bottom:0;left:50%;transform:translate(-50%,-20px);width:90%;text-align:center;font-size:16px;font-family:var(--font-secondary);font-weight:700;color:#fff;z-index:2;opacity:0;transition:opacity .3s ease,transform .3s ease}.artboard-canvas .project-card:hover .desc-text{opacity:1;transform:translate(-50%,-5px)}.artboard-canvas .project-logo{transition:transform .3s ease,filter .3s ease}.artboard-canvas .project-card:hover .project-logo{transform:translate(-50%,-60%) scale(.9)}.layout-wrapper:has(.layout-main[data-view=home]) header,.layout-wrapper:has(.layout-main[data-view=project]) header,.layout-wrapper:has(.layout-main[data-view=about]) header{position:fixed!important;top:20px!important;left:20px!important;right:20px!important;z-index:50;background:transparent!important;margin:0!important;padding:0!important;pointer-events:none}.layout-wrapper:has(.layout-main[data-view=home]) header a,.layout-wrapper:has(.layout-main[data-view=home]) header nav,.layout-wrapper:has(.layout-main[data-view=project]) header a,.layout-wrapper:has(.layout-main[data-view=project]) header nav,.layout-wrapper:has(.layout-main[data-view=about]) header a,.layout-wrapper:has(.layout-main[data-view=about]) header nav{pointer-events:auto}.layout-wrapper:has(.layout-main[data-view=home]) footer{position:fixed!important;bottom:20px!important;left:20px!important;right:20px!important;z-index:50;background:transparent!important;margin:0!important;padding:0!important;pointer-events:none;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center}.layout-wrapper:has(.layout-main[data-view=home]) footer div,.layout-wrapper:has(.layout-main[data-view=home]) footer p{pointer-events:auto}@media(max-width:768px){.layout-wrapper:has(.layout-main[data-view=home]) header,.layout-wrapper:has(.layout-main[data-view=project]) header,.layout-wrapper:has(.layout-main[data-view=about]) header{top:20px!important;left:20px!important;right:20px!important}.layout-wrapper:has(.layout-main[data-view=home]) footer{bottom:20px!important;left:20px!important;right:20px!important}}.project-canvas{position:absolute;width:0;height:0;top:50vh;left:50vw;will-change:transform;display:block}.project-grid-card{position:absolute;background-color:var(--theme-surface);box-shadow:0 16px 40px #0006;border-radius:4px;overflow:hidden;box-sizing:border-box;padding:30px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:flex-start;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease;aspect-ratio:2 / 3!important;min-height:auto!important}[data-theme=light] .project-grid-card{box-shadow:0 12px 30px #0000001a;border:1px solid rgba(0,0,0,.05)}.project-grid-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0000008c}[data-theme=light] .project-grid-card:hover{box-shadow:0 16px 36px #00000026}.project-card-inner{display:flex;flex-direction:column;height:100%;width:100%}.header-card .logo-wrapper{margin-bottom:24px;min-height:80px;display:flex;align-items:center}.project-title-text{font-family:var(--font-secondary);font-size:36px;font-weight:800;color:var(--color-magma);margin:0}.project-roles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.project-roles span{font-family:var(--font-secondary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background-color:#ffffff14;padding:4px 8px;border-radius:100px;color:var(--theme-text);opacity:.8}[data-theme=light] .project-roles span{background-color:#0000000f}.project-card-inner.image-card{padding:0;height:100%;width:100%;overflow:hidden}.project-card-inner.image-card img{width:100%;height:100%;object-fit:cover;display:block}.project-grid-card.image-card-wrapper{padding:0!important;background-color:transparent!important;border:none!important}.project-back-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background-color:var(--theme-surface);color:var(--theme-text);border:1px solid rgba(255,255,255,.1);padding:14px 28px;border-radius:100px;font-family:var(--font-secondary);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 10px 25px #0006;transition:background-color .2s,border-color .2s,transform .2s}[data-theme=light] .project-back-btn{box-shadow:0 10px 25px #0000001a;border:1px solid rgba(0,0,0,.1)}.project-back-btn:hover{background-color:var(--theme-text);color:var(--theme-bg);border-color:var(--theme-text);transform:translate(-50%) scale(1.05)}.article-drawer{position:fixed;top:0;right:0;width:100%;max-width:800px;height:100vh;background-color:var(--theme-bg);z-index:1000;box-shadow:-20px 0 50px #0009;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column}.article-drawer.open{transform:translate(0)}.article-drawer.wide{max-width:960px}.dossier-modal{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden}.dossier-modal.open{opacity:1;pointer-events:auto}.dossier-modal-backdrop{position:absolute;inset:0;background-color:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dossier-modal-close-btn{position:fixed;top:20px;right:30px;background:none;border:none;color:#fff;font-size:38px;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;line-height:1;z-index:2100}.dossier-modal-close-btn:hover{opacity:1;transform:scale(1.1)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--theme-bg)}[data-theme=light] .drawer-header{border-bottom:1px solid rgba(0,0,0,.06)}.drawer-close-btn{background:none;border:none;color:var(--theme-text);font-family:var(--font-secondary);font-weight:700;font-size:12px;letter-spacing:.15em;cursor:pointer;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:100px;transition:background-color .2s,color .2s}[data-theme=light] .drawer-close-btn{border:1px solid rgba(0,0,0,.1)}.drawer-close-btn:hover{background-color:var(--theme-text);color:var(--theme-bg)}.drawer-view-toggle{display:flex;gap:8px}.drawer-toggle-btn{background:none;border:none;color:var(--theme-text);font-family:var(--font-secondary);font-size:11px;font-weight:800;letter-spacing:.1em;padding:8px 16px;border-radius:100px;cursor:pointer;opacity:.5;transition:opacity .2s,background-color .2s}.drawer-toggle-btn.active{opacity:1;background-color:#ffffff14}[data-theme=light] .drawer-toggle-btn.active{background-color:#0000000d}.drawer-content-scroll{flex:1;overflow-y:auto;padding:60px 40px;box-sizing:border-box}@media(max-width:768px){.project-canvas{position:relative!important;left:0!important;top:0!important;transform:none!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:20px!important;padding:100px 20px 120px!important;box-sizing:border-box!important}.project-grid-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:auto!important}.project-grid-card.image-card-wrapper{aspect-ratio:16 / 10!important;height:auto!important}.project-back-btn{bottom:20px;padding:12px 24px;font-size:12px}.drawer-header{padding:16px 20px}.drawer-content-scroll{padding:40px 20px}}.project-grid-card{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.logo-card-wrapper,.info-card-wrapper,.wellness-card-wrapper,.switcher-card-wrapper,.colors-card-wrapper{overflow-y:auto;scrollbar-width:none}.logo-card-wrapper::-webkit-scrollbar,.info-card-wrapper::-webkit-scrollbar,.wellness-card-wrapper::-webkit-scrollbar,.switcher-card-wrapper::-webkit-scrollbar,.colors-card-wrapper::-webkit-scrollbar{display:none}.image-card,.sub-image-wrapper{position:relative;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}[data-theme=light] .image-card,[data-theme=light] .sub-image-wrapper{background:linear-gradient(90deg,#00000008 25%,#0000000f 37%,#00000008 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.image-card img,.sub-image-wrapper img{opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.image-card img.loaded,.sub-image-wrapper img.loaded{opacity:1!important}.sticker{position:relative;display:inline-block;--text-color: var(--theme-text);--stroke-color: var(--theme-bg);--outline-color: var(--theme-text);--outline-width: 1px;--stroke-width: .16em;color:var(--text-color);-webkit-text-stroke:var(--stroke-width) var(--stroke-color);paint-order:stroke fill;padding:calc(var(--stroke-width) * .4) calc(var(--stroke-width) * .6);margin:calc(var(--stroke-width) * -.4) calc(var(--stroke-width) * -.6);filter:drop-shadow(var(--outline-width) 0 var(--outline-color)) drop-shadow(calc(var(--outline-width) * -1) 0 var(--outline-color)) drop-shadow(0 var(--outline-width) var(--outline-color)) drop-shadow(0 calc(var(--outline-width) * -1) var(--outline-color));transition:transform .3s cubic-bezier(.16,1,.3,1)}.sticker.magma-sticker{--text-color: var(--color-magma);--outline-color: var(--color-magma)}.sticker:hover{transform:scale(1.05)}.sticker:before{content:attr(data-text);position:absolute;inset:0;padding:inherit;margin:0;display:block;text-align:inherit;white-space:inherit;word-break:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;line-height:inherit;color:var(--text-color);-webkit-text-fill-color:var(--text-color);-webkit-text-stroke:0 transparent;pointer-events:none}.sticker:hover:before{background:linear-gradient(45deg,var(--text-color) 20%,color-mix(in srgb,var(--text-color),var(--theme-bg) 40%) 40%,color-mix(in srgb,var(--text-color),var(--theme-bg) 10%) 50%,color-mix(in srgb,var(--text-color),var(--theme-bg) 40%) 60%,var(--text-color) 80%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}.drawer-dossier-view{width:100%;overflow-x:hidden}.dossier-overlay-wrapper{--bg: var(--theme-bg);--paper: var(--theme-surface);--ink: var(--theme-text);--soft: color-mix(in srgb, var(--theme-text) 70%, var(--transparent));--muted: color-mix(in srgb, var(--theme-text) 50%, var(--transparent));--cream: var(--color-snowfall);--white: var(--color-snowfall);--black: var(--color-rich-black);--primary: var(--color-magma);--secondary: color-mix(in srgb, var(--theme-text) 60%, var(--transparent));--gold: #bb8d59;--sideBg: var(--color-rich-black);--transparent: transparent;--line: color-mix(in srgb, var(--ink) 20%, var(--transparent));--lineSoft: color-mix(in srgb, var(--ink) 12%, var(--transparent));--white55: color-mix(in srgb, var(--white) 55%, var(--transparent));--white42: color-mix(in srgb, var(--white) 42%, var(--transparent));--white34: color-mix(in srgb, var(--white) 34%, var(--transparent));--white25: color-mix(in srgb, var(--white) 25%, var(--transparent));--white12: color-mix(in srgb, var(--white) 12%, var(--transparent));--black62: color-mix(in srgb, var(--black) 62%, var(--transparent));--black52: color-mix(in srgb, var(--black) 52%, var(--transparent));--black35: color-mix(in srgb, var(--black) 35%, var(--transparent));--black22: color-mix(in srgb, var(--black) 22%, var(--transparent));--primarySoft: color-mix(in srgb, var(--primary) 22%, var(--transparent));--primaryLight: color-mix(in srgb, var(--primary) 12%, var(--transparent));--primaryLine: color-mix(in srgb, var(--primary) 32%, var(--transparent));--secondarySoft: color-mix(in srgb, var(--secondary) 22%, var(--transparent));--musicBg: color-mix(in srgb, var(--paper) 88%, var(--primary) 12%);--musicBgHover: color-mix(in srgb, var(--paper) 78%, var(--primary) 22%);--musicGlass: color-mix(in srgb, var(--paper) 82%, var(--transparent));--musicPanel: color-mix(in srgb, var(--paper) 92%, var(--primary) 8%);--musicBorder: color-mix(in srgb, var(--primary) 22%, var(--white));--musicShadow: color-mix(in srgb, var(--primary) 18%, var(--black) 82%);--musicText: color-mix(in srgb, var(--ink) 82%, var(--transparent));--musicSoftText: color-mix(in srgb, var(--primary) 72%, var(--transparent));--serif: "Playfair Display", serif;--softserif: "Cormorant Garamond", serif;--sans: "Nunito", Arial, sans-serif;display:flex;justify-content:center;align-items:center;padding:40px 0;width:100%}.dossier-overlay-wrapper *{box-sizing:border-box}.dossier-overlay-wrapper .bg{width:900px;height:720px;margin:auto;position:relative;overflow:hidden;border-radius:22px;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 82% 80%,var(--secondarySoft),var(--transparent) 32%),radial-gradient(circle at 52% 78%,var(--primarySoft),var(--transparent) 26%),linear-gradient(135deg,var(--paper),var(--bg));border:1px solid var(--lineSoft);box-shadow:0 28px 90px var(--black62)}.dossier-overlay-wrapper .bg:after{content:"";position:absolute;inset:14px;border:1px solid var(--white55);border-radius:18px;pointer-events:none;z-index:60}.dossier-overlay-wrapper .imgSide{position:absolute;left:0;top:0;width:380px;height:100%;background:var(--sideBg);overflow:hidden;z-index:1}.dossier-overlay-wrapper .imgBox{position:absolute;inset:0}.dossier-overlay-wrapper .imgBox img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) brightness(.78) saturate(.92);transition:.8s ease}.dossier-overlay-wrapper .imgSide:hover .imgBox img{transform:scale(1.04);filter:contrast(1.18) brightness(.86) saturate(1)}.dossier-overlay-wrapper .imgBox:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black62),var(--transparent) 55%),linear-gradient(to bottom,var(--transparent) 55%,var(--black52));z-index:2}.dossier-overlay-wrapper .sideQuoteContainer{position:absolute;left:32px;top:110px;bottom:120px;width:14px;overflow:hidden;z-index:8;writing-mode:vertical-rl;transform:rotate(180deg)}.dossier-overlay-wrapper .sideQuoteWrapper{display:inline-block;animation:verticalTicker 45s linear infinite}.dossier-overlay-wrapper .sideQuote{display:inline-block;margin-bottom:80px;font:900 9px var(--sans);letter-spacing:4px;text-transform:uppercase;color:var(--gold);white-space:nowrap}@keyframes verticalTicker{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.dossier-overlay-wrapper .sideStar{position:absolute;left:31px;top:36px;z-index:8;color:var(--gold);font-size:30px;transition:.45s ease}.dossier-overlay-wrapper .imgSide:hover .sideStar{transform:rotate(45deg) scale(1.12);color:var(--cream)}.dossier-overlay-wrapper .sideCaption{position:absolute;left:34px;bottom:35px;z-index:8}.dossier-overlay-wrapper .sideCaption b{display:block;font:italic 52px/.76 var(--softserif);color:var(--primary);text-shadow:0 0 18px var(--black35),1px 1px 0 var(--gold),-1px 0 0 var(--cream);transition:.45s ease}.dossier-overlay-wrapper .sideCaption:hover b{letter-spacing:1px;color:var(--gold)}.dossier-overlay-wrapper .sideCaption span{display:block;margin-top:12px;font:900 9px var(--sans);letter-spacing:5px;color:var(--cream);text-transform:uppercase}.dossier-overlay-wrapper .bigTitleBg{position:absolute;left:362px;top:0;width:14px;height:100%;z-index:6;background:linear-gradient(180deg,var(--primary),var(--secondary),var(--primary));background-size:100% 260%;opacity:.24;mix-blend-mode:multiply;animation:colorBar 8s ease-in-out infinite}.dossier-overlay-wrapper .bigTitle{position:absolute;left:278px;top:28px;width:170px;height:680px;z-index:12;pointer-events:none}.dossier-overlay-wrapper .bigTitle span{display:block;writing-mode:vertical-rl;text-orientation:mixed;font:900 136px/.78 var(--serif);letter-spacing:-8px;text-transform:uppercase;color:var(--transparent);-webkit-text-stroke:1.35px var(--white55);text-shadow:0 0 12px var(--black22)}.dossier-overlay-wrapper .flowerOne,.dossier-overlay-wrapper .flowerTwo{position:absolute;pointer-events:none;object-fit:cover;z-index:7}.dossier-overlay-wrapper .flowerOne{left:20px;bottom:58px;width:165px;height:210px;opacity:.2;mix-blend-mode:difference;filter:grayscale(.35) contrast(1.15) sepia(.25)}.dossier-overlay-wrapper .flowerTwo{right:90px;bottom:0;width:255px;height:320px;opacity:.08;mix-blend-mode:difference;filter:grayscale(.2) contrast(1.05) sepia(.2)}.dossier-overlay-wrapper .content{position:absolute;inset:32px 32px 24px 410px;z-index:15}.dossier-overlay-wrapper .number{display:none}.dossier-overlay-wrapper .topline{display:flex;justify-content:flex-end;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--lineSoft)}.dossier-overlay-wrapper .quote{font:700 14px/1.05 var(--softserif);color:var(--ink);text-align:right;font-style:italic}.dossier-overlay-wrapper .musicBox{position:relative;width:90%;min-height:54px;z-index:45;display:grid;grid-template-columns:34px 1fr 30px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--musicBorder);border-radius:999px;background:linear-gradient(135deg,var(--white34),var(--primaryLight)),var(--musicGlass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--musicText);box-shadow:0 12px 28px var(--black22),inset 0 0 0 1px var(--white12);transition:.35s ease}.dossier-overlay-wrapper .musicBox:hover,.dossier-overlay-wrapper .musicBox.playing{border-color:var(--primaryLine);background:linear-gradient(135deg,var(--white42),var(--primarySoft)),var(--musicBgHover);transform:translateY(-2px);box-shadow:0 18px 38px var(--musicShadow),inset 0 0 0 1px var(--white55)}.dossier-overlay-wrapper .musicPlay{width:32px;height:32px;border-radius:50%;border:1px solid var(--white55);background:var(--primary);color:var(--cream);cursor:pointer;font-size:12px;box-shadow:0 0 14px var(--primarySoft);transition:.35s ease}.dossier-overlay-wrapper .musicPlay:hover{background:var(--gold);color:var(--ink);transform:scale(1.06)}.dossier-overlay-wrapper .musicInfo{overflow:hidden;min-width:0}.dossier-overlay-wrapper .musicInfo b{display:block;font:900 7px var(--sans);letter-spacing:2px;text-transform:uppercase;opacity:.72;color:var(--musicSoftText)}.dossier-overlay-wrapper .musicInfo span{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:italic 15px/1 var(--softserif);color:var(--musicText)}.dossier-overlay-wrapper .volumeToggle{width:30px;height:30px;border-radius:50%;border:1px solid var(--white25);background:color-mix(in srgb,var(--gold) 75%,var(--paper));color:var(--ink);cursor:pointer;font:900 7px var(--sans);letter-spacing:1px;transition:.35s ease}.dossier-overlay-wrapper .volumeToggle:hover{background:var(--primary);color:var(--cream);transform:scale(1.06)}.dossier-overlay-wrapper .volumePanel{position:absolute;right:8px;top:calc(100% + 8px);width:170px;padding:7px 11px;border-radius:999px;background:var(--musicPanel);border:1px solid var(--musicBorder);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transform:translateY(-4px);transition:.3s ease;box-shadow:0 12px 26px var(--black22)}.dossier-overlay-wrapper .musicBox.volumeOpen .volumePanel{opacity:1;pointer-events:auto;transform:translateY(0)}.dossier-overlay-wrapper .volumePanel input{width:100%;height:4px;accent-color:var(--primary);cursor:pointer}.dossier-overlay-wrapper .musicBars{display:flex;gap:3px;align-items:end;height:11px;margin-top:5px;opacity:.65}.dossier-overlay-wrapper .musicBars i{display:block;width:2px;height:5px;background:var(--primary);border-radius:4px;animation:mahriBars 1.1s ease-in-out infinite;animation-play-state:paused}.dossier-overlay-wrapper .musicBox.playing .musicBars i{animation-play-state:running}.dossier-overlay-wrapper .musicBars i:nth-child(2){animation-delay:.14s;height:9px}.dossier-overlay-wrapper .musicBars i:nth-child(3){animation-delay:.28s;height:6px}.dossier-overlay-wrapper .musicBars i:nth-child(4){animation-delay:.42s;height:10px}.dossier-overlay-wrapper .musicBars i:nth-child(5){animation-delay:.56s;height:7px}.dossier-overlay-wrapper .page{display:none;position:absolute;inset:98px 0 0;animation:fade .55s ease}.dossier-overlay-wrapper .page.active{display:block}.dossier-overlay-wrapper .page h1{margin:0;font:900 38px/1 var(--serif);letter-spacing:4px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .page h2{margin:6px 0 22px;font:900 10px var(--sans);letter-spacing:4px;text-transform:uppercase;color:var(--muted)}.dossier-overlay-wrapper .pageScroll{height:565px;overflow:auto;padding-right:22px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--white25)}.dossier-overlay-wrapper .pageScroll::-webkit-scrollbar{width:6px}.dossier-overlay-wrapper .pageScroll::-webkit-scrollbar-track{background:var(--white25);border-radius:999px}.dossier-overlay-wrapper .pageScroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary),var(--secondary));border-radius:999px;border:1px solid var(--lineSoft)}.dossier-overlay-wrapper .pageScroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--gold),var(--primary))}.dossier-overlay-wrapper .dossier{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;margin:0 0 18px;padding:17px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dossier-overlay-wrapper .dossierName{position:relative;padding:8px 0 0;display:flex;flex-direction:column;justify-content:center}.dossier-overlay-wrapper .dossierName b,.dossier-overlay-wrapper .dossierMeta b{display:block;font:900 8px var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .dossierName b{margin-bottom:50px}.dossier-overlay-wrapper .dossierName span{position:relative;z-index:2;display:block;font-family:Brittany Signature,cursive;font-size:62px;line-height:.72;font-weight:400;color:color-mix(in srgb,var(--ink) 88%,var(--primary));text-shadow:0 2px 0 var(--cream),0 10px 22px var(--primaryLight);transform:rotate(-3deg);transition:.45s ease}.dossier-overlay-wrapper .dossierName span:hover{transform:rotate(-4deg) translateY(-2px) scale(1.01);color:var(--primary)}.dossier-overlay-wrapper .dossierMeta{display:grid;gap:6px}.dossier-overlay-wrapper .dossierMeta p{margin:0;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.dossier-overlay-wrapper .dossierMeta p:hover{border-color:var(--primaryLine)}.dossier-overlay-wrapper .dossierMeta span{font:600 13px var(--softserif);color:var(--ink);text-align:right}.dossier-overlay-wrapper .introCard{margin:0 0 18px;padding:14px 16px;border-left:3px solid var(--primary);background:linear-gradient(90deg,var(--primaryLight),var(--transparent)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dossier-overlay-wrapper .introCard b{display:block;margin-bottom:7px;font:900 8px var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .introCard p{margin:0;font:italic 18px/1.25 var(--softserif);color:var(--soft)}.dossier-overlay-wrapper .text{font:400 14px/1.8 var(--sans);text-align:justify;color:color-mix(in srgb,var(--ink) 78%,var(--transparent))}.dossier-overlay-wrapper .text b{color:var(--primary)}.dossier-overlay-wrapper .personaFeature{display:grid;grid-template-columns:145px 1fr;gap:16px;margin-bottom:14px;padding:12px;border:1px solid var(--line);background:linear-gradient(135deg,var(--white34),var(--white12)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.4s ease}.dossier-overlay-wrapper .personaFeature:hover{border-color:var(--primaryLine);transform:translateY(-3px)}.dossier-overlay-wrapper .personaFeature img{width:100%;height:170px;object-fit:cover;border:1px solid var(--lineSoft);filter:contrast(1.08) saturate(.82);transition:.45s ease}.dossier-overlay-wrapper .personaFeature:hover img{filter:contrast(1.14) saturate(1);transform:scale(1.03)}.dossier-overlay-wrapper .personaFeature b,.dossier-overlay-wrapper .personaTextCard b,.dossier-overlay-wrapper .personaNotes b{display:block;margin-bottom:7px;font:900 8px var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .personaFeature h3,.dossier-overlay-wrapper .personaTextCard h3{margin:0 0 8px;font:italic 25px/.95 var(--softserif);color:var(--ink)}.dossier-overlay-wrapper .personaFeature p,.dossier-overlay-wrapper .personaTextCard p{margin:0;font:400 13px/1.7 var(--sans);text-align:justify;color:color-mix(in srgb,var(--ink) 78%,var(--transparent))}.dossier-overlay-wrapper .personaRow{display:grid;grid-template-columns:1fr 118px;gap:13px;min-height:132px;margin-bottom:14px}.dossier-overlay-wrapper .personaRow.reverse{grid-template-columns:118px 1fr}.dossier-overlay-wrapper .personaRow.reverse img{grid-column:1;grid-row:1}.dossier-overlay-wrapper .personaRow.reverse .personaTextCard{grid-column:2;grid-row:1}.dossier-overlay-wrapper .personaRow img{width:100%;height:132px;object-fit:cover;border:1px solid var(--lineSoft);filter:contrast(1.08) saturate(.82);transition:.45s ease}.dossier-overlay-wrapper .personaRow:hover img{filter:contrast(1.14) saturate(1);transform:scale(1.03)}.dossier-overlay-wrapper .personaTextCard{padding:13px 15px;border-left:3px solid var(--primary);background:linear-gradient(90deg,var(--primaryLight),var(--transparent)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.35s ease}.dossier-overlay-wrapper .personaTextCard:hover{background:linear-gradient(90deg,var(--primaryLight),var(--white25)),var(--white34);transform:translate(3px)}.dossier-overlay-wrapper .personaMeters{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:4px 0 16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dossier-overlay-wrapper .meterItem b{display:flex;justify-content:space-between;margin-bottom:6px;font:900 8px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--soft)}.dossier-overlay-wrapper .meterItem div{height:8px;border:1px solid var(--line);background:var(--white25);overflow:hidden}.dossier-overlay-wrapper .meterItem span{display:block;width:var(--level);height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:.5s ease}.dossier-overlay-wrapper .meterItem:hover span{width:100%}.dossier-overlay-wrapper .personaNotes{display:grid;gap:10px;margin-bottom:20px}.dossier-overlay-wrapper .personaNotes div{padding:12px 14px;border:1px solid var(--line);background:linear-gradient(135deg,var(--white34),var(--white12)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.35s ease}.dossier-overlay-wrapper .personaNotes div:hover{border-color:var(--primaryLine);transform:translateY(-2px)}.dossier-overlay-wrapper .personaNotes p{margin:0;font:600 14px/1.35 var(--softserif);color:var(--ink)}.dossier-overlay-wrapper .palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.dossier-overlay-wrapper .colorSwatch{min-height:78px;border:1px solid var(--line);background:var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;transition:.35s ease}.dossier-overlay-wrapper .colorSwatch:hover{transform:translateY(-3px);border-color:var(--primaryLine);background:var(--white34)}.dossier-overlay-wrapper .colorSwatch i{display:block;height:28px;margin-bottom:8px;background:var(--swatch);border:1px solid var(--lineSoft)}.dossier-overlay-wrapper .colorSwatch b{display:block;font:900 7px var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .colorSwatch span{display:block;margin-top:4px;font:600 12px var(--softserif);color:var(--ink)}.dossier-overlay-wrapper .lookbook{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:repeat(2,145px);gap:10px;margin-bottom:16px}.dossier-overlay-wrapper .lookItem{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--white25);transition:.4s ease}.dossier-overlay-wrapper .lookItem.large{grid-row:span 2}.dossier-overlay-wrapper .lookItem img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) brightness(.82) saturate(.86);transition:.55s ease}.dossier-overlay-wrapper .lookItem:hover{border-color:var(--primaryLine);transform:translateY(-3px)}.dossier-overlay-wrapper .lookItem:hover img{transform:scale(1.06);filter:contrast(1.15) brightness(.9) saturate(1)}.dossier-overlay-wrapper .lookItem:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--black52),var(--transparent) 62%),linear-gradient(90deg,var(--black35),var(--transparent));pointer-events:none}.dossier-overlay-wrapper .lookItem b,.dossier-overlay-wrapper .lookItem span{position:absolute;left:12px;right:12px;z-index:2}.dossier-overlay-wrapper .lookItem b{bottom:39px;font:900 8px var(--sans);letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}.dossier-overlay-wrapper .lookItem span{bottom:12px;font:500 13px/1.15 var(--softserif);color:var(--cream)}.dossier-overlay-wrapper .appearanceBlock{margin-bottom:14px;padding:15px 17px;border-left:3px solid var(--primary);background:linear-gradient(90deg,var(--primaryLight),var(--transparent)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dossier-overlay-wrapper .appearanceBlock b,.dossier-overlay-wrapper .appearanceCard b{display:block;margin-bottom:8px;font:900 8px var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .appearanceBlock p,.dossier-overlay-wrapper .appearanceCard p{margin:0;font:400 13px/1.75 var(--sans);text-align:justify;color:color-mix(in srgb,var(--ink) 78%,var(--transparent))}.dossier-overlay-wrapper .appearanceSections{display:grid;gap:18px;margin-bottom:20px}.dossier-overlay-wrapper .appearanceSection{border:1px solid var(--line);background:linear-gradient(135deg,var(--white34),var(--white12)),var(--white25);padding:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dossier-overlay-wrapper .appearanceSectionHead{margin-bottom:12px}.dossier-overlay-wrapper .appearanceSectionHead b{display:block;margin-bottom:4px;font:900 8px var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .appearanceSectionHead span{font:italic 14px var(--softserif);color:var(--soft)}.dossier-overlay-wrapper .appearanceMoodboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dossier-overlay-wrapper .moodItem{transition:.35s ease}.dossier-overlay-wrapper .moodItem:hover{transform:translateY(-3px)}.dossier-overlay-wrapper .moodItem img{width:100%;height:165px;object-fit:cover;margin-bottom:8px;border:1px solid var(--lineSoft);filter:contrast(1.08) brightness(.9) saturate(.85);transition:.45s ease}.dossier-overlay-wrapper .moodItem:hover img{transform:scale(1.03);filter:contrast(1.14) brightness(.96) saturate(1)}.dossier-overlay-wrapper .moodItem p{margin:0;font:500 13px/1.35 var(--softserif);color:var(--ink)}.dossier-overlay-wrapper .relationStack{display:grid;gap:14px;margin-bottom:22px}.dossier-overlay-wrapper .relationCard{display:grid;grid-template-columns:118px 1fr;gap:14px;min-height:190px;padding:12px;border:1px solid var(--line);background:linear-gradient(135deg,var(--white34),var(--white12)),var(--white25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:.4s ease}.dossier-overlay-wrapper .relationCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--primary),var(--secondary))}.dossier-overlay-wrapper .relationCard:hover{border-color:var(--primaryLine);transform:translateY(-3px);background:linear-gradient(135deg,var(--primaryLight),var(--white25)),var(--white34)}.dossier-overlay-wrapper .relationCard img{width:118px;height:166px;object-fit:cover;border:1px solid var(--lineSoft);filter:contrast(1.08) brightness(.9) saturate(.85);transition:.45s ease}.dossier-overlay-wrapper .relationCard:hover img{transform:scale(1.04);filter:contrast(1.14) brightness(.96) saturate(1)}.dossier-overlay-wrapper .relationInfo{min-width:0}.dossier-overlay-wrapper .relationInfo b{display:block;margin-bottom:4px;font:900 8px var(--sans);letter-spacing:2.6px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .relationInfo h3{margin:0;font:italic 28px/.95 var(--softserif);color:var(--ink)}.dossier-overlay-wrapper .relationInfo blockquote{margin:8px 0 10px;padding:0 0 0 11px;border-left:2px solid var(--primary);font:italic 15px/1.15 var(--softserif);color:var(--soft)}.dossier-overlay-wrapper .relationText{max-height:82px;overflow:auto;padding-right:12px;font:400 13px/1.65 var(--sans);text-align:justify;color:color-mix(in srgb,var(--ink) 78%,var(--transparent));scrollbar-width:thin;scrollbar-color:var(--primary) var(--white25)}.dossier-overlay-wrapper .relationText::-webkit-scrollbar{width:4px}.dossier-overlay-wrapper .relationText::-webkit-scrollbar-track{background:var(--white25);border-radius:999px}.dossier-overlay-wrapper .relationText::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary),var(--secondary));border-radius:999px}.dossier-overlay-wrapper .relationText p{margin:0 0 8px}.dossier-overlay-wrapper .dossier-scroll-container{position:absolute;inset:70px 0 0;overflow-y:auto;overflow-x:hidden;padding-right:22px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--white25)}.dossier-overlay-wrapper .dossier-scroll-container::-webkit-scrollbar{width:6px}.dossier-overlay-wrapper .dossier-scroll-container::-webkit-scrollbar-track{background:var(--white25);border-radius:999px}.dossier-overlay-wrapper .dossier-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary),var(--secondary));border-radius:999px;border:1px solid var(--lineSoft)}.dossier-overlay-wrapper .dossier-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--gold),var(--primary))}.dossier-overlay-wrapper .dossier-section{padding:24px 0}.dossier-overlay-wrapper .dossier-section h1{margin:0;font:900 38px/1 var(--serif);letter-spacing:4px;text-transform:uppercase;color:var(--primary)}.dossier-overlay-wrapper .dossier-section h2{margin:6px 0 22px;font:900 10px var(--sans);letter-spacing:4px;text-transform:uppercase;color:var(--muted)}.dossier-overlay-wrapper .dossier-divider{border:0;border-top:1px solid var(--lineSoft);margin:16px 0}.dossier-overlay-wrapper .nav{display:none!important}.dossier-overlay-wrapper .nav button{border:0;border-bottom:1px solid var(--line);background:var(--transparent);color:var(--ink);cursor:pointer;position:relative;transition:.35s ease;padding:0;overflow:visible}.dossier-overlay-wrapper .nav button:last-child{border-bottom:0}.dossier-overlay-wrapper .nav button span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(180deg);writing-mode:vertical-rl;font:800 14px var(--serif);text-transform:uppercase;letter-spacing:2px;transition:.35s ease}.dossier-overlay-wrapper .nav button:before{content:"";position:absolute;left:0;top:50%;width:4px;height:0;transform:translateY(-50%);background:var(--primary);border-radius:4px;transition:.35s ease}.dossier-overlay-wrapper .nav button.active:before,.dossier-overlay-wrapper .nav button:hover:before{height:72px}.dossier-overlay-wrapper .nav button.active,.dossier-overlay-wrapper .nav button:hover{background:var(--white25)}.dossier-overlay-wrapper .nav button.active span,.dossier-overlay-wrapper .nav button:hover span{color:var(--primary);letter-spacing:3px}.dossier-overlay-wrapper .mahriCredit{text-align:center;color:var(--white);opacity:.42;font-size:10px;letter-spacing:2px;margin:20px auto;text-transform:uppercase;font-family:Cormorant Garamond,serif;z-index:10}.dossier-overlay-wrapper .mahriCredit a{color:var(--soft);text-decoration:none;transition:.35s ease;text-shadow:0 0 10px var(--primary),0 0 18px var(--secondary)}.dossier-overlay-wrapper .mahriCredit a:hover{color:#fff3df;letter-spacing:3px;text-shadow:0 0 14px var(--primary),0 0 28px var(--secondary)}#loader-wrapper{position:fixed;inset:0;background-color:var(--theme-bg);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .6s cubic-bezier(.25,1,.5,1)}#loader-wrapper.fade-out{opacity:0;pointer-events:none}@media(max-width:768px){.dossier-modal{padding:0;align-items:stretch}.dossier-overlay-wrapper{padding:0;height:100%;align-items:stretch}.dossier-overlay-wrapper .bg{width:100vw;height:100vh;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;overflow-y:auto}.dossier-overlay-wrapper .imgSide{position:relative;width:100%;height:240px;min-height:240px;flex-shrink:0}.dossier-overlay-wrapper .bigTitle,.dossier-overlay-wrapper .flowerOne,.dossier-overlay-wrapper .flowerTwo,.dossier-overlay-wrapper .bigTitleBg{display:none!important}.dossier-overlay-wrapper .content{position:relative;inset:auto;width:100%;padding:20px 20px 40px;flex:1;overflow-y:auto}.dossier-overlay-wrapper .dossier-scroll-container{position:relative;inset:auto;overflow:visible;padding-right:0}.dossier-overlay-wrapper .contact-dossier-grid{grid-template-columns:1fr!important;gap:24px!important}}