/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans", system-ui, sans-serif;--font-serif:"Fraunces", "Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--c-bg:#14100d;--c-bg-soft:#1d1814;--c-elev:#261e18;--c-line:#f1e2c814;--c-line-bold:#f1e2c82e;--c-ink:#f3e9d6;--c-ink-soft:#d8caa9;--c-muted:#8d7e6a;--c-muted-2:#5e5547;--c-amber:#e0903a;--c-amber-2:#f4b860;--c-wine:#9c2a3a;--c-forest:#3d6b48;--c-cream:#f7eed8}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{background:var(--c-bg);min-height:100vh;color:var(--c-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}::selection{color:var(--c-cream);background:#e0903a52}a{color:inherit}button{font:inherit;cursor:pointer}.bedroom{z-index:-1;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.bd-wall{background:radial-gradient(70% 50% at 70% 20%,#f4b86014,#0000 60%),radial-gradient(60% 60% at 25% 80%,#9c2a3a0d,#0000 60%),repeating-linear-gradient(#0000 0,#0000 90px,#f1e2c805 90px,#f1e2c805 91px),linear-gradient(#1c1611,#14100d 60%,#0d0907);position:absolute;top:0;right:0;bottom:0;left:0}.bd-window{border-radius:4px;width:clamp(180px,22vw,360px);height:clamp(220px,38vw,520px);position:absolute;top:7%;right:8%}.bd-window-glow{filter:blur(60px);background:radial-gradient(at 60% 40%,#f4b86052,#e0903a14 55%,#0000 90%);position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%}.bd-window-frame{background:linear-gradient(#f4b8600a,#0000),linear-gradient(#f4b8600f,#f4b86005,#0000);border:3px solid #3c261699;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px #f4b8600f,0 0 120px #f4b8600d}.bd-window-frame:before,.bd-window-frame:after{content:"";background:#3c26168c;position:absolute}.bd-window-frame:before{width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)}.bd-window-frame:after{height:3px;top:50%;left:0;right:0;transform:translateY(-50%)}.bd-shelf{opacity:.55;filter:blur(.5px);background:repeating-linear-gradient(0deg,#00000026 0,#00000026 28px,#3c26162e 28px,#3c26162e 32px,#0003 32px,#0003 60px,#3c26162e 60px,#3c26162e 64px,#0000002e 64px,#0000002e 92px,#3c26162e 92px,#3c26162e 96px);width:9%;height:50%;position:absolute;top:12%;left:3%}.bd-frame{opacity:.65;background:linear-gradient(135deg,#f1e2c80f,#0000 60%);border:2px solid #3c261680;width:7%;height:14%;position:absolute;top:14%;left:18%;transform:rotate(-1.5deg);box-shadow:0 6px 12px #0000004d,inset 0 0 8px #0006}.bd-desk{background:radial-gradient(60% 100% at 50% 0,#f4b8601a,#0000 70%),linear-gradient(#0000,#28180eb3 25%,#140c08),repeating-linear-gradient(85deg,#3c231226 0,#3c231226 14px,#5032182e 14px,#5032182e 18px,#28180e33 18px,#28180e33 38px);border-top:1px solid #f4b8602e;height:28%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #f4b86014}.bd-lamp{filter:blur(48px);background:radial-gradient(circle,#f4b8602e,#e0903a0d 45%,#0000 70%);width:clamp(280px,35vw,540px);height:clamp(280px,35vw,540px);animation:6s ease-in-out infinite lamp-flicker;position:absolute;bottom:18%;left:12%}@keyframes lamp-flicker{0%,to{opacity:1}45%{opacity:.92}47%{opacity:1}60%{opacity:.95}}.bd-vignette{background:radial-gradient(90% 90%,#0000 50%,#00000080);position:absolute;top:0;right:0;bottom:0;left:0}.paper{z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;top:0;right:0;bottom:0;left:0}.warm-wash{z-index:-2;pointer-events:none;background:radial-gradient(70% 50% at 80% 10%,#e0903a14,#0000 60%),radial-gradient(60% 50% at 0 95%,#9c2a3a0d,#0000 60%);position:fixed;top:0;right:0;bottom:0;left:0}:root{--scroll-blur:0px}.fx-stage{perspective:1600px;perspective-origin:50%}.fx-section{--fx-scale:1;--fx-tz:0px;--fx-op:1;transform:scale(var(--fx-scale)) translateZ(var(--fx-tz));opacity:var(--fx-op);transform-origin:50%;will-change:transform,opacity,filter;filter:blur(var(--scroll-blur,0px));transition:filter .18s}.cinema-stage{will-change:filter;filter:blur(var(--scroll-blur,0px));perspective:2400px;perspective-origin:50%;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;width:100%;min-height:100vh;padding:5.5rem 1rem 4.5rem;transition:filter .18s;display:grid;position:relative;overflow:hidden}.room{pointer-events:none;opacity:1;transition:opacity 1.4s;position:absolute;top:0;right:0;bottom:0;left:0}.cinema-stage.zoomed .room{opacity:0}.room-bg{background:radial-gradient(at 50% 100%,#1c1610cc,#000000f2 70%),linear-gradient(#060508,#0a0807);position:absolute;top:0;right:0;bottom:0;left:0}.room-window-glow{filter:blur(60px);background:linear-gradient(160deg,#f4b86047,#e0903a14 55%,#0000 90%);border-radius:12px;width:30%;height:58%;position:absolute;top:6%;right:8%}.room-window-frame{background:linear-gradient(#f4b86006,#0000),repeating-linear-gradient(90deg,#0000 0,#0000 calc(50% - .5px),#f1e2c80a calc(50% - .5px),#f1e2c80a calc(50% + .5px),#0000 calc(50% + .5px));border:1px solid #f1e2c80a;border-radius:4px;width:30%;height:58%;position:absolute;top:6%;right:8%;box-shadow:inset 0 0 100px #f4b8600d}.room-desk{background:linear-gradient(#0000,#140e0899 35%,#0a0603f2);height:32%;position:absolute;bottom:0;left:0;right:0}.room-desk:after{content:"";background:linear-gradient(90deg,#0000,#e0903a33,#0000);height:1px;position:absolute;top:35%;left:0;right:0}.room-lamp{filter:blur(32px);background:radial-gradient(circle,#f4b86052,#0000 60%);width:360px;height:360px;animation:6s ease-in-out infinite lamp;position:absolute;bottom:22%;left:12%}@keyframes lamp{0%,to{opacity:1}45%{opacity:.88}47%{opacity:1}60%{opacity:.94}}.laptop-camera{transform-origin:50%;filter:blur(2px);transition:transform 1.6s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(.32)translateY(8vh)}.cinema-stage.zoomed .laptop-camera{filter:blur();transition:transform 1.6s cubic-bezier(.4,0,.2,1),filter 1s .4s;transform:scale(1)translateY(0)}.laptop{width:min(740px,82vw,118vh - 177px);transform-style:preserve-3d;cursor:grab;touch-action:none;flex-direction:column;display:flex;position:relative;transform:rotateX(25deg)rotateY(0)}.laptop.dragging{cursor:grabbing}.laptop-lid{aspect-ratio:16/10;transform-origin:bottom;background:linear-gradient(#1f1813,#0a0706);border:1px solid #f1e2c80f;border-radius:14px 14px 4px 4px;width:100%;padding:12px;transition:transform 1.6s cubic-bezier(.32,.72,.35,1);position:relative;transform:rotateX(-92deg);box-shadow:0 -4px 14px #0009,inset 0 1px #f1e2c80d}.laptop-lid.is-open{transform:rotateX(-2deg)}.laptop.interactive .laptop-lid{cursor:pointer}.laptop-lid:before{content:"";z-index:5;background:#050507;border-radius:0 0 6px 6px;width:70px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.laptop-lid:after{content:"";z-index:6;background:#1a1311;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.laptop-screen{filter:brightness(0);background:radial-gradient(at top,#15110d,#08070a);border-radius:4px;width:100%;height:100%;transition:filter .6s .7s;position:relative;overflow:hidden}.laptop-lid.is-open .laptop-screen{filter:brightness()}.laptop-screen:after{content:"";background:var(--c-cream);opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.laptop-lid.is-open .laptop-screen:after{animation:.5s 1.1s flash}@keyframes flash{0%{opacity:0}30%{opacity:.18}to{opacity:0}}.laptop-base{aspect-ratio:24;z-index:2;background:linear-gradient(#2a221d,#1a1310 35%,#0d0907);border-radius:4px 4px 18px 18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #f1e2c80f,0 60px 90px -30px #000000d9,0 0 60px -20px #e0903a1a}.laptop-base:before{content:"";background:linear-gradient(90deg,#0000,#f1e2c833,#0000);border-radius:0 0 50% 50%;height:2px;position:absolute;top:0;left:12%;right:12%}.kb{pointer-events:none;flex-direction:column;gap:1.4%;display:flex;position:absolute;top:8%;right:4%;bottom:38%;left:4%}.kb-row{flex:1;gap:.7%;display:flex}.kb-row-fn{flex:.6}.kb-key{background:linear-gradient(#3a3027,#20171f00 0%,#1d1612 60%,#100a07);border:.5px solid #0000008c;border-radius:2px;flex:1;position:relative;box-shadow:inset 0 1px #f1e2c812,inset 0 -1px #0000008c}.kb-key:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#f1e2c80a,#0000 50%);position:absolute;top:0;right:0;bottom:0;left:0}.kb-key-1-25{flex:1.25}.kb-key-1-5{flex:1.5}.kb-key-1-75{flex:1.75}.kb-key-2{flex:2}.kb-key-space{flex:6.5}.laptop-trackpad{background:linear-gradient(#f1e2c80a,#f1e2c803);border:.5px solid #f1e2c80f;border-radius:5px;width:30%;height:24%;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 16px #00000080}.terminal{width:100%;height:100%;font-family:var(--font-mono);flex-direction:column;display:flex}.terminal-header{background:#f1e2c806;border-bottom:1px solid #f1e2c80a;align-items:center;gap:6px;padding:8px 12px;display:flex}.tdot{border-radius:50%;width:11px;height:11px}.tdot-r{background:#ff5f57}.tdot-y{background:#febc2e}.tdot-g{background:#28c840}.terminal-title{text-align:center;color:var(--c-muted-2);letter-spacing:.04em;flex:1;font-size:.7rem}.terminal-body{color:var(--c-ink-soft);flex:1;padding:14px 20px;font-size:clamp(.7rem,1.5vw,.9rem);line-height:1.6;overflow:hidden}.term-line{margin-bottom:4px}.prompt{color:var(--c-amber-2);-webkit-user-select:none;user-select:none}.command{color:var(--c-cream)}.output{margin:2px 0 12px;padding-left:16px}.output.name{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.02em;margin-top:4px;font-size:clamp(1.6rem,4vw,2.6rem);font-style:italic;font-weight:400;line-height:1}.output.amber{color:var(--c-amber-2)}.caret{color:var(--c-amber-2);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.fade-up{animation:.55s cubic-bezier(.22,1,.36,1) both fadeUp}.fade-up-1{animation-delay:50ms}.fade-up-2{animation-delay:.18s}.fade-up-3{animation-delay:.31s}.fade-up-4{animation-delay:.44s}.fade-up-5{animation-delay:.57s}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cinema-hint{font-family:var(--font-mono);color:var(--c-muted);opacity:0;text-align:center;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:92vw;font-size:.7rem;transition:opacity .6s .3s,transform .6s .3s;display:flex;position:absolute;bottom:max(5vh,1.5rem);left:50%;transform:translate(-50%)translateY(8px)}.cinema-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.cinema-hint kbd{font-family:var(--font-mono);color:var(--c-ink-soft);background:#f1e2c80d;border:1px solid #f1e2c81a;border-radius:4px;padding:2px 6px;font-size:.7rem}.cinema-hint button{pointer-events:auto}.scroll-cue{font-family:var(--font-mono);color:var(--c-muted);letter-spacing:.25em;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;font-size:.65rem;transition:opacity .6s .5s;display:flex;position:absolute;bottom:1.2rem;right:1.2rem}.scroll-cue.visible{opacity:1}.scroll-cue .arrow{animation:1.6s ease-in-out infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.section{scroll-snap-align:start;scroll-snap-stop:normal;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 0 3.5rem;display:flex;position:relative}.cinema-stage{scroll-snap-align:start}@media(max-width:640px){.section{min-height:auto;padding:4rem 0 3rem}}.chapter{border-bottom:1px solid var(--c-line);align-items:flex-end;gap:1.5rem;margin-bottom:4rem;padding-bottom:1.5rem;display:flex;position:relative}.chapter-numeral{font-family:var(--font-serif);color:var(--c-amber);flex-shrink:0;font-size:clamp(4rem,10vw,7rem);font-style:italic;font-weight:400;line-height:.85}.chapter-meta{flex-direction:column;flex:1;gap:.5rem;padding-bottom:.6rem;display:flex}.chapter-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3em;color:var(--c-muted);font-size:.7rem}.chapter-title{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3rem);font-weight:400;line-height:1}.chapter-title em{color:var(--c-amber-2);font-style:italic}.chapter-counter{font-family:var(--font-mono);letter-spacing:.2em;color:var(--c-muted-2);align-self:flex-end;padding-bottom:.6rem;font-size:.7rem}.lead{font-family:var(--font-serif);color:var(--c-ink);letter-spacing:-.01em;max-width:60ch;font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:400;line-height:1.45}.lead em{color:var(--c-amber-2);font-style:italic}.facts-grid{background:var(--c-line);border:1px solid var(--c-line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;display:grid;overflow:hidden}.fact{background:var(--c-bg-soft);padding:1.25rem 1rem}.fact-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--c-muted);font-size:.65rem}.fact-v{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.01em;margin-top:.4rem;font-size:1.4rem;font-style:italic}.skill-grid{border:1px solid var(--c-line);background:linear-gradient(#f1e2c805,#0000);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;display:grid;overflow:hidden}.skill-cell{border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:1.85rem 1.6rem;transition:background .4s;position:relative}.skill-cell:hover{background:#e0903a0a}.skill-cell-title{font-family:var(--font-serif);color:var(--c-cream);justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-size:1.4rem;font-style:italic;display:flex}.skill-cell-num{font-family:var(--font-mono);color:var(--c-amber);letter-spacing:.2em;font-size:.7rem}.skill-pills{flex-wrap:wrap;gap:.4rem;display:flex}.skill-pill{border:1px solid var(--c-line);color:var(--c-ink-soft);background:#f1e2c805;border-radius:999px;align-items:center;padding:5px 11px;font-size:.78rem;transition:transform .3s,border-color .3s,color .3s;display:inline-flex}.skill-pill:hover{border-color:var(--c-amber);color:var(--c-amber-2);transform:translateY(-2px)}.timeline{flex-direction:column;display:flex}.tl-item{border-top:1px solid var(--c-line);text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:12px;grid-template-columns:9rem 1fr auto;gap:2rem;width:calc(100% + 2rem);margin:0 -1rem;padding:1.85rem 1rem;transition:background .4s,transform .4s;display:grid;position:relative}.tl-item:hover{background:#e0903a09}.tl-item:first-child{border-top:none}@media(max-width:700px){.tl-item{grid-template-columns:1fr;gap:.6rem;padding:1.5rem 1rem}.tl-period-cell{order:2}.tl-arrow-cell{order:3;align-self:flex-end}}.tl-period{font-family:var(--font-mono);letter-spacing:.18em;color:var(--c-muted);text-transform:uppercase;padding-top:.35rem;font-size:.7rem}.tl-body{gap:1.2rem;min-width:0;display:flex}.tl-logo{background:var(--c-cream);border:1px solid var(--c-line-bold);object-fit:contain;border-radius:50%;flex-shrink:0;width:52px;height:52px;padding:5px;transition:transform .4s}.tl-item:hover .tl-logo{transform:scale(1.05)}.tl-content{flex:1;min-width:0}.tl-role{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.01em;font-size:1.4rem;font-weight:500;line-height:1.2}.tl-company{color:var(--c-amber-2);margin-top:.15rem;font-size:.95rem}.tl-detail{color:var(--c-ink-soft);max-width:60ch;margin-top:.85rem;font-size:.92rem;line-height:1.6}.tl-tags{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.tl-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);border:1px solid var(--c-line);border-radius:4px;padding:3px 8px;font-size:.65rem}.tl-arrow{border:1px solid var(--c-line);width:36px;height:36px;color:var(--c-muted);background:#f1e2c80a;border-radius:50%;align-self:center;place-items:center;font-size:.95rem;transition:background .3s,color .3s,transform .3s,border-color .3s;display:grid}.tl-item:hover .tl-arrow{background:var(--c-amber);color:#1a1310;border-color:var(--c-amber);transform:rotate(-45deg)}.tl-rule{background:linear-gradient(90deg,var(--c-amber),transparent);width:0;height:1px;transition:width .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:1rem;right:1rem}.tl-item:hover .tl-rule{width:calc(100% - 2rem)}.exp-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#08070ab3;place-items:center;padding:clamp(1rem,4vw,2.5rem);animation:.3s overlayIn;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.exp-sheet{background:var(--c-elev);border:1px solid var(--c-line-bold);border-radius:24px;width:min(720px,100%);max-height:90vh;padding:clamp(1.5rem,4vw,2.75rem);animation:.4s cubic-bezier(.22,1,.36,1) sheetIn;position:relative;overflow-y:auto;box-shadow:0 60px 120px -30px #000000b3}@keyframes sheetIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.exp-close{border:1px solid var(--c-line);width:36px;height:36px;color:var(--c-ink-soft);background:#f1e2c80d;border-radius:50%;place-items:center;font-size:.8rem;transition:background .3s,transform .3s,color .3s;display:grid;position:absolute;top:1rem;right:1rem}.exp-close:hover{color:var(--c-cream);background:#e0903a26;transform:rotate(90deg)}.exp-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--c-amber);margin-bottom:1rem;font-size:.65rem}.exp-sheet-header{align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;display:flex}.exp-sheet-logo{background:var(--c-cream);border:1px solid var(--c-line-bold);object-fit:contain;border-radius:50%;flex-shrink:0;width:64px;height:64px;padding:6px}.exp-sheet-role{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.01em;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:500;line-height:1.15}.exp-sheet-company{color:var(--c-amber-2);margin-top:.2rem;font-size:.95rem}.exp-sheet-meta{font-family:var(--font-mono);letter-spacing:.18em;color:var(--c-muted);text-transform:uppercase;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.7rem;display:flex}.exp-sheet-summary{color:var(--c-ink);font-size:1rem;line-height:1.65}.exp-sheet-bullets{margin-top:1.25rem;padding:0;list-style:none}.exp-sheet-bullets li{color:var(--c-ink-soft);margin-bottom:.6rem;padding-left:1.5rem;font-size:.92rem;line-height:1.65;position:relative}.exp-sheet-bullets li:before{content:"→";color:var(--c-amber);font-family:var(--font-mono);position:absolute;left:0}.exp-sheet-tags{border-top:1px solid var(--c-line);flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.proj-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.proj-card{background:var(--c-elev);border:1px solid var(--c-line);--accent:var(--c-amber);border-radius:18px;flex-direction:column;padding:2rem 1.75rem 1.75rem;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.proj-card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 0 auto;transform:scaleX(.18)}.proj-card:hover{border-color:var(--c-line-bold);transform:translateY(-4px);box-shadow:0 30px 60px -25px #e0903a33}.proj-card:hover:before{transform:scaleX(1)}.proj-card.amber{--accent:var(--c-amber)}.proj-card.wine{--accent:var(--c-wine)}.proj-card.forest{--accent:var(--c-forest)}.proj-card.ink{--accent:var(--c-cream)}.proj-spotlight:after{content:"";background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#e0903a14,transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;top:0;right:0;bottom:0;left:0}.proj-spotlight:hover:after{opacity:1}.proj-meta{font-family:var(--font-mono);color:var(--c-muted);letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.7rem;display:flex}.proj-name{font-family:var(--font-serif);color:var(--c-cream);letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2rem);font-weight:500;line-height:1.05}.proj-name em{color:var(--accent);font-style:italic}.proj-blurb{color:var(--c-ink-soft);flex:1;margin-top:.85rem;font-size:.92rem;line-height:1.6}.proj-stack{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.proj-stack-item{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);border:1px solid var(--c-line);border-radius:4px;padding:3px 8px;font-size:.65rem}.contact-card{border:1px solid var(--c-line);background:radial-gradient(ellipse at top right,#e0903a14,transparent 60%),radial-gradient(ellipse at bottom left,#9c2a3a0f,transparent 60%),linear-gradient(180deg,var(--c-elev),var(--c-bg-soft));border-radius:28px;padding:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}.contact-headline{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--c-cream);font-size:clamp(2.5rem,7vw,5.5rem);font-weight:400;line-height:.95}.contact-headline em{color:var(--c-amber-2);font-style:italic}.btn-amber{background:var(--c-amber);color:#1a1310;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.btn-amber:hover{background:var(--c-amber-2);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--c-line-bold);color:var(--c-ink-soft);background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.9rem;transition:border-color .3s,color .3s,background .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--c-amber);color:var(--c-cream);background:#e0903a0d}.link-underline{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .4s cubic-bezier(.22,1,.36,1)}.link-underline:hover{background-size:100% 1px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.reveal-stagger.in-view>*{opacity:1;transform:translateY(0)}.reveal-stagger.in-view>:first-child{transition-delay:40ms}.reveal-stagger.in-view>:nth-child(2){transition-delay:.1s}.reveal-stagger.in-view>:nth-child(3){transition-delay:.16s}.reveal-stagger.in-view>:nth-child(4){transition-delay:.22s}.reveal-stagger.in-view>:nth-child(5){transition-delay:.28s}.reveal-stagger.in-view>:nth-child(6){transition-delay:.34s}.reveal-stagger.in-view>:nth-child(7){transition-delay:.4s}.reveal-stagger.in-view>:nth-child(8){transition-delay:.46s}.float-brand{z-index:40;-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-line);color:var(--c-cream);background:#14100db8;border-radius:999px;align-items:center;padding:.55rem 1rem;transition:border-color .3s,background .3s,color .3s;display:inline-flex;position:fixed;top:1.2rem;left:1.2rem}.float-brand:hover{border-color:var(--c-amber);color:var(--c-amber-2)}.brand-monogram{background:var(--c-amber);color:#1a1310;width:28px;height:28px;font-family:var(--font-serif);border-radius:6px;place-items:center;font-size:.95rem;font-style:italic;font-weight:700;display:grid}.brand-name{font-family:var(--font-serif);letter-spacing:-.005em;font-size:1.05rem;font-style:italic}.float-resume{z-index:40;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-line-bold);color:var(--c-cream);background:#14100db8;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.7rem;transition:border-color .3s,background .3s;display:inline-flex;position:fixed;top:1.2rem;right:1.2rem}.float-resume:hover{border-color:var(--c-amber);background:#e0903a14}.side-rail{z-index:40;-webkit-backdrop-filter:blur(10px);border:1px solid var(--c-line);background:#14100d80;border-radius:999px;flex-direction:column;gap:.25rem;padding:.5rem .4rem;display:flex;position:fixed;top:50%;right:1.1rem;transform:translateY(-50%)}@media(max-width:700px){.side-rail{display:none}}.rail-link{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .55rem;font-size:.7rem;transition:color .3s,background .3s;display:flex;position:relative}.rail-dot{background:var(--c-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s,transform .3s,box-shadow .3s}.rail-meta{align-items:center;gap:.45rem;display:none}.rail-link:hover .rail-meta,.rail-link.active .rail-meta{display:inline-flex}.rail-num{color:var(--c-amber)}.rail-link.active,.rail-link:hover{color:var(--c-cream);background:#f1e2c80a}.rail-link.active .rail-dot,.rail-link:hover .rail-dot{background:var(--c-amber);transform:scale(1.3);box-shadow:0 0 10px #e0903a99}.cinema-reset{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--c-line);color:var(--c-muted);background:#f1e2c808;border-radius:999px;padding:.25rem .7rem;font-size:.65rem;transition:color .3s,border-color .3s,background .3s}.cinema-reset:hover{color:var(--c-cream);border-color:var(--c-amber);background:#e0903a0f}.room-mug{filter:drop-shadow(0 6px 14px #0009);background:linear-gradient(#2a1f15,#18100a);border:2px solid #3a2a1d;border-top-color:#2a1f15;border-radius:4px 4px 6px 6px;width:56px;height:60px;position:absolute;bottom:8%;left:9%}.room-mug:after{content:"";border:4px solid #3a2a1d;border-left:none;border-radius:0 12px 12px 0;width:18px;height:28px;position:absolute;top:12px;right:-14px}.mug-steam{filter:blur(2px);background:linear-gradient(#f4b8608c,#0000);border-radius:50%;width:5px;height:22px;position:absolute;top:-22px}.mug-steam.s1{animation:3.4s ease-in-out infinite steam;left:14px}.mug-steam.s2{animation:3.6s ease-in-out -1.2s infinite steam;left:26px}.mug-steam.s3{animation:3.2s ease-in-out -2.2s infinite steam;left:38px}@keyframes steam{0%,to{opacity:.55;transform:translateY(0)scaleY(1)}50%{opacity:.05;transform:translateY(-12px)scaleY(1.4)}}.term-links{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.term-links a{color:var(--c-amber-2);text-underline-offset:3px;cursor:pointer;pointer-events:auto;-webkit-text-decoration:underline #f4b86066;text-decoration:underline #f4b86066;transition:color .3s,text-decoration-color .3s}.term-links a:hover{color:var(--c-cream);-webkit-text-decoration-color:var(--c-cream);text-decoration-color:var(--c-cream)}.scroll-progress{z-index:60;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress>span{background:linear-gradient(90deg,var(--c-amber),var(--c-wine));height:2px;display:block}.site-footer{border-top:1px solid var(--c-line);text-align:center;font-family:var(--font-mono);color:var(--c-muted-2);letter-spacing:.12em;padding:2.5rem 1.5rem;font-size:.7rem}.page-wrap{max-width:78rem;margin:0 auto;padding:0 1.5rem}.about-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:4rem;display:grid}@media(max-width:800px){.about-grid{grid-template-columns:1fr;gap:2.5rem}}.about-lead{padding-top:.5rem}.notebook{color:#2a1f12;perspective:2200px;background:linear-gradient(90deg,#0000002e 0,#0000002e 2px,#0000 2px,#0000),linear-gradient(-90deg,#0000002e 0,#0000002e 2px,#0000 2px,#0000),radial-gradient(#f0e3c4,#e8d8b3 70%,#d9c69a);border:1px solid #00000040;border-radius:8px;grid-template-columns:1fr 1fr;min-height:clamp(420px,60vh,540px);max-height:65vh;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -20px #000000b3,inset 0 0 60px #5032142e}@media(max-width:800px){.notebook{grid-template-columns:1fr;min-height:auto}.notebook-spine{display:none}}.notebook:before{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;right:0;bottom:0;left:0}.notebook-spine{z-index:3;pointer-events:none;background:radial-gradient(#00000059,#00000014 60%,#0000),repeating-linear-gradient(#00000059 0,#00000059 2px,#0000002e 2px,#0000002e 8px,#00000059 8px,#00000059 10px);width:24px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page{background:repeating-linear-gradient(#0000 0,#0000 28px,#5032141f 28px,#5032141f 29px);padding:1.6rem 1.8rem 2rem;position:relative;overflow-y:auto}.page::-webkit-scrollbar{width:6px}.page::-webkit-scrollbar-thumb{background:#50321433;border-radius:3px}@media(max-width:800px){.page{padding:1.5rem 1.3rem 1.75rem}.page+.page{border-top:1px solid #00000026}}.page-header{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#46321eb3;border-bottom:1px solid #5032142e;justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;padding-bottom:1rem;font-size:.65rem;display:flex}.page-num{font-family:var(--font-serif);color:#6b3d1c;font-size:1.1rem;font-style:italic}.page-eyebrow{color:#50321499}.page-footer{text-align:center;font-family:var(--font-serif);color:#50321480;font-size:.85rem;font-style:italic;position:absolute;bottom:.8rem;left:0;right:0}.nb-index{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nb-index-row{text-align:left;width:100%;font-family:var(--font-sans);cursor:pointer;color:#2a1f12;background:0 0;border:none;border-bottom:1px dotted #50321440;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.85rem;padding:.6rem .5rem;transition:background .3s,transform .2s;display:grid}.nb-index-row:hover{background:#ffdc822e}.nb-index-row.is-active{background:#e0903a2e}.nb-row-n{font-family:var(--font-mono);letter-spacing:.12em;color:#8a5a26;font-size:.7rem}.nb-row-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.nb-row-role{font-family:var(--font-serif);letter-spacing:-.005em;font-size:1rem;font-weight:500;line-height:1.15}.nb-index-row.is-active .nb-row-role{color:#5b1f12}.nb-row-co{color:#46321ebf;font-size:.78rem}.nb-row-period{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#46321ea6;white-space:nowrap;font-size:.62rem}.nb-detail{flex-direction:column;gap:1rem;display:flex}.nb-detail-head{align-items:flex-start;gap:1rem;display:flex}.nb-detail-logo{object-fit:contain;background:#fff;border:2px solid #50321466;border-radius:50%;flex-shrink:0;width:56px;height:56px;padding:5px;box-shadow:0 4px 10px #00000026}.nb-detail-role{font-family:var(--font-serif);color:#1c1108;letter-spacing:-.01em;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:500;line-height:1.1}.nb-detail-co{color:#8a4a18;font-family:var(--font-serif);margin-top:.2rem;font-size:1rem;font-style:italic}.nb-detail-loc{color:#46321eb3;font-size:.85rem;font-style:normal}.nb-detail-summary{color:#2c1f12;margin-top:.5rem;font-size:.95rem;line-height:1.6}.nb-detail-bullets{font-family:"Caveat",var(--font-serif),cursive;color:#1c1108;flex-direction:column;gap:.45rem;margin:.4rem 0 0;padding:0;font-size:1.15rem;line-height:1.4;list-style:none;display:flex}.nb-detail-bullets li{padding-left:1.6rem;position:relative}.nb-detail-bullets li:before{content:"→";color:#b14a18;font-family:var(--font-mono);font-size:.95rem;position:absolute;top:0;left:0}.nb-detail-tags{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.nb-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:#6b3d1c;background:#fff0c866;border:1px solid #50321459;border-radius:3px;padding:3px 7px;font-size:.62rem}.page-flip{transform-origin:0;backface-visibility:hidden;animation:.55s cubic-bezier(.25,1,.4,1) nbFlip}@keyframes nbFlip{0%{opacity:0;transform:rotateY(-65deg)}60%{opacity:1}to{opacity:1;transform:rotateY(0)}}.corkboard{background:radial-gradient(circle at 20% 15%,#00000038,#0000 40%),radial-gradient(circle at 80% 85%,#0003,#0000 45%),repeating-radial-gradient(circle,#6e4a26 0,#6e4a26 1px,#0000 1px,#0000 4px),linear-gradient(135deg,#8d5e2f,#6f4a23,#5b3c1c);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;gap:2rem 1.5rem;min-height:calc(100vh - 220px);padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:relative;box-shadow:inset 0 0 90px #0000008c,0 30px 60px -20px #000000b3}.pinned{position:relative}.pin{z-index:4;background:radial-gradient(circle at 30% 30%,#f4b860,#d97706 60%,#6b3d1c);border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #00000080}.polaroid{--rot:0deg;color:#1c1108;height:100%;transform:rotate(var(--rot));cursor:pointer;background:#f6ecd5;border-radius:3px;flex-direction:column;padding:14px 14px 18px;text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:flex;position:relative;box-shadow:0 12px 28px -10px #000000b3,0 2px 4px #0000004d}.polaroid:after{content:"";opacity:.06;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;right:0;bottom:0;left:0}.polaroid:hover{z-index:5;transform:rotate(0)translateY(-8px)scale(1.02);box-shadow:0 28px 50px -12px #000c,0 6px 14px #0006}.polaroid-photo{aspect-ratio:4/3;color:#f7eed8;background:linear-gradient(135deg,var(--photo-from),var(--photo-to));border-radius:2px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:relative;overflow:hidden}.polaroid-photo:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#0006);position:absolute;top:0;right:0;bottom:0;left:0}.accent-amber{--photo-from:#d97706;--photo-to:#2a1810}.accent-wine{--photo-from:#9c2a3a;--photo-to:#1a0a14}.accent-forest{--photo-from:#3d6b48;--photo-to:#0e1a14}.accent-ink{--photo-from:#2a221d;--photo-to:#08070a}.polaroid-tag{font-family:var(--font-mono);letter-spacing:.18em;background:#00000059;border-radius:3px;align-self:flex-start;padding:2px 7px;font-size:.7rem}.polaroid-title{font-family:var(--font-serif);letter-spacing:-.01em;z-index:1;align-self:flex-start;margin-top:auto;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:500;line-height:1.05}.polaroid-link{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#f7eed8bf;z-index:1;margin-top:.4rem;font-size:.65rem}.polaroid-caption{font-family:"Caveat",var(--font-serif),cursive;margin-top:12px;padding:0 4px}.caption-blurb{color:#2c1f12;font-size:1.1rem;line-height:1.25}.caption-meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#46321ea6;margin-top:.4rem;font-size:.62rem}.caption-stack{font-family:var(--font-mono);letter-spacing:.12em;color:#46321e8c;margin-top:.2rem;font-size:.62rem}.sticky-note{--rot:-2deg;--note:#fbe079;--ink:#2a1f12;background:var(--note);height:100%;color:var(--ink);transform:rotate(var(--rot));border-radius:1px;flex-direction:column;min-height:180px;padding:1.2rem 1.1rem 1rem;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:flex;position:relative;box-shadow:0 14px 24px -8px #0000008c,0 2px 4px #0000004d}.sticky-note:hover{z-index:4;transform:rotate(0)translateY(-5px);box-shadow:0 22px 36px -10px #000000a6,0 4px 8px #00000059}.color-amber{--note:#fbe079}.color-cream{--note:#f4ead2}.color-sage{--note:#c8d6b0}.color-rose{--note:#f1b8a8}.sticky-note .tape{background:#ffffff73;border-left:1px dashed #0000000d;border-right:1px dashed #0000000d;width:70px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 2px 4px #0003}.sticky-title{font-family:var(--font-serif);color:var(--ink);border-bottom:1px solid #0000002e;margin-bottom:.6rem;padding-bottom:.35rem;font-size:1.25rem;font-style:italic;font-weight:500}.sticky-list{font-family:"Caveat",var(--font-serif),cursive;flex-direction:column;gap:.2rem;margin:0;padding:0;font-size:1.1rem;line-height:1.3;list-style:none;display:flex}.sticky-list li:before{content:"·  ";color:#0000008c}.shelf-list{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.book-card{background:linear-gradient(135deg,var(--c-elev) 0%,var(--c-bg-soft) 100%);border:1px solid var(--c-line);border-radius:12px;grid-template-columns:8px 64px 1fr;align-items:center;gap:1.5rem;padding:1.6rem 1.8rem 1.6rem 0;transition:border-color .3s,transform .3s,box-shadow .4s;display:grid;position:relative;overflow:hidden}.book-card:hover{border-color:var(--c-line-bold);transform:translateY(-2px);box-shadow:0 18px 40px -18px #e0903a33}.book-spine{background:linear-gradient(180deg,var(--c-amber),var(--c-wine));height:100%}.book-logo{background:var(--c-cream);border:1px solid var(--c-line-bold);object-fit:contain;border-radius:50%;width:56px;height:56px;padding:6px}.book-meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);gap:.5rem;margin-bottom:.45rem;font-size:.65rem;display:flex}.book-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--c-cream);font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:500}.book-degree{color:var(--c-amber-2);margin-top:.2rem}.book-detail{color:var(--c-ink-soft);max-width:60ch;margin-top:.6rem;font-size:.92rem;line-height:1.6}.envelope{color:#1c1108;background:linear-gradient(#f1e3c5,#e6d4ad);border:1px solid #0003;border-radius:6px;padding:clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 60px #5032141a}.envelope:before{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;top:0;right:0;bottom:0;left:0}.envelope-stamp{background:radial-gradient(ellipse at center,#e0903a40,transparent 70%),repeating-linear-gradient(to right,#50321466 0 1px,transparent 1px 5px),linear-gradient(180deg,var(--c-amber),var(--c-wine));color:#f7eed8;width:80px;height:96px;font-family:var(--font-mono);letter-spacing:.2em;text-align:center;border:4px dotted #00000059;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;top:1.5rem;right:1.5rem;transform:rotate(8deg);box-shadow:0 4px 8px #0000004d}.stamp-yr{font-family:var(--font-serif);letter-spacing:0;margin-top:.4rem;font-size:1rem;font-style:italic}.envelope-body{max-width:60ch;position:relative}.envelope-greeting{font-family:"Caveat",var(--font-serif),cursive;color:#6b3d1c;font-size:1.6rem}.envelope-text{color:#2a1f12;margin-top:.5rem;font-size:1.05rem;line-height:1.6}.envelope-sign{font-family:"Caveat",var(--font-serif),cursive;color:#6b3d1c;margin-top:1.5rem;font-size:1.8rem}.envelope-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.75rem;display:flex}.envelope-actions .btn-amber{background:var(--c-amber);color:#1a1310}.envelope-actions .btn-amber:hover{background:var(--c-amber-2)}.envelope-actions .btn-ghost{color:#2a1f12;background:#fff0c866;border-color:#50321459}.envelope-actions .btn-ghost:hover{color:#1c1108;background:#e0903a2e;border-color:#6b3d1c}.envelope-links{color:#6b3d1c;flex-wrap:wrap;gap:1.4rem;margin-top:1.4rem;font-size:.95rem;display:flex}.envelope-links a:hover{color:#1c1108}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.laptop-camera{filter:none;transform:scale(1)translateY(0)}.laptop-lid{transform:rotateX(-2deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}