:root{--paper: #fff8f5;--paper-2: #f8dada;--ink: #493535;--ink-2: #725757;--ink-3: #9d7d7d;--line: #e4c6c6;--line-2: #f0ddda;--accent: #927474;--accent-2: #d7a6a6;--accent-3: #c8b08e;--tape: #ead0ad;--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: var(--mono);--wrap: 1160px;--gutter: clamp(1.25rem, 4vw, 3.5rem);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:560;letter-spacing:-.02em;line-height:1.05}.section{max-width:var(--wrap);margin:0 auto;padding:clamp(4.5rem,11vw,9rem) var(--gutter);opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.section.in,.hero.in{opacity:1;transform:none}.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0 0 1.2rem}.section-head{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.4rem;align-items:baseline;margin-bottom:clamp(2.5rem,6vw,4.5rem);padding-bottom:1.4rem;border-bottom:1px solid var(--line)}.section-num{font-family:var(--mono);font-size:.8rem;color:var(--accent);letter-spacing:.1em;padding-top:.35rem}.section-title{font-size:clamp(1.8rem,4vw,2.9rem)}.section-sub{grid-column:2;margin:.35rem 0 0;color:var(--ink-2);max-width:46ch}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--gutter);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;letter-spacing:-.01em}.brand-mark{position:relative;width:15px;height:15px;border:1.5px solid var(--ink);flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--ink)}.brand-mark:before{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}.brand-mark:after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}.site-nav{display:flex;gap:clamp(1rem,3vw,2.2rem);font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.site-nav a{color:var(--ink-2);transition:color .2s}.site-nav a:hover{color:var(--ink)}.hero{max-width:var(--wrap);margin:0 auto;padding:clamp(4rem,14vh,9rem) var(--gutter) clamp(3rem,8vw,6rem);min-height:78vh;display:flex;align-items:center;opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%}.hero-copy{min-width:0}.hero-title{font-size:clamp(3rem,7vw,6.25rem);line-height:.94;margin:.3rem 0 1.6rem}.hero-intro{max-width:52ch;font-size:clamp(1rem,1.35vw,1.16rem);color:var(--ink-2);margin:0 0 2.4rem}.hero-orbit{position:relative;width:100%;aspect-ratio:782 / 756;min-width:0}.hero-orbit-svg{position:absolute;inset:0;width:100%;height:100%}.hero-orbit-svg svg{display:block;width:100%;height:100%;overflow:visible}.hero-orbit-silhouette{opacity:.08}.hero-orbit-guide{fill:none;stroke:#1a1a1a;stroke-width:.6;stroke-opacity:.18;vector-effect:non-scaling-stroke}.hero-orbit-text{font-family:Cormorant Garamond,EB Garamond,Georgia,serif;font-size:33px;font-weight:500;letter-spacing:.3px;fill:#d30000}.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:.85rem 1.5rem;background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:background .2s,color .2s,transform .2s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.qt{position:relative;margin:0;overflow:hidden;background:var(--paper-2);width:100%;aspect-ratio:4 / 3;isolation:isolate}.qt-real{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transform:scale(1.008);transition:opacity .55s var(--ease),transform .8s var(--ease)}.qt--cover .qt-real{object-fit:cover}.qt--contain .qt-real{object-fit:contain}.qt-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:scale(1.012);filter:saturate(.92) contrast(.98);transition:opacity .55s var(--ease),transform .8s var(--ease),filter .8s var(--ease);pointer-events:none}.qt--loading .qt-canvas{animation:qt-settle 1.3s var(--ease) both}.qt--revealed .qt-real{opacity:1;transform:none}.qt--revealed .qt-canvas{opacity:0;transform:none;filter:none}.qt-badge{position:absolute;left:.7rem;bottom:.7rem;z-index:3;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:color-mix(in srgb,var(--ink) 70%,transparent);padding:.28rem .55rem;opacity:0;transition:opacity .5s var(--ease) .2s}.qt--revealed .qt-badge{opacity:.9}@keyframes qt-settle{0%{transform:scale(1.018);filter:saturate(.78) contrast(.94)}62%{filter:saturate(.98) contrast(1)}to{transform:none;filter:none}}.projects{display:flex;flex-direction:column;gap:clamp(4rem,9vw,7rem)}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.project:nth-child(2n) .project-media{order:2}.project-media{display:flex;flex-direction:column;gap:.75rem}.project-lead{aspect-ratio:3 / 2}.project-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.project-thumb{aspect-ratio:1 / 1}.project-info{position:sticky;top:6rem;padding-top:.4rem}.project-head{display:flex;gap:1rem;align-items:baseline;margin-bottom:1.3rem}.project-index{font-family:var(--mono);font-size:.85rem;color:var(--accent)}.project-title{font-size:clamp(1.7rem,3.2vw,2.4rem)}.project-role{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:.5rem 0 0}.project-desc{color:var(--ink-2);margin:0 0 1.6rem}.skills{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.skill{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-2);border:1px solid var(--line);padding:.35rem .65rem;border-radius:2px;transition:border-color .2s,color .2s}.skill:hover{border-color:var(--ink);color:var(--ink)}.cv-list{list-style:none;margin:0;padding:0}.cv-row{display:grid;grid-template-columns:12rem 1fr;gap:clamp(1rem,4vw,3rem);padding:1.8rem 0;border-top:1px solid var(--line-2)}.cv-row:last-child{border-bottom:1px solid var(--line-2)}.cv-period{font-family:var(--mono);font-size:.82rem;color:var(--ink);display:flex;flex-direction:column;gap:.3rem;padding-top:.2rem}.cv-loc{color:var(--ink-3);font-size:.74rem;letter-spacing:.04em}.cv-role{font-size:1.15rem;font-weight:560}.cv-org{color:var(--accent);margin:.25rem 0 0;font-size:.95rem}.cv-desc{color:var(--ink-2);margin:.7rem 0 0;max-width:62ch;font-size:.96rem}.gallery{max-width:960px;margin:0 auto;outline:none;touch-action:pan-y}.gallery-viewport{display:block}.gallery-stage{position:relative;width:100%;height:auto;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--paper-2);border:0}.gallery-media{width:100%;height:100%;aspect-ratio:auto!important;background:transparent}.gallery-nav{font-family:var(--mono);font-size:.9rem;width:2.75rem;height:2.75rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s;flex:none}.gallery-nav:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.gallery-counter{font-family:var(--mono);font-size:.8rem;color:var(--ink-3);letter-spacing:.06em}.gallery-caption{margin:0;color:var(--ink-2);font-size:.98rem}.gallery-controls{display:flex;align-items:center;gap:.8rem}.gallery-progress{position:relative;width:clamp(4.5rem,10vw,7.5rem);height:1px;overflow:hidden;background:var(--line)}.gallery-progress-fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.contact{border-top:1px solid var(--line);text-align:center}.contact-title{font-size:clamp(1.9rem,5vw,3.4rem);margin:.5rem 0 2rem}.contact-mail{font-family:var(--mono);font-size:clamp(1rem,2.6vw,1.5rem);border-bottom:1px solid var(--line);padding-bottom:.3rem;transition:border-color .2s,color .2s}.contact-mail:hover{border-color:var(--accent);color:var(--accent)}.contact-foot{margin:3.5rem 0 0;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--ink-3)}:root[data-theme=cutout]{--paper: #fff8f5;--paper-2: #f8dada;--ink: #493535;--ink-2: #725757;--ink-3: #9d7d7d;--line: #e4c6c6;--line-2: #f0ddda;--accent: #927474;--accent-2: #d7a6a6;--accent-3: #c8b08e;--tape: #ead0ad;--display: var(--mono);--wrap: 1160px}:root[data-theme=cutout] body{background-image:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 19rem),radial-gradient(circle at 6% 62%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 24rem),linear-gradient(122deg,rgb(255 255 255 / .2),transparent 46%);background-attachment:fixed}:root[data-theme=cutout] .site-header{background:color-mix(in srgb,var(--paper) 84%,transparent);border-bottom:2px dashed var(--ink)}:root[data-theme=cutout] .hero-title{max-width:9ch;font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.06em;text-shadow:4px 4px 0 color-mix(in srgb,var(--accent) 18%,transparent)}:root[data-theme=cutout] .section-title,:root[data-theme=cutout] .project-title,:root[data-theme=cutout] .contact-title{font-family:var(--display);font-weight:400;letter-spacing:-.04em}:root[data-theme=cutout] .section-num,:root[data-theme=cutout] .project-index{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border-radius:50%;background:var(--accent);color:#fff;transform:rotate(-7deg)}:root[data-theme=cutout] .project-index{width:auto;min-width:2.55rem;padding-inline:.4rem;border-radius:999px}:root[data-theme=cutout] .project-media{position:relative;transition:transform .55s var(--ease)}:root[data-theme=cutout] .project:nth-child(odd) .project-media{transform:rotate(-.8deg)}:root[data-theme=cutout] .project:nth-child(2n) .project-media{transform:rotate(.8deg)}:root[data-theme=cutout] .project-media .qt{overflow:visible;box-shadow:7px 8px color-mix(in srgb,var(--ink) 12%,transparent)}:root[data-theme=cutout] .project-media .qt:after{content:"";position:absolute;top:-.45rem;left:50%;z-index:6;width:4.5rem;height:1rem;background:color-mix(in srgb,var(--tape) 82%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 14%,transparent);transform:translate(-50%) rotate(-2deg);pointer-events:none}:root[data-theme=cutout] .project-thumb:first-child:after{left:34%;transform:translate(-50%) rotate(4deg)}:root[data-theme=cutout] .project-thumb:last-child:after{left:66%;transform:translate(-50%) rotate(-5deg)}:root[data-theme=cutout] .skill{border-color:transparent;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 14%,transparent)}:root[data-theme=cutout] .skill:nth-child(3n+2){background:color-mix(in srgb,var(--accent) 12%,transparent)}:root[data-theme=cutout] .skill:nth-child(3n){background:color-mix(in srgb,var(--accent-3) 18%,transparent)}:root[data-theme=cutout] .btn{box-shadow:4px 4px color-mix(in srgb,var(--accent) 50%,transparent)}:root[data-theme=cutout] .btn:active{transform:translate(4px,4px);box-shadow:none}:root[data-theme=cutout] .section.in .section-title{animation:cutout-arrive .7s var(--ease) both}@media (hover: hover) and (pointer: fine){:root[data-theme=cutout] .project:hover .project-media{transform:rotate(0) scale(1.012)}}@keyframes cutout-arrive{0%{opacity:0;transform:translate(-.6rem,.7rem) rotate(-3deg)}to{opacity:1;transform:none}}@media (max-width: 820px){.section{padding-top:clamp(4.5rem,14vw,6.5rem);padding-bottom:clamp(4.5rem,14vw,6.5rem)}.hero{min-height:auto;padding-top:clamp(4.5rem,14vw,6.5rem);padding-bottom:clamp(5rem,16vw,7rem)}.hero-inner{grid-template-columns:1fr;gap:2.5rem}.hero-orbit{width:min(100%,36rem);margin:0 auto}.project{grid-template-columns:1fr;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.project .project-media,.project:nth-child(2n) .project-media{order:2}.project-info{position:static;order:1;padding-top:0}.cv-row{grid-template-columns:1fr;gap:.6rem}.cv-period{flex-direction:row;align-items:baseline;gap:.8rem}.gallery-viewport{position:static}.gallery-nav{position:static;width:44px;height:44px;transform:none}.gallery-stage{height:auto;min-height:0;max-height:none;aspect-ratio:4 / 5}.gallery-bar{grid-template-columns:auto 1fr;gap:.8rem}.gallery-caption{grid-column:1 / -1;grid-row:2}.gallery-controls{grid-column:2;grid-row:1;justify-content:flex-end}}@media (max-width: 560px){:root{--gutter: clamp(1rem, 5vw, 1.35rem)}body{font-size:16px;line-height:1.55}.site-header{min-height:3.75rem;padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:.75rem}.brand{gap:.45rem;font-size:.88rem}.brand-mark{width:13px;height:13px}.site-nav{gap:clamp(.7rem,3.5vw,1rem);font-size:.63rem;letter-spacing:.055em}.site-nav a:last-child{display:none}.hero{padding-top:clamp(3.75rem,13vw,5rem);padding-bottom:clamp(4.5rem,15vw,6rem)}.hero-title{font-size:clamp(3.35rem,18vw,5rem);margin-bottom:1.35rem}.hero-intro{font-size:1rem;line-height:1.58;margin-bottom:1.75rem}.hero-orbit{margin-top:.5rem}.eyebrow{max-width:31ch;font-size:.66rem;line-height:1.6;letter-spacing:.16em}.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.btn{display:grid;min-height:44px;place-items:center;padding:.72rem .65rem;text-align:center;font-size:.68rem}.section{padding-top:4.75rem;padding-bottom:4.75rem}.section-head{grid-template-columns:1.4rem 1fr;gap:.35rem .65rem;margin-bottom:2.5rem;padding-bottom:1.1rem}.section-num{font-size:.68rem}.section-title{font-size:clamp(1.85rem,9vw,2.35rem)}.section-sub{font-size:.9rem;line-height:1.5}.projects{gap:4.75rem}.project{padding-top:1.25rem}.project-head{gap:.7rem;margin-bottom:1rem}.project-index{font-size:.73rem}.project-title{font-size:1.85rem}.project-role{font-size:.64rem;line-height:1.5}.project-desc{font-size:.94rem;line-height:1.6;margin-bottom:1.25rem}.project-lead{aspect-ratio:4 / 3}.project-media,.project-thumbs{gap:.5rem}.skill{font-size:.62rem;padding:.3rem .52rem}.cv-row{position:relative;gap:.55rem;padding:1.5rem 0 1.5rem 1.35rem}.cv-row:before{content:"";position:absolute;top:1.85rem;left:0;width:7px;height:7px;border:1px solid var(--accent)}.cv-period{flex-wrap:wrap;font-size:.73rem}.cv-loc{font-size:.66rem}.cv-role{font-size:1.04rem;line-height:1.25}.cv-org{font-size:.88rem}.cv-desc{font-size:.9rem;line-height:1.55}.gallery-stage{height:auto;min-height:0;aspect-ratio:4 / 5}.gallery-bar{margin-top:1rem;padding-top:.9rem}.gallery-caption{font-size:.9rem;line-height:1.5}.contact{padding-bottom:max(4.75rem,env(safe-area-inset-bottom))}.contact-title{font-size:clamp(2rem,10vw,2.65rem)}.contact-mail{overflow-wrap:anywhere;font-size:clamp(.92rem,4.5vw,1.15rem)}:root[data-theme=cutout] .section-head{grid-template-columns:2.15rem 1fr}:root[data-theme=cutout] .section-num{width:1.8rem;height:1.8rem;min-width:1.8rem;min-height:1.8rem}:root[data-theme=cutout] .project-index{width:auto;height:1.8rem;min-width:2.4rem;min-height:1.8rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.section,.hero{opacity:1;transform:none;transition:none}.qt-canvas{animation:none}.hero-orbit-text{display:none}:root[data-theme=cutout] .section.in .section-title{animation:none;opacity:1;transform:none}}