:root{--c-bg:#f8f1e7;--c-ink:#282320;--c-accent:#a83848;--c-accent-hover:#7a2735;--c-muted:#6e6259;--c-line:#28232024;--font-display:"Cabinet Grotesk", "Arial Narrow", sans-serif;--font-body:"General Sans", "Helvetica Neue", sans-serif;--fs-display:clamp(3.4rem, 11.5vw, 11rem);--fs-h1:clamp(2.4rem, 6vw, 5.2rem);--fs-h2:clamp(1.8rem, 3.8vw, 3.2rem);--fs-h3:clamp(1.15rem, 1.8vw, 1.5rem);--fs-body:clamp(1rem, 1.15vw, 1.125rem);--fs-label:.8125rem;--lh-display:.92;--lh-heading:1.05;--lh-body:1.6;--ls-label:.14em;--sp-1:.5rem;--sp-2:1rem;--sp-3:1.5rem;--sp-4:2.5rem;--sp-5:4rem;--sp-6:6rem;--sp-section:clamp(9rem, 17vw, 15.5rem);--sidebar-w:240px;--grid-gap:clamp(1rem, 2vw, 2rem);--content-pad:clamp(1.25rem, 4vw, 4rem);--max-w:1680px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-reveal:1s;--glass-bg:#f8f1e78c;--glass-border:#f8f1e7a6;--glass-blur:16px;--glass-saturate:1.3;--glass-shadow:0 8px 32px #28232024;--c-surface:#e9ded0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--c-bg:#1c1815;--c-ink:#f2ebe1;--c-accent:#e0555c;--c-accent-hover:#ec8288;--c-muted:#a89a8d;--c-line:#f2ebe124;--glass-bg:#1c18158c;--glass-border:#f2ebe12e;--glass-shadow:0 8px 32px #0006;--c-surface:#2a2420;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:var(--c-accent) var(--c-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-accent) 75%, var(--c-bg));border:2px solid var(--c-bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--c-accent)}html.cursor-none,html.cursor-none body,html.cursor-none a,html.cursor-none button,html.cursor-none label{cursor:none}html.cursor-none input,html.cursor-none textarea,html.cursor-none select{cursor:text}.cursor-dot,.cursor-ring{z-index:9999;pointer-events:none;opacity:0;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--c-accent);width:8px;height:8px;margin:-4px 0 0 -4px}.cursor-ring{border:1.5px solid color-mix(in srgb, var(--c-ink) 35%, transparent);width:38px;height:38px;margin:-19px 0 0 -19px;transition:border-color .3s}.cursor-ring.is-interactive{border-color:color-mix(in srgb, var(--c-accent) 60%, transparent)}::selection{background:var(--c-accent);color:var(--c-bg)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.shell{max-width:var(--max-w);margin:0 auto;display:flex}.content{min-width:0;padding:0 var(--content-pad);flex:1}.grid-12{gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);display:grid}section{padding-block:calc(var(--sp-section) / 2)}.label{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-muted);font-weight:600}.display{font-family:var(--font-display);font-weight:800;font-size:var(--fs-display);line-height:var(--lh-display);text-transform:uppercase;letter-spacing:-.015em;text-wrap:balance}.heading-1{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h1);line-height:var(--lh-heading);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance}.heading-2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-heading);text-transform:uppercase;text-wrap:balance}p{text-wrap:pretty}.reveal-line{display:block;overflow:hidden}.reveal-line>.reveal-line-inner{will-change:transform;display:block}[data-reveal-media]{overflow:hidden}[data-reveal-media] img,[data-reveal-media] canvas,[data-reveal-media] .media-fill{will-change:transform}[data-parallax]{overflow:hidden}.link-underline{font-weight:500;display:inline-block;position:relative}.link-underline:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .6s var(--ease-out-expo);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(1)}.link-underline:hover:after{transform-origin:0;animation:underline-swipe .6s var(--ease-out-expo)}@keyframes underline-swipe{0%{transform-origin:100%;transform:scaleX(1)}50%{transform-origin:100%;transform:scaleX(0)}50.01%{transform-origin:0}to{transform-origin:0;transform:scaleX(1)}}.link-accent{color:var(--c-accent);transition:color .3s}.link-accent:hover{color:var(--c-accent-hover)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow);background-image:linear-gradient(135deg,#ffffff59,#fff0 45%)}:root[data-theme=dark] .glass{background-image:linear-gradient(135deg,#ffffff14,#fff0 45%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#f8f1e7eb}}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.backdrop{z-index:-2;pointer-events:none;background:var(--c-bg);position:fixed;inset:0;overflow:hidden}.ripple-grid{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.backdrop:before{content:"";filter:blur(40px);will-change:transform;background:radial-gradient(38% 44% at 28% 30%,#a8384829,#0000 68%),radial-gradient(46% 50% at 78% 68%,#e8a86033,#0000 70%),radial-gradient(42% 44% at 60% 10%,#7a27351f,#0000 68%);animation:40s ease-in-out infinite alternate backdrop-drift;position:absolute;inset:-40%}.backdrop:after{content:"";opacity:.07;mix-blend-mode:multiply;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:5s steps(6,end) infinite backdrop-grain;position:absolute;inset:-50%}@keyframes backdrop-drift{0%{transform:translate(-8%,-6%)scale(1.05)rotate(0)}50%{transform:translate(7%,8%)scale(1.18)rotate(8deg)}to{transform:translate(10%,-4%)scale(1.08)rotate(-6deg)}}@keyframes backdrop-grain{0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-3%)}75%{transform:translate(-2%,-4%)}to{transform:translate(4%,2%)}}@media (prefers-reduced-motion:reduce){.backdrop:before,.backdrop:after{animation:none}}.sidebar{width:var(--sidebar-w);height:100dvh;padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--c-line);flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:flex-start;display:flex;position:sticky;top:0}.sidebar-logo{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.4rem;font-weight:800}.sidebar-logo-accent{color:var(--c-accent)}.sidebar-nav{gap:var(--sp-1);flex-direction:column;display:flex}.sidebar-link{width:fit-content;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.sidebar-link:before{content:"";background:var(--c-accent);width:0;height:1px;transition:width .4s var(--ease-out-expo);position:absolute;top:50%;left:-1rem}.sidebar-link:hover{color:var(--c-accent)}.sidebar-link:hover:before{width:.6rem}.sidebar-meta{gap:var(--sp-1);flex-direction:column;display:flex}.theme-toggle{width:38px;height:38px;color:var(--c-muted);transition:color .3s ease, transform .5s var(--ease-out-expo);top:calc(var(--sp-4) - 1px);right:var(--sp-2);border-radius:50%;place-items:center;display:grid;position:absolute}.theme-toggle:hover{color:var(--c-accent);transform:rotate(20deg)}.burger{width:44px;height:44px;margin:-10px -10px -10px auto;display:none;position:relative}.burger span{background:var(--c-ink);width:24px;height:2px;transition:transform .45s var(--ease-out-expo), top .45s var(--ease-out-expo);position:absolute;left:10px}.burger span:first-child{top:18px}.burger span:last-child{top:25px}.burger.is-open span:first-child{top:21px;transform:rotate(45deg)}.burger.is-open span:last-child{top:21px;transform:rotate(-45deg)}.mobile-menu{display:none}body.menu-open{overflow:hidden}body.menu-open .floating-contact{visibility:hidden;pointer-events:none;opacity:0!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero{visibility:hidden;padding-top:clamp(6rem,12vh,9rem)}@media (prefers-reduced-motion:reduce){.hero{visibility:visible}}.hero-headline{margin-bottom:var(--sp-4)}.hero-lower{align-items:start}.hero-intro{color:var(--c-ink);text-wrap:balance;grid-column:1/6;max-width:34ch;line-height:1.9}.hero-media{margin-top:calc(-1 * var(--sp-4));grid-column:7/13}.hero-portrait{aspect-ratio:4/5;background:var(--c-surface);width:100%;max-height:72vh;overflow:hidden}.hero-portrait canvas,.hero-portrait img{object-fit:cover;width:100%;height:100%}.about-label{grid-column:1/3}.about-heading{margin-bottom:var(--sp-4);grid-column:3/11}.about-body{gap:var(--sp-3);flex-direction:column;grid-column:3/9;max-width:58ch;display:flex}.projects>.label{margin-bottom:var(--sp-4)}.shelf{gap:clamp(.6rem,1vw,1rem);height:clamp(420px,62vh,580px);display:flex}.shelf-item{flex:1;min-width:0;transition:flex .85s cubic-bezier(.3,1.25,.45,1);position:relative;overflow:hidden}.shelf-item.is-active{flex:3.4}.shelf-hit{text-align:left;width:100%;height:100%;display:block;position:relative}.shelf-cover{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shelf-cover-abstract{background:#282320}.shelf-ghost{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #a83848;opacity:.55;font-size:clamp(3rem,8vw,7.5rem);font-weight:800;transition:transform .85s cubic-bezier(.3,1.25,.45,1),opacity .5s;transform:rotate(-90deg)}.shelf-item.is-active .shelf-ghost{opacity:.85;transform:rotate(0)}.shelf-cover-mockup{background:radial-gradient(120% 120% at 20% 0,#f3e9db 0%,#0000 60%),linear-gradient(135deg,#efe6d8 0%,#e6d6c4 55%,#d9c3ad 100%)}.shelf-item:nth-child(3) .shelf-cover-mockup{background:radial-gradient(120% 120% at 80% 0,#f3e9db 0%,#0000 60%),linear-gradient(215deg,#ecdfc9 0%,#dfc9ab 55%,#cbab86 100%)}.shelf-cover-placeholder{color:#8a7d6c}.shelf-cover-image{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out-expo);position:absolute;inset:0;transform:scale(1)}.shelf-item:hover .shelf-cover-image,.shelf-item.is-active .shelf-cover-image{transform:scale(1.05)}.shelf-cover-mockup:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#14100ea6);position:absolute;inset:0}.shelf-spine{z-index:2;writing-mode:vertical-rl;white-space:nowrap;color:#f8f1e7;opacity:1;transition:opacity .35s;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)rotate(180deg)}.shelf-item.is-active .shelf-spine{opacity:0}.shelf-meta{opacity:0;pointer-events:none;background:linear-gradient(#0000,#2823208c);flex-direction:column;gap:.45rem;padding:clamp(1rem,2vw,1.8rem);transition:opacity .45s .22s,transform .6s cubic-bezier(.3,1.25,.45,1) .22s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(14px)}.shelf-item.is-active .shelf-meta{opacity:1;transform:translateY(0)}.shelf-meta-row{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.shelf-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);text-transform:uppercase;color:#f8f1e7}.shelf-year{color:#f8f1e7bf}.shelf-description{color:#f8f1e7eb;max-width:52ch;font-size:.95rem;line-height:1.55;display:block}.shelf-stack{color:#f8f1e7b3}.shelf-visit{color:#f8f1e7d9}.floating-contact{z-index:40;font-family:var(--font-body);color:var(--c-ink);transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo);border-radius:999px;align-items:center;gap:.6em;padding:.85rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex;position:fixed;bottom:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.floating-contact:hover{transform:translateY(-3px);box-shadow:0 14px 40px #28232033}.floating-contact.is-hidden{opacity:0;pointer-events:none;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);transform:translateY(16px)}.floating-contact-dot{background:var(--c-accent);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse}.footer{padding-block:var(--sp-section) var(--sp-4)}.contact{align-items:start;row-gap:var(--sp-5)}.contact-intro{align-items:flex-start;gap:var(--sp-2);flex-direction:column;grid-column:1/6;display:flex}.contact-heading{margin-top:var(--sp-1)}.contact-sub{max-width:42ch;color:var(--c-ink)}.contact-form{gap:var(--sp-3);flex-direction:column;grid-column:7/13;display:flex}.field{flex-direction:column;gap:.5rem;display:flex}.field label{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-muted);font-weight:600}.field label span{color:var(--c-accent)}.field input,.field textarea{font-family:var(--font-body);color:var(--c-ink);border:none;border-bottom:1px solid var(--c-line);resize:vertical;background:0 0;padding:.6rem 0;font-size:1.05rem;transition:border-color .3s}.field input::placeholder,.field textarea::placeholder{color:var(--c-muted)}.field input:hover,.field textarea:hover{border-bottom-color:var(--c-muted)}.field input:focus,.field textarea:focus{border-bottom-color:var(--c-accent);outline:none}.field-error input,.field-error textarea{border-bottom-color:var(--c-accent)}.field-msg{color:var(--c-accent);font-size:.85rem}.contact-form-error{margin-top:calc(-1 * var(--sp-1))}.contact-submit{margin-top:var(--sp-1);font-family:var(--font-body);color:var(--c-ink);transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo);border-radius:999px;align-self:flex-start;align-items:center;gap:.6em;padding:.95rem 1.8rem;font-size:1rem;font-weight:600;display:inline-flex}.contact-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #28232033}.contact-submit:disabled{opacity:.55;cursor:default}.contact-submit-arrow{transition:transform .5s var(--ease-out-expo)}.contact-submit:hover:not(:disabled) .contact-submit-arrow{transform:translate(4px)}.contact-success{align-items:flex-start;gap:var(--sp-2);flex-direction:column;grid-column:7/13;display:flex}.contact-success-mark{background:var(--c-accent);width:3rem;height:3rem;color:var(--c-bg);margin-bottom:var(--sp-1);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.footer-bottom{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--c-line);justify-content:space-between;align-items:baseline;display:flex}@media (width<=900px){.shell{flex-direction:column}.sidebar{z-index:10;align-items:center;gap:var(--sp-3);width:100%;height:auto;padding:var(--sp-2) var(--content-pad);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:none;border-bottom:none;border-right:none;flex-direction:row;position:sticky;top:0}.sidebar-nav,.sidebar-meta{display:none}.theme-toggle{margin-left:auto;position:static}.burger{margin-left:.4rem;display:block}.mobile-menu{justify-content:center;gap:var(--sp-5);z-index:9;padding:calc(64px + var(--sp-4)) var(--content-pad) var(--sp-5);visibility:hidden;flex-direction:column;transition:visibility 0s linear .7s;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-menu:before{content:"";z-index:-1;background:var(--glass-bg);width:280vmax;height:280vmax;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));transition:transform .7s var(--ease-out-expo);border-radius:50%;position:absolute;top:2rem;right:2.4rem;transform:translate(50%,-50%)scale(0)}.mobile-menu.is-open{visibility:visible;transition:none}.mobile-menu.is-open:before{transform:translate(50%,-50%)scale(1)}.mobile-menu-links{gap:var(--sp-3);flex-direction:column;display:flex}.mobile-menu-link{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;opacity:0;width:fit-content;transition:opacity .5s ease, transform .6s var(--ease-out-expo), color .3s ease;font-size:clamp(2.6rem,11vw,4rem);font-weight:800;line-height:1;transform:translateY(28px)}.mobile-menu.is-open .mobile-menu-link{opacity:1;transform:translateY(0)}.mobile-menu-link:active,.mobile-menu-link:hover{color:var(--c-accent)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-menu:before{background:#f8f1e7f2}}.hero{padding-top:var(--sp-5)}.hero-intro{grid-column:1/-1}.hero-media{margin-top:var(--sp-4);grid-column:1/-1}.about-label{margin-bottom:var(--sp-2);grid-column:1/-1}.about-heading,.about-body{grid-column:1/-1}.shelf{flex-direction:column;height:auto}.shelf-item{flex:none;height:76px;transition:height .7s cubic-bezier(.3,1.25,.45,1)}.shelf-item.is-active{flex:none;height:min(64vh,460px)}.shelf-spine{writing-mode:horizontal-tb;top:50%;bottom:auto;left:1.2rem;transform:translateY(-50%)rotate(0)}.shelf-ghost{font-size:clamp(2.4rem,10vw,4rem)}.shelf-mockup{width:min(86%,560px)}.contact-intro,.contact-form,.contact-success{grid-column:1/-1}}