:root{--font-sans: "Figtree", "Segoe UI", system-ui, sans-serif;--font-display: "Syne", "Figtree", system-ui, sans-serif;--step--1: clamp(.85rem, .82rem + .15vw, .94rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.13rem, 1.04rem + .42vw, 1.4rem);--step-2: clamp(1.45rem, 1.25rem + .95vw, 2rem);--step-3: clamp(1.95rem, 1.55rem + 1.9vw, 3rem);--step-4: clamp(2.15rem, 1.6rem + 3.2vw, 4.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--container: 78rem;--gutter: clamp(1.25rem, 4vw, 3rem);--radius-sm: .5rem;--radius: .875rem;--radius-lg: 1.375rem;--radius-full: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration: .3s;--duration-slow: .55s;--bg: #ffffff;--bg-subtle: #f7f7f8;--surface: #ffffff;--surface-hover: #f2f2f4;--border: #e6e6e9;--border-strong: #d3d3d9;--text: #17171a;--text-muted: #5c5c66;--text-faint: #86868f;--accent: #b3294d;--accent-hover: #8f1f3d;--accent-contrast: #ffffff;--accent-soft: #fdf1f4;--ink: #0c0a18;--ink-text: #ffffff;--ink-muted: #c9c6d4;--ink-accent: #ff7a9c;--shadow-sm: 0 1px 2px rgb(15 15 20 / .06), 0 1px 3px rgb(15 15 20 / .04);--shadow: 0 6px 16px rgb(15 15 20 / .08), 0 2px 6px rgb(15 15 20 / .05);--shadow-lg: 0 18px 48px rgb(15 15 20 / .14);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0e12;--bg-subtle: #16161c;--surface: #16161c;--surface-hover: #1e1e26;--border: #2a2a33;--border-strong: #3a3a45;--text: #f2f2f5;--text-muted: #a8a8b3;--text-faint: #7c7c88;--accent: #ff7a9c;--accent-hover: #ff9db8;--accent-contrast: #1a0d13;--accent-soft: #241820;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow: 0 6px 16px rgb(0 0 0 / .55);--shadow-lg: 0 18px 48px rgb(0 0 0 / .65);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e0e12;--bg-subtle: #16161c;--surface: #16161c;--surface-hover: #1e1e26;--border: #2a2a33;--border-strong: #3a3a45;--text: #f2f2f5;--text-muted: #a8a8b3;--text-faint: #7c7c88;--accent: #ff7a9c;--accent-hover: #ff9db8;--accent-contrast: #1a0d13;--accent-soft: #241820;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow: 0 6px 16px rgb(0 0 0 / .55);--shadow-lg: 0 18px 48px rgb(0 0 0 / .65);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}@media(hover:none)and (pointer:coarse){html{scroll-snap-type:y proximity}}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration) var(--ease)}#root{min-height:100vh;min-height:100svh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:var(--space-4);top:-4rem;z-index:100;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:600;text-decoration:none;transition:top var(--duration-fast) var(--ease)}.skip-link:focus{top:var(--space-4)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{position:relative;width:100%;min-height:100vh;min-height:100svh;overflow-x:clip}.header-sentinel{position:absolute;top:0;height:1px;width:100%;pointer-events:none}.site-header{position:fixed;width:100%;top:0;z-index:30;background:transparent;transition:background-color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);border-bottom:1px solid transparent}.site-header.is-stuck{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}@supports (backdrop-filter: blur(1px)){.site-header.is-stuck{backdrop-filter:saturate(1.4) blur(10px)}}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.4rem}.site-header__brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text);font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.3rem);font-weight:800;letter-spacing:-.055em;text-decoration:none}.site-header__brand img{width:58px;height:56px;object-fit:contain}.site-header__nav{display:flex;align-items:center;gap:1rem;margin-left:auto}.site-header__nav a,.site-header__nav button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.35rem;font-size:1.05rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.site-header__nav .nav-works{background:#b9d7d1;color:#233e48;border:1.5px solid #31525a;border-radius:8px 14px 8px 12px;transform:rotate(-3deg);box-shadow:3px 3px #31525a}.site-header__nav .nav-cv{background:#f3e8cb;color:#343d58;border:1.5px solid #343d58;border-radius:3px;box-shadow:3px 3px #343d58;transform:rotate(2deg)}.site-header__nav .nav-contact{color:var(--text);background:transparent;border:0;padding-inline:.5rem}.site-header__nav .nav-contact:after{content:"";position:absolute;inset:auto 0 .4rem;border-bottom:1.5px solid currentColor;transform:rotate(-2deg)}.site-header__nav .nav-contact{position:relative}.site-header__nav a:hover,.site-header__nav button:hover{transform:translateY(-3px)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2)}.icon-button{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.icon-button:active{transform:scale(.94)}@media(min-width:768px){.site-header__nav{display:flex}.site-header__menu{display:none}}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;min-height:100dvh;padding-block:6rem 3.5rem;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.hero__inner{position:relative;width:100%;max-width:1440px}.hero__copy{position:absolute;z-index:2;top:1rem;left:var(--gutter);pointer-events:none}.hero__eyebrow{margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem}.hero__dot{width:6px;height:6px;border-radius:50%;background:#799674}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2.3rem);line-height:1.12;letter-spacing:-.04em;font-weight:600}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero__scribble{width:105px;height:36px;margin:.5rem 0 0 1rem;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--step-0);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent);color:var(--accent-contrast)}.button--primary:hover{background:var(--accent-hover)}.button--ghost{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button--ghost:hover{background:var(--surface-hover)}.hero__scroll{position:absolute;left:50%;bottom:var(--space-6);display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-left:-1.375rem;border-radius:var(--radius-full);color:var(--text-faint);transition:color var(--duration-fast) var(--ease);animation:nudge 2.4s var(--ease) infinite}.hero__scroll:hover{color:var(--accent)}.section-head{margin-bottom:var(--space-8)}.section-head__note{margin:var(--space-4) 0 0;max-width:46ch;color:var(--text-muted)}.eyebrow{margin:0 0 var(--space-4);font-size:var(--step--1);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.eyebrow--on-ink{color:var(--ink-accent)}.page:has(.hero){background:color-mix(in srgb,var(--bg) 95%,#e7c99b)}.crane-room{position:relative;width:100%;min-width:0}.crane-room__progress{position:absolute;top:1rem;right:12px;z-index:2;font:.75rem monospace;color:var(--text-muted);font-variant-numeric:tabular-nums}.crane-room__stage{position:relative;width:100%;height:max(350px,calc(100dvh - 14rem))}.crane-room__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;opacity:0;transition:opacity .6s ease}.crane-room[data-ready=true] .crane-room__canvas{opacity:1}.crane-room__canvas:active{cursor:grabbing}.crane-room__fallback{position:absolute;inset:40% 15% auto;text-align:center;color:var(--text-muted);font-size:13px}.crane-room__footer{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted);font-size:11px}.crane-room__controls{display:flex;gap:10px}.scene-control{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid #ffffff0c;background:#30343b;color:#dddfe4;cursor:pointer;box-shadow:inset 0 1px #ffffff08;transition:background .18s,transform .18s,color .18s}.scene-control:hover,.scene-control:focus-visible{background:#424750;color:#fff}.scene-control:active{background:#555d68;transform:scale(.95)}.scene-control:disabled{opacity:.35;cursor:default}.scene-control__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);color:#f2f2f3;background:#292b30;border:1px solid #ffffff15;padding:.4rem .7rem;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.scene-control:hover .scene-control__tooltip,.scene-control:focus-visible .scene-control__tooltip,.scene-control:active .scene-control__tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:760px){.site-header__inner{gap:1rem}.site-header__nav{gap:.65rem}.site-header__nav a,.site-header__nav button{padding:.65rem .85rem;font-size:.95rem}.site-header__brand img{width:46px;height:46px}.site-header__brand{font-size:1.6rem}.site-header__actions .icon-button{width:2rem;height:2rem}.hero__copy{top:.3rem}}@media(max-width:560px){.site-header__inner{flex-wrap:wrap;padding-block:.8rem;gap:.9rem}.site-header__brand{flex:1}.site-header__actions{order:1}.site-header__nav{order:2;width:100%;justify-content:space-between;margin:0}.site-header__nav a,.site-header__nav button{padding:.55rem 1.15rem}.hero{padding-block:10.5rem 3rem}.hero__copy{top:0}.hero h1{font-size:1.4rem}.hero__scribble{width:68px;height:22px}.crane-room__stage{height:max(310px,calc(100dvh - 18rem))}.hero__eyebrow{font-size:.68rem;margin-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.crane-room__canvas{transition:none}}.contact-block{position:relative;isolation:isolate;display:block;background:var(--ink);color:var(--ink-text);box-sizing:border-box;min-height:100svh;min-height:100dvh;padding:0;scroll-snap-align:start;scroll-snap-stop:always}.scene-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(70% 55% at 50% 52%,rgb(179 41 77 / .55) 0%,rgb(46 19 60 / .5) 45%,transparent 78%),radial-gradient(90% 70% at 18% 78%,rgb(96 28 84 / .4) 0%,transparent 70%),var(--ink)}.scene-bg__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .9s var(--ease)}.scene-bg[data-status=ready] .scene-bg__canvas{opacity:1}@media(prefers-reduced-motion:reduce){.scene-bg__canvas{transition:none}}.contact-orbit{position:absolute;inset:0;z-index:2;max-width:1200px;margin-inline:auto;pointer-events:none}.contact-orbit__link{position:absolute;display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.35rem;min-height:52px;color:#25384a;background:#f8eedb;border:1.5px solid #374458;border-radius:50px;box-shadow:4px 5px #0f0c2359;font-weight:650;font-size:1rem;text-decoration:none;pointer-events:auto;animation:contact-float 6s ease-in-out infinite;transition:background .2s,box-shadow .2s}.contact-orbit__link img{width:22px;height:22px;object-fit:contain}.contact-orbit__link:hover,.contact-orbit__link:focus-visible{background:#fff;box-shadow:6px 8px #0f0c2366;animation-play-state:paused}.contact-orbit__instagram{right:66%;top:34%;--tilt: -8deg}.contact-orbit__linkedin{left:67%;top:46%;--tilt: 7deg;animation-delay:-2s;background:#c7dcd4}.contact-orbit__email{right:64%;top:65%;--tilt: -4deg;animation-delay:-4s;background:#e1d5ed}@keyframes contact-float{0%,to{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-12px) rotate(calc(var(--tilt) + 3deg))}}@media(max-width:760px){.contact-orbit__instagram{right:auto;left:5%;top:32%}.contact-orbit__linkedin{left:auto;right:4%;top:52%}.contact-orbit__email{right:auto;left:8%;top:74%}.contact-orbit__link{font-size:.9rem;padding:.8rem 1rem;gap:.5rem}}@media(max-width:420px){.contact-orbit__instagram{top:32%;left:auto;right:4%}.contact-orbit__linkedin{top:57%;right:auto;left:4%}.contact-orbit__email{top:72%;left:10%}}@media(max-width:560px){.contact-orbit__link{width:58px;height:58px;padding:0;justify-content:center;gap:0;border-radius:50%}.contact-orbit__link>span:last-child{display:none}.contact-orbit__link>span:first-of-type{position:absolute;top:calc(100% + 8px);padding:.3rem .6rem;background:#f8eedb;color:#25384a;border-radius:8px;font-size:.75rem;opacity:0;transition:opacity .2s;white-space:nowrap}.contact-orbit__link:hover>span:first-of-type,.contact-orbit__link:focus-visible>span:first-of-type{opacity:1}}@media(prefers-reduced-motion:reduce){.contact-orbit__link{animation:none;transform:rotate(var(--tilt))}}.nav-menu{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);background:var(--bg);animation:fade-in var(--duration) var(--ease)}.nav-menu a,.nav-menu button:not(.nav-menu__close){border:0;background:none;font-family:var(--font-display);font-size:var(--step-3);font-weight:600;letter-spacing:-.02em;color:var(--text);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.nav-menu a:hover,.nav-menu button:not(.nav-menu__close):hover{color:var(--accent)}.nav-menu__close{position:absolute;top:var(--space-5);right:var(--gutter);display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease)}.nav-menu__close:hover{background:var(--surface-hover)}.cv-overlay{position:fixed;inset:0;z-index:50;border:0;background:#0c0a188c;cursor:pointer;animation:fade-in var(--duration-fast) var(--ease)}.cv-panel{position:fixed;top:0;right:0;bottom:0;z-index:51;display:flex;width:min(100%,48rem);flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-subtle);box-shadow:var(--shadow-lg);animation:slide-in var(--duration) var(--ease)}.cv-panel iframe{flex:1;width:100%;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.cv-download{align-self:center;padding:.8rem 1.5rem;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:600;text-decoration:none;transition:background-color var(--duration-fast) var(--ease)}.cv-download:hover{background:var(--accent-hover)}.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateZ(0);will-change:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}:root[data-theme=dark] .site-header__brand img{filter:invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .site-header__brand img{filter:invert(1)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.hero__scroll{animation:none!important}}.tear-intro{position:fixed;inset:0;z-index:200;transition:opacity var(--duration-slow) var(--ease)}.tear-intro[data-phase=preparing]{background:var(--bg)}.tear-intro[data-phase=leaving]{opacity:0;pointer-events:none}.tear-intro__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tear-intro__hint{position:absolute;opacity:0;transition:opacity var(--duration-slow) var(--ease);pointer-events:none}.tear-intro[data-phase=tearing] .tear-intro__hint{opacity:1}.tear-intro__hint{left:50%;bottom:var(--space-8);display:inline-flex;align-items:center;gap:var(--space-3);transform:translate(-50%);margin:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#0c0a18b8;color:#fff;font-size:var(--step--1);font-weight:600;letter-spacing:.02em;white-space:nowrap;animation:tear-hint 2.6s var(--ease) infinite}@keyframes tear-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.tear-intro__hint{animation:none}}