:root{color-scheme:dark;--cream:#f4ead5;--muted:#c5b89f;--gold:#dfbd7c;--ink:#332c22;--paper:#efe4cb;--sans:"DM Sans",sans-serif;--serif:"Instrument Serif",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#29241e;color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button{color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:.98;letter-spacing:-.035em}h2{font-size:clamp(42px,4.2vw,66px)}h2 em{font-weight:400;color:#d9b879}h3{font-weight:550}::selection{background:#dfbd7c;color:#2b251d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--cream);color:var(--ink);padding:12px 20px}.skip-link:focus{top:12px}.room{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#2b261e;pointer-events:none;--dusk:0;--mx:0;--my:0;--reading:0}.room-camera{position:absolute;inset:0;will-change:transform;transform-origin:0 0}.room-arrival,.room-plane{position:absolute;inset:0}.room-plane{transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-3px)) scale(1.018)}.room-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.room-day{z-index:0}.room-night{opacity:var(--dusk);z-index:1}.room-person{z-index:4;transform:translate(calc(var(--mx)*5px),calc(var(--my)*3px)) scale(.8);transform-origin:60% 50%;filter:brightness(calc(1 - var(--dusk)*.52)) saturate(calc(1 - var(--dusk)*.28));opacity:calc(1 - var(--reading)*.22)}.room-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,18,14,.45),transparent 20%,transparent 48%,rgba(21,18,14,.2) 58%,rgba(21,18,14,.84) 100%),linear-gradient(90deg,rgba(20,18,14,.36),transparent 60%)}.film-grain{position:absolute;inset:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.enhanced .room-arrival{animation:arrive 2.8s cubic-bezier(.15,.65,.25,1) both;transform-origin:58% 45%}@keyframes arrive{0%{transform:scale(1.07);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}.screen-glass{position:absolute;left:54%;top:25%;width:17.6%;height:14%;z-index:2;background:#20272ad9;transform:perspective(1500px) rotateY(-1deg);padding:1.2%;color:#adb9a8;font-size:clamp(5px,.55vw,10px);overflow:hidden;box-shadow:0 0 30px #b9dbeb18}.screen-glass>span{font-family:monospace;opacity:.7}.code-line{height:1px;width:65%;background:#8ea99985;margin-top:5%;box-shadow:5px 5px #99866777,0 10px #8faaa566}.code-line:nth-child(3){width:43%;margin-left:9%}.code-line:nth-child(4){width:74%}.screen-cursor{display:block;margin-top:10%;animation:cursor 1.5s steps(2) infinite}@keyframes cursor{50%{opacity:0}}.lamp-glow{position:absolute;z-index:3;left:71%;top:29%;width:16%;height:28%;background:radial-gradient(ellipse,#ffbe694d,transparent 65%);opacity:calc(.25 + var(--dusk)*.6);mix-blend-mode:screen}.steam{position:absolute;z-index:5;left:71.8%;top:37%;width:1.5%;height:5%;opacity:.35}.steam i{position:absolute;bottom:0;left:20%;width:20%;height:90%;border-left:2px solid #faf2de66;border-radius:50%;filter:blur(2px);animation:steam 5s infinite}.steam i:nth-child(2){left:60%;animation-delay:-1.6s}.steam i:nth-child(3){left:40%;animation-delay:-3s}@keyframes steam{0%{transform:translateY(10px) scaleX(.5);opacity:0}30%{opacity:.7}to{transform:translateY(-30px) scaleX(2);opacity:0}}.sun-dust{position:absolute;inset:0;z-index:6;opacity:calc(.65 - var(--dusk)*.5)}.sun-dust i{position:absolute;width:2px;height:2px;background:#ffedc1;border-radius:50%;animation:dust calc(9s + var(--i)*.35s) linear infinite;animation-delay:calc(var(--i)*-.7s)}@keyframes dust{0%{transform:translate(0);opacity:0}20%{opacity:.65}to{transform:translate(-35px,55px);opacity:0}}.studio-header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 42px;pointer-events:none;background:linear-gradient(#18171066,transparent)}.studio-header a,.studio-header button{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none}.monogram{font-family:var(--serif);font-size:50px;line-height:.8;letter-spacing:-4px}.monogram span{color:var(--gold)}.wordmark-label{font-size:10px;line-height:1.6;letter-spacing:.035em;color:#dfd5c0}.wordmark-label strong{font-weight:550;color:var(--cream);font-size:12px}.header-right{display:flex;align-items:center;gap:32px;font-size:11px}.availability{display:flex;align-items:center;gap:9px}.availability i,.status-dot{display:inline-block;width:5px;height:5px;background:#cad4a4;border-radius:50%;box-shadow:0 0 10px #cad4a440}.resume-link{text-decoration:none;border-bottom:1px solid #e6d7b94d;padding:4px 0}.resume-link span{margin-left:12px}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:100px 24px;justify-content:center}.hero-chapter{height:100svh;padding:0;display:block}.hero-copy{position:absolute;left:6%;bottom:21%;z-index:2}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;display:flex;gap:13px;align-items:center}.little-line{height:1px;width:28px;background:var(--gold)}.hero-copy h1{font-size:clamp(85px,9.2vw,155px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 11px;text-shadow:0 4px 50px #17151044}.hero-copy h1 em{color:#efd6a0}.hero-description{font-size:clamp(15px,1.25vw,19px);font-weight:400;line-height:1.65;color:#e9dec9;letter-spacing:.01em}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px;font-size:12px}.primary-action{display:inline-flex;align-items:center;gap:32px;background:#eee2c9;color:#342a1d;padding:14px 22px;text-decoration:none;border:1px solid #f7edd7;transition:background .2s,transform .2s}.primary-action:hover{background:#fff2d8;transform:translateY(-2px)}.primary-action>span{font-size:18px;line-height:1}.quiet-action{text-decoration:none;color:#e3d5be;border-bottom:1px solid #dfc9a46b;padding:6px 0}.quiet-action span{margin-left:14px}.hero-caption{position:absolute;right:5%;bottom:23%;font-family:var(--serif);font-size:25px;font-style:italic;line-height:1.2;color:#e6d7bd}.caption-rule{display:block;width:26px;height:1px;background:#d6b277;margin-bottom:16px}.scroll-invitation{position:absolute;bottom:105px;left:6%;display:flex;align-items:center;gap:14px;font-size:10px;color:#c6b79b;letter-spacing:.04em}.scroll-line{height:30px;width:1px;background:#d8c9ac77;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-50%;width:1px;height:50%;background:#ffe7b8;animation:scrollcue 2.8s infinite}@keyframes scrollcue{to{top:120%}}.room-hotspots{display:none}.enhanced .room-hotspots{display:block;position:fixed;inset:0;z-index:12;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:auto;text-decoration:none;transition:opacity .4s}.hotspot-dot{width:10px;height:10px;background:#fff4d8bb;border:1px solid #fff5d999;border-radius:50%;box-shadow:0 0 0 7px #fff5dc10,0 0 28px #f9dc9855;transition:box-shadow .3s,transform .3s}.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot{transform:scale(1.2);box-shadow:0 0 0 10px #fff5dc22,0 0 30px #f9dc9888}.hotspot-label{position:absolute;left:36px;top:0;padding:9px 15px;background:#28251cf2;border:1px solid #b8a68044;white-space:nowrap;font-size:12px;line-height:1.5;opacity:0;transform:translate(-5px);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 4px 20px #0003}.hotspot-label>span{display:block;color:#c9b28a;font-size:10px}.hotspot:hover,.hotspot:focus-visible{z-index:3}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1;transform:none}.hotspot[data-object=play] .hotspot-label,.hotspot[data-object=contact] .hotspot-label{left:auto;right:36px}.enhanced .chapter:not(.hero-chapter){height:125svh;min-height:700px;pointer-events:none}.enhanced .reading-surface{position:fixed;top:0;left:0;visibility:hidden;opacity:0;transform-origin:0 0;will-change:transform,opacity;pointer-events:none}.enhanced .reading-surface.is-active{pointer-events:auto}.reading-surface{width:min(740px,calc(100vw - 48px));max-height:calc(100svh - 180px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#a99b7f55 transparent;box-shadow:0 24px 100px #0007,0 3px 12px #0006;position:relative;isolation:isolate}.surface-toolbar{display:flex;align-items:center;gap:15px;padding:16px 30px;border-bottom:1px solid #cdbfa426;font-size:10px;letter-spacing:.035em}.surface-toolbar>span:first-child{flex:1}.surface-counter{opacity:.65}.surface-back{margin-left:12px;text-decoration:none;opacity:.7}.surface-back:hover{opacity:1}.surface-body{padding:32px 38px 24px}.surface-body>.eyebrow{margin-bottom:18px;opacity:.7}.surface-body>p:not(.eyebrow){margin-top:20px;font-size:15px;line-height:1.75;color:#d6ccba}.surface-body>.lead{font-family:var(--serif);font-size:25px;line-height:1.35;color:#f0e8d8;letter-spacing:.005em}.surface-foot{margin-top:28px;padding-top:16px;border-top:1px solid #cdbfa429;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#bcae97}.surface-foot a{text-decoration:none}.surface-foot a:hover{text-decoration:underline}.text-button{border:0;padding:5px 0;background:none;text-decoration:none;color:inherit;font-size:inherit}.text-button:hover{text-decoration:underline}.monitor-surface{background:#212a29;border:9px solid #303632;border-radius:9px;box-shadow:0 20px 90px #0008,0 0 80px #b7d9c51a}.monitor-surface .surface-toolbar{background:#1d2423;color:#b8c6b6;padding:10px 22px}.monitor-surface .surface-body{padding-top:28px}.monitor-surface .eyebrow{color:#c8d1b6}.monitor-surface h2 em{color:#bcccb0}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdbfa429;border-bottom:1px solid #cdbfa429;margin-top:26px;padding:15px 0}.proof-row>div{display:flex;flex-direction:column;padding:0 20px;border-left:1px solid #cdbfa429}.proof-row>div:first-child{padding-left:0;border:0}.proof-row strong{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.2}.proof-row strong>span{font-size:26px}.proof-row div>span{font-size:10px;color:#bcc6b8}.monitor-chin{padding:7px 20px;text-align:center;font-size:7px;text-transform:uppercase;letter-spacing:.2em;background:#303632;position:relative;color:#899088}.monitor-chin i{position:absolute;right:12px;top:12px;width:3px;height:3px;background:#c0d0a4;border-radius:50%}.piano-surface{background:linear-gradient(100deg,#3b2a20,#2d241d 60%,#38271d);border:1px solid #876344;border-top:7px solid #65472f;border-radius:3px}.piano-surface .surface-body{padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.handwritten{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.2;color:#cfb78c;transform:rotate(-4deg);display:inline-block}.section-heading .handwritten{text-align:right;padding-bottom:10px}.project-keys{margin-top:26px;border-top:1px solid #af94704d}.project-key{display:flex;align-items:center;gap:22px;width:100%;text-align:left;padding:13px 6px 13px 0;background:none;border:0;border-bottom:1px solid #af94704d;transition:background .2s}.project-key:hover,.project-key:focus-visible{background:#e7c8950a}.ivory-key{align-self:stretch;flex-shrink:0;width:49px;min-height:68px;background:linear-gradient(90deg,#e9dfc8,#fff6e2 45%,#e6dcc5);color:#41392c;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:7px 0 8px;box-shadow:0 4px #b3a48a,1px 4px 6px #0007;border-radius:0 0 3px 3px;transition:transform .12s,box-shadow .12s}.note-name{font-family:var(--serif);font-size:22px;color:#8a795b}.ivory-key>span:last-child{font-size:10px}.project-key:hover .ivory-key,.project-key.is-playing .ivory-key{transform:translateY(3px);box-shadow:0 1px #aa9776,0 2px 5px #0006}.project-company{display:block;font-size:9px;letter-spacing:.05em;color:#bfab8c;margin-bottom:5px}.in-progress{color:#d4c69f}.key-copy{display:block;flex:1}.key-copy>strong{display:block;font-size:17px;font-weight:450;line-height:1.3;letter-spacing:-.025em}.project-summary{display:block;font-size:11px;color:#c4b59e;line-height:1.55;margin-top:5px;max-width:49ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.key-arrow{color:#d7bd8c;font-size:22px;margin-left:auto}.piano-surface .surface-foot{border:0;padding-top:0;margin-top:18px}.paper-surface,.notebook-surface,.note-surface{color:var(--ink);background:var(--paper);border:1px solid #f9efdb;border-radius:1px}.paper-surface{background:linear-gradient(90deg,#dcd0b8,#f2e9d4 3% 97%,#e2d5bc)}.paper-surface h2 em,.notebook-surface h2 em,.note-surface h2 em{color:#8b6843}.paper-surface .surface-toolbar,.notebook-surface .surface-toolbar,.note-surface .surface-toolbar{border-color:#a18c6533}.paper-surface .surface-body>p:not(.eyebrow),.notebook-surface .surface-body>p:not(.eyebrow),.note-surface .surface-body>p:not(.eyebrow){color:#6a5d48}.paper-surface .surface-body>.lead,.note-surface .surface-body>.lead{color:#483d2d}.paper-surface .surface-foot,.notebook-surface .surface-foot,.note-surface .surface-foot{color:#7b684c;border-color:#a18c6533}.paper-clip{position:absolute;left:51%;top:0;width:18px;height:25px;border:3px double #806e4b;border-top:0;border-radius:0 0 5px 5px;z-index:2}.section-intro{font-size:13px!important;margin-top:14px!important}.experience-score{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 14px}.experience-entry{position:relative;border-top:1px solid #98876544;padding:12px 8px 8px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .3s,background .25s}.experience-entry.is-current{border-top-color:var(--note,#5e754b)}.career-detail{margin-top:12px;padding:10px 14px;border-left:2px solid #718064;font-size:12px;line-height:1.65;color:#6a5d48;min-height:60px}.role-dates{font-size:10px;color:#786a51;padding-top:3px}.role-detail h3{font-size:15px;line-height:1.3;font-weight:600}.role-detail>span{font-size:11px;color:#8a714f}.role-detail p{display:none;font-size:11px;color:#756751;line-height:1.6;margin-top:6px}.score-staff{grid-column:2;height:9px;background:repeating-linear-gradient(to bottom,transparent 0 2px,#9b896028 2px 3px);position:relative}.score-staff span{position:absolute;left:var(--start);width:var(--length);top:2px;height:5px;background:var(--note,#92774d);border-radius:5px;transform-origin:left;transition:transform 1.5s cubic-bezier(.2,.6,.3,1)}.enhanced .reading-surface:not(.is-active) .score-staff span{transform:scaleX(0)}.notebook-surface{border-left:15px solid #504e36;background:repeating-linear-gradient(transparent 0 27px,#9b896010 27px 28px),#efe6d2}.notebook-binding{position:absolute;top:0;left:8px;bottom:0;width:12px;background:radial-gradient(ellipse at center,#423f30 0 2px,transparent 3px);background-size:12px 30px}.notebook-surface .surface-body{padding-left:42px}.side-projects{margin-top:24px}.side-project{display:grid;grid-template-columns:28px 1fr 36px;gap:15px;padding:21px 0;border-top:1px solid #9d88613d}.sketch-number{font-family:var(--serif);font-style:italic;color:#9a8059;font-size:23px}.side-project .project-company{color:#8a7755;font-size:9px}.side-project h3{font-family:var(--serif);font-size:31px;line-height:1.2;letter-spacing:-.02em}.side-project p{font-size:13px;line-height:1.7;color:#6e6049;margin-top:9px}.project-tech{display:block;font-size:9px;color:#8a7755;margin-top:9px}.project-doodle{font-family:var(--serif);font-size:38px;color:#8a9270;transform:rotate(-12deg)}.notebook-surface .handwritten{color:#89734e}.note-surface{background:radial-gradient(ellipse at 90% 0,#fff1ca,#eee1c4 75%);border-top:0}.note-surface .surface-body{padding:38px 42px 25px}.note-surface h2{font-size:clamp(42px,4.4vw,69px)}.contact-email{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:clamp(28px,3vw,44px);text-decoration:none;letter-spacing:-.015em;margin:30px 0 15px;padding:0 0 16px;border-bottom:1px solid #a58e603f}.contact-email>span{font-size:27px;color:#8d7145}.contact-links{display:flex;gap:28px;font-size:11px;color:#74603e}.contact-links a{text-decoration:none}.contact-links a:hover{text-decoration:underline}.signature{margin-top:26px;font-family:var(--serif);font-size:42px;font-style:italic;line-height:1}.signature span{display:block;font-family:var(--sans);font-size:10px;font-style:normal;margin-top:10px;color:#8a7551}.studio-dock{position:fixed;bottom:21px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;padding:0 10px 0 8px;gap:12px;border:1px solid #deca9f2b;background:#28251deb;backdrop-filter:blur(18px);border-radius:5px;box-shadow:0 6px 30px #0003;max-width:calc(100vw - 32px)}.chapter-nav{display:flex;align-items:stretch;gap:1px;overflow-x:auto;scrollbar-width:none}.chapter-nav a{position:relative;text-decoration:none;display:flex;align-items:center;gap:6px;padding:18px 14px;font-size:10px;white-space:nowrap;color:#bfb29b;transition:color .2s}.chapter-nav a:hover,.chapter-nav a.active{color:#ffefd1}.nav-index{font-size:8px;color:#9c8b6a}.chapter-nav a.active .nav-index{color:var(--gold)}.chapter-nav a i{position:absolute;bottom:8px;width:3px;height:3px;background:#e4c381;border-radius:50%;left:50%;opacity:0;transition:opacity .3s}.chapter-nav a.active i{opacity:1}.dock-tools{display:flex;align-items:center;gap:5px;padding-left:12px;border-left:1px solid #deca9f2b}.sound-button,.motion-button{border:0;background:none;display:flex;align-items:center;justify-content:center;padding:10px 6px;min-height:42px;color:#d1bea0;font-size:10px;gap:8px;white-space:nowrap}.sound-bars{display:flex;align-items:center;gap:2px;height:14px}.sound-bars i{height:3px;width:2px;background:#d9bd82}.sound-bars i:nth-child(2){height:9px}.sound-bars i:nth-child(3){height:13px}.sound-bars i:nth-child(4){height:6px}.sound-button[aria-pressed=true] .sound-bars i{animation:equalizer 1.3s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.4s!important}.sound-bars i:nth-child(3){animation-delay:-.8s!important}.sound-bars i:nth-child(4){animation-delay:-.2s!important}@keyframes equalizer{to{height:3px;opacity:.5}}.motion-button{font-size:14px;min-width:32px;letter-spacing:2px}.scene-caption{position:fixed;bottom:100px;right:42px;z-index:15;display:flex;align-items:center;gap:12px;font-size:9px;color:#d5c4a2;letter-spacing:.06em}.caption-line{height:1px;width:22px;background:#b79c6a77}#scene-number{font-size:9px;color:#b79c6a}#scene-time{margin-left:12px;opacity:.6;font-style:italic}.sound-invitation{position:fixed;right:28px;top:105px;z-index:45;display:flex;align-items:center;gap:16px;padding:18px 24px 18px 19px;background:#28261eee;border:1px solid #ddca9a33;border-radius:3px;box-shadow:0 8px 40px #0004;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .5s,transform .5s,visibility .5s}.sound-invitation.visible{opacity:1;visibility:visible;transform:none}.sound-invitation-icon{font-family:var(--serif);font-size:28px;color:#d4b47a}.sound-invitation strong{font-size:11px;font-weight:500}.sound-invitation p{font-size:9px;color:#b8a88b;margin-top:2px}.sound-invitation button#sound-enable{background:#e8d6b1;color:#382e1e;border:0;font-size:10px;padding:9px 11px;white-space:nowrap}.invitation-close{position:absolute;top:0;right:3px;padding:2px 5px;border:0;background:none;color:#b7a78c;font-size:17px}dialog{border:1px solid #bfa981;padding:0;color:#352c20;background:#f0e6ce;box-shadow:0 40px 160px #000a}dialog::backdrop{background:#16181085;backdrop-filter:blur(5px)}.case-dialog{width:min(850px,calc(100vw - 50px));max-height:calc(100svh - 100px);overflow:hidden;border-radius:2px}.case-dialog[open]{display:flex;flex-direction:column;animation:reader-in .45s cubic-bezier(.15,.6,.2,1)}@keyframes reader-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.reader-top,.reader-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 30px;font-size:10px;border-bottom:1px solid #a28c6033;background:#e9ddc1}.reader-top button{background:none;border:0;font-size:11px;color:#504332;padding:8px}.reader-top button span{font-size:19px;margin-left:14px}.reader-bottom{border-bottom:0;border-top:1px solid #a28c6033;font-size:9px;color:#8a7654}.reader-scroll{overflow:auto;overscroll-behavior:contain;padding:40px 58px 50px;scrollbar-width:thin;scrollbar-color:#b6a079 transparent}.reader-scroll h2{font-size:clamp(40px,4.5vw,64px);margin:18px 0 22px}.reader-scroll .eyebrow{font-size:9px;color:#8a714f}.reader-lead{font-size:17px;line-height:1.7;color:#716148}.reader-metrics{display:flex;gap:30px;margin:28px 0;border-block:1px solid #9a845b33;padding:20px 0}.reader-metrics:empty{display:none}.reader-metrics>div{flex:1}.reader-metrics strong{display:block;font-family:var(--serif);font-size:44px;font-weight:400;line-height:1.2;color:#6f784e}.reader-metrics span{display:block;font-size:10px;color:#8b7650}.reader-section{margin-top:28px}.reader-section h3{font-family:var(--serif);font-weight:400;font-size:30px;margin-bottom:10px}.reader-section p,.reader-section li{font-size:15px;line-height:1.85;color:#685a43}.reader-section ul{padding-left:18px}.reader-section li{padding:3px 0}.progress-note{padding:18px;background:#dcd4b6;margin-top:28px;font-size:13px;color:#685a43}.credits-dialog{max-width:520px;width:calc(100vw - 40px);padding:40px}.credits-dialog h2{font-size:46px;margin:20px 0}.credits-dialog h2 em{color:#917548}.credits-dialog p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:16px;color:#78684e}.credits-close{position:absolute;right:15px;top:8px;background:none;border:0;color:#6e5834;font-size:28px}.credits-source{display:inline-block;margin-top:25px;font-size:12px}.still-mode .room-arrival,.still-mode .steam i,.still-mode .sun-dust i,.still-mode .screen-cursor,.still-mode .scroll-line:after{animation:none}.still-mode .sun-dust{display:none}.still-mode .room-plane{transform:scale(1.018)}.modal-open{overflow:hidden}.enhanced .hero-copy{animation:hero-in 1.2s .45s both}.enhanced .hero-caption{animation:hero-in 1.2s .8s both}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero-copy{bottom:24%}.reading-surface{width:800px}.surface-body{padding:36px 46px 28px}.surface-body>p:not(.eyebrow){font-size:16px}.project-key{padding:16px 6px 16px 0}.role-detail p{font-size:12px}}@media(max-width:1050px){.studio-header{padding:22px 28px}.hero-copy{left:6%;bottom:23%}.hero-copy h1{font-size:110px}.hero-caption{right:4%;font-size:22px}.chapter-nav a{padding-inline:10px}.nav-index{display:none}.scene-caption{right:28px}.reading-surface{width:min(690px,calc(100vw - 48px))}.surface-body{padding:26px 30px 20px}h2{font-size:48px}.note-surface h2{font-size:52px}.availability{font-size:10px}.surface-body>p:not(.eyebrow){font-size:14px}.role-detail p{font-size:11px}}@media(max-width:700px){.studio-header{padding:20px}.monogram{font-size:44px}.wordmark-label{font-size:9px}.wordmark-label strong{font-size:11px}.header-right{gap:0}.availability{display:none}.resume-link{font-size:11px}.hero-copy{left:25px;right:20px;bottom:24%}.hero-copy h1{font-size:clamp(76px,18vw,120px);margin-top:15px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;gap:10px}.little-line{width:20px}.hero-description{font-size:15px;max-width:280px}.hero-actions{margin-top:24px;gap:23px;font-size:11px}.primary-action{padding:12px 16px;gap:20px}.hero-caption{display:none}.scroll-invitation{left:25px;bottom:132px;font-size:9px}.room-shade{background:linear-gradient(180deg,#17171366,transparent 30%,#201b1533 43%,#201b15e6 88%,#201b15 100%)}.studio-dock{bottom:12px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);flex-direction:column;gap:0;padding:0 7px 4px;border-radius:5px}.chapter-nav{width:100%;justify-content:space-between}.chapter-nav a{padding:12px 7px 13px;font-size:9px}.chapter-nav a i{bottom:5px}.dock-tools{padding:0;border-left:0;border-top:1px solid #ddc99e1a;width:100%;justify-content:center;gap:20px}.sound-button,.motion-button{min-height:30px;padding:4px 8px;font-size:9px}.motion-button{font-size:12px}.sound-bars{height:12px}.scene-caption{bottom:106px;right:20px;gap:8px;font-size:8px}#scene-time{display:none}.enhanced .chapter:not(.hero-chapter){height:120svh;min-height:0}.reading-surface{width:calc(100vw - 28px);max-height:calc(100svh - 220px)}.surface-toolbar{padding:12px 18px;font-size:8px;gap:8px}.surface-counter{display:none}.surface-back{margin-left:auto}.surface-body{padding:24px 22px 20px}.surface-body>.eyebrow{font-size:8px;margin-bottom:14px}h2{font-size:43px}.surface-body>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:16px}.surface-body>.lead{font-size:23px}.monitor-surface{border-width:6px}.monitor-surface .surface-toolbar{padding:10px 16px}.monitor-surface .surface-body{padding:24px 20px 18px}.proof-row{margin-top:20px;padding:12px 0}.proof-row strong{font-size:34px}.proof-row>div{padding:0 12px}.proof-row div>span{font-size:8px}.surface-foot{font-size:9px;gap:12px;flex-wrap:wrap}.section-heading .handwritten{display:none}.project-key{gap:14px;padding:14px 0}.ivory-key{width:34px;min-height:66px}.note-name{font-size:19px}.key-copy>strong{font-size:15px}.project-company{font-size:8px}.project-summary{font-size:10px;-webkit-line-clamp:2}.key-arrow{font-size:17px}.project-keys{margin-top:20px}.experience-entry{grid-template-columns:1fr;gap:5px;padding:18px 0}.role-dates{font-size:9px}.role-detail h3{font-size:15px}.role-detail p{font-size:12px}.score-staff{grid-column:1;margin-top:6px}.notebook-surface{border-left-width:10px}.notebook-surface .surface-body{padding-left:27px}.notebook-binding{left:4px;width:10px}.notebook-surface .surface-toolbar{padding-left:24px}.side-project{grid-template-columns:22px 1fr;gap:10px}.project-doodle{display:none}.side-project h3{font-size:29px}.side-project p{font-size:13px}.note-surface .surface-body{padding:28px 24px 20px}.note-surface h2{font-size:44px}.contact-email{font-size:30px;margin-top:23px}.contact-links{gap:22px}.signature{font-size:38px;margin-top:25px}.sound-invitation{top:85px;right:15px;left:15px;gap:12px;padding:14px}.sound-invitation div{flex:1}.sound-invitation-icon{font-size:25px}.sound-invitation strong{font-size:10px}.sound-invitation p{font-size:8px}.sound-invitation button#sound-enable{font-size:9px}.case-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 40px)}.reader-top,.reader-bottom{padding:10px 18px;font-size:8px}.reader-scroll{padding:28px 24px 40px}.reader-scroll h2{font-size:42px}.reader-lead{font-size:15px}.reader-metrics{gap:18px}.reader-metrics strong{font-size:34px}.reader-metrics span{font-size:9px}.reader-section p,.reader-section li{font-size:14px}.reader-bottom span:first-child{font-size:8px}.credits-dialog{padding:30px}.credits-dialog h2{font-size:42px}.hotspot-label{display:none}}@media(max-height:740px)and (min-width:701px){.hero-copy{bottom:23%}.hero-copy h1{font-size:100px}.hero-actions{margin-top:20px}.reading-surface{max-height:calc(100svh - 155px)}.surface-body{padding-top:24px}h2{font-size:45px}.surface-body>.lead{font-size:23px}.hero-caption{bottom:25%}.scroll-invitation{bottom:91px}.scene-caption{bottom:89px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sun-dust{display:none}.room-plane{transform:scale(1.018)}}@media print{body{background:#fff;color:#000}.room,.studio-header,.studio-dock,.sound-invitation,.room-hotspots,.scene-caption,.surface-back,.hero-actions,.scroll-invitation,dialog{display:none!important}.chapter,.enhanced .chapter:not(.hero-chapter){height:auto;min-height:0;padding:15px;display:block}.hero-copy{position:static}.hero-copy h1{font-size:70px}.reading-surface,.enhanced .reading-surface{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;max-height:none;overflow:visible;box-shadow:none;width:100%;break-inside:avoid}.surface-body{padding:20px}}.project-key{touch-action:manipulation}.key-hint{opacity:.7}@media(hover:none){.key-hint{display:none}}.os-menubar{gap:0;padding:0 14px 0 10px;height:30px;background:#171d1c;border-bottom:1px solid #2a3331;font-size:10px;color:#b7c3b8}.os-menus{display:flex;gap:16px;flex:1;align-items:center}.os-menu-home{display:inline-flex;align-items:center;gap:7px;color:#e6ebe2;font-weight:550}.os-status{display:flex;gap:16px;margin-right:16px;color:#8fa093}.os-branch{color:#a7bfa0}.os-clock{font-variant-numeric:tabular-nums}.monitor-surface .surface-counter{margin-right:14px}.os-desktop{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:12px;height:clamp(420px,calc(100svh - 275px),640px);background:radial-gradient(ellipse at 20% 0,#2b3a36,#1b2422 60%,#141a19)}.os-slot{position:relative;display:flex;min-width:0;min-height:0;border-radius:8px;transition:box-shadow .25s}.os-slot-editor{grid-row:1/3}.os-slot>.os-window{flex:1;min-width:0}.os-slot.is-closed{box-shadow:inset 0 0 0 1px #ffffff09}.os-slot.is-closed>.os-window{display:none}.os-desktop.has-zoom>.os-slot:not(.is-zoomed){display:none}.os-desktop.has-zoom>.os-slot.is-zoomed{grid-area:1/1/3/3}.os-window{position:relative;display:flex;flex-direction:column;min-height:0;background:#212a29;border:1px solid #33403d;border-radius:7px;box-shadow:0 14px 40px #0006;overflow:hidden;backface-visibility:hidden}.os-titlebar{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:#1b2322;border-bottom:1px solid #2a3331;font-size:9px;color:#8b9a8f;letter-spacing:.03em;flex-shrink:0}.os-lights{display:flex;gap:6px}.os-light{display:flex;align-items:center;justify-content:center;width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#5b6864;font-size:8px;line-height:1;color:#12211c;transition:filter .15s,transform .15s}.os-light-close{background:#c9705f}.os-light-zoom{background:#7fae76}.os-light:before{opacity:0;transition:opacity .15s}.os-light-close:before{content:"×"}.os-light-zoom:before{content:"+"}.os-lights:hover .os-light:before,.os-light:focus-visible:before{opacity:1}.os-light-zoom[aria-pressed=true]:before{content:"−";opacity:1}.os-light:hover{filter:brightness(1.2);transform:scale(1.12)}.os-light:focus-visible{outline:2px solid #c8d1b6;outline-offset:3px}.os-tabs{display:flex;gap:2px;align-self:stretch}.os-tabs button{padding:8px 11px;align-self:stretch;border:0;background:none;font-size:9px;letter-spacing:.03em;color:#7b8a80;transition:color .15s,background .15s}.os-tabs button:hover{color:#c3cec1;background:#ffffff08}.os-tabs .is-active{background:#212a29;color:#dfe6dc;box-shadow:inset 0 1px #c8d1b6}.os-tabs button:focus-visible{outline:2px solid #c8d1b6;outline-offset:-2px}.os-path{margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;color:#6c7a72}.os-title{flex:1;text-align:center;padding-right:39px;font-weight:500;color:#a4b1a6}.os-editor .surface-body{flex:1;display:flex;min-height:0;overflow:hidden;padding-top:24px}.os-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#a99b7f55 transparent;animation:pane-in .4s ease both}.os-pane>.surface-foot{margin-top:auto}.os-pane[hidden]{display:none}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}}.pane-title{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.6vw,38px);line-height:1.02;letter-spacing:-.03em;margin-bottom:14px}.pane-title em{color:#d9b879;font-style:italic}.os-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.os-list li{position:relative;padding-left:18px;font-size:13px;line-height:1.6;color:#cdd6c8}.os-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:#8fae86}.os-list strong{color:#f0efe4;font-weight:550}.os-stats .stats-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:13px}.stat-grid{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-tile{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 13px;border:1px solid #33403d;border-radius:6px;background:linear-gradient(#27312f,#1e2726)}.stat-tile strong{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,42px);line-height:.95;color:#efe8d4;letter-spacing:-.02em}.stat-tile strong span{font-size:.45em;color:#d9b879;vertical-align:super;margin-left:1px}.stat-label{font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:#8b9a8f}.stat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.04em;color:#7d8c82}.stat-live{display:inline-flex;align-items:center;gap:6px;color:#8fb886;text-transform:uppercase;letter-spacing:.11em}.stat-live i{width:6px;height:6px;border-radius:50%;background:#7fae76;animation:stat-pulse 2.6s ease-out infinite}@keyframes stat-pulse{0%{box-shadow:0 0 #7fae7699}70%{box-shadow:0 0 0 7px #7fae7600}to{box-shadow:0 0 #7fae7600}}.os-terminal{background:#0a0f0d;border-color:#1e2c25;border-radius:4px;box-shadow:0 14px 40px #0009}.os-terminal .os-titlebar{height:26px;padding:0 8px 0 12px;background:#0d1411;border-bottom:1px solid #1b2a23;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.07em;color:#6f8f68;gap:8px}.os-terminal .os-title{flex:1;text-align:left;padding:0;font-weight:400;color:#6f8f68}.term-close{order:2;width:auto;height:auto;padding:1px 5px;border-radius:2px;background:none;font-size:12px;line-height:1;color:#5f7d59;transition:background .15s,color .15s}.term-close:hover{background:#c9705f;color:#0a0f0d;filter:none;transform:none}.os-terminal pre{margin:0;padding:11px 13px;overflow:hidden;font:10px/1.7 JetBrains Mono,ui-monospace,monospace;color:#9ab89a;white-space:pre-wrap;word-break:break-word;flex:1;min-height:0;text-shadow:0 0 7px #4fd07a1f}.os-terminal:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#ffffff07 0 1px,transparent 1px 3px)}.os-prompt{color:#5fd07a}.os-commit{display:block}.os-commit b{color:#e0b25f;font-weight:500}.os-cursor{color:#9fe8ad;animation:cursor 1.2s steps(2) infinite}.os-icon{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:center;gap:7px;width:82px;padding:9px 4px 8px;border:0;border-radius:9px;background:none;font-size:9px;letter-spacing:.04em;color:#c4cfc2;transition:background .2s}.os-icon[hidden]{display:none}.os-icon:hover,.os-icon:focus-visible{background:#ffffff16}.icon-glyph{width:36px;height:36px;border-radius:9px;box-shadow:0 7px 18px #0008}.icon-editor{background:linear-gradient(150deg,#8fc0d8,#4f7f9a)}.icon-stats{background:linear-gradient(150deg,#e3c489,#a97a45)}.icon-terminal{background:#0a0f0d;border:1px solid #6f8f68;border-radius:4px}.icon-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-dock{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:#151b1a;border-top:1px solid #2a3331}.dock-app{position:relative;width:28px;height:28px;padding:0;border:0;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#2b3634;transition:transform .18s,background .18s}.dock-app:hover{transform:translateY(-3px);background:#37423f}.dock-app i{display:block;width:12px;height:12px;border-radius:3px}.dock-app:after{content:"";position:absolute;bottom:-5px;left:50%;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#a7bfa0;opacity:0;transition:opacity .2s}.dock-app[aria-pressed=true]:after{opacity:1}.dock-editor i{background:linear-gradient(135deg,#8fc0d8,#4f7f9a)}.dock-stats i{background:linear-gradient(135deg,#e3c489,#a97a45)}.dock-terminal i{background:#0a0f0d;border:1px solid #a7bfa0;border-radius:2px}.dock-music i{background:linear-gradient(135deg,#c08ad6,#7f5b9e);border-radius:50%}.os-now-playing{margin-left:auto;font-size:9px;color:#8fa093;letter-spacing:.03em}.at-room #portfolio{cursor:grab}.at-room #portfolio a,.at-room #portfolio button{cursor:pointer}.room-dragging #portfolio{cursor:grabbing}.room-dragging{user-select:none}@media(max-width:700px){.os-desktop{grid-template-columns:1fr;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr);height:clamp(380px,calc(100svh - 330px),540px);gap:10px;padding:10px}.os-slot-editor{grid-row:auto}.os-slot-terminal,.dock-terminal,.os-menus>span:not(.os-menu-home),.os-path,.os-now-playing{display:none}.os-status{margin-right:auto;margin-left:14px}.os-dock{height:38px}.os-stats .stats-body{padding:9px;gap:7px}.stat-grid{gap:7px}.stat-tile{padding:6px 9px;gap:2px}.stat-tile strong{font-size:23px}.stat-label{font-size:7.5px;letter-spacing:.08em}.stat-foot{font-size:8px}.os-icon{width:70px;top:8px;left:8px}.icon-glyph{width:30px;height:30px}}.os-now-playing:before{content:"";display:inline-block;width:64px;height:2px;margin-right:10px;vertical-align:middle;background:linear-gradient(#a7bfa0,#a7bfa0) no-repeat 0 0/0% 100%,#3a4744;animation:now-playing 90s linear infinite}@keyframes now-playing{to{background-size:100% 100%}}.os-pane.is-active>p:not(.eyebrow):last-of-type:after{content:"▍";color:#c8d1b6;margin-left:2px;animation:cursor 1.2s steps(2) infinite}.detour{display:flex;justify-content:center;padding:100px 24px}.enhanced .detour{height:0;padding:0;overflow:visible}.board-surface{width:min(560px,calc((100svh - 200px)*.8125),calc(100vw - 48px));aspect-ratio:78/96;max-height:none;overflow:visible;display:flex;flex-direction:column;color:#2b2119;border:14px solid #5a3d27;border-radius:2px;background:radial-gradient(ellipse at 30% 20%,#c4966a,#a9784b 70%,#9a6a40);box-shadow:inset 0 0 40px #4a2d1466,0 24px 100px #0007;isolation:isolate}.board-surface:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.board-surface .surface-toolbar{border:0;padding:14px 22px 0;color:#f6ead4;text-shadow:0 1px 3px #2a170a99;justify-content:space-between}.board-surface .surface-toolbar>span:first-child{flex:none}.board-surface .surface-back{margin-left:0}.board-surface .surface-body{flex:1;display:flex;flex-direction:column;padding:6px 6% 5%;min-height:0}.board-title{align-self:flex-start;position:relative;margin:2px 0 0 -2%;padding:10px 18px 12px 16px;background:linear-gradient(90deg,#dcd0b8,#f2e9d4 4% 96%,#e2d5bc);color:var(--ink);font-size:clamp(24px,2.4vw,32px);line-height:1;letter-spacing:-.03em;transform:rotate(-1.6deg);box-shadow:0 3px 8px #2a170a55}.board-title em{color:#8b6843}.board-title:before{content:"";position:absolute;left:14px;top:-5px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e46b57,#8f2b1f);box-shadow:0 2px 3px #0007}.polaroids{list-style:none;margin:auto 0;padding:5% 2% 3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.polaroid{position:relative;transform:rotate(var(--tilt,0deg));transition:transform .28s cubic-bezier(.2,.65,.2,1)}.polaroid a{display:block;background:#f7f2e6;padding:7% 7% 6%;box-shadow:0 8px 16px #2a170a66,0 1px 2px #0004;text-decoration:none;color:#3a3129;outline-offset:4px}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#d8cfbf}.polaroid-caption{display:block;margin-top:7%;text-align:center;font:italic 14px/1.15 var(--serif);color:#4a3f33;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.polaroid-caption small{display:block;font:9px/1.6 var(--sans);letter-spacing:.08em;color:#8a7755}.pushpin{position:absolute;z-index:2;left:var(--pin-x,50%);top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e46b57,#8f2b1f);box-shadow:0 2px 3px #0007,inset 0 -1px 1px #5a1a12}.polaroid:hover,.polaroid:focus-within{transform:rotate(0) scale(1.05);z-index:2}.polaroids-empty{display:flex;justify-content:center}.polaroid-note{width:min(62%,300px)}.polaroid-note a{padding:9% 9% 11%;text-align:center}.polaroid-note .handwritten{display:block;transform:rotate(-2deg);font-size:26px;color:#6a4f2e}.polaroid-note small{display:block;margin-top:14px;font-size:10px;line-height:1.6;color:#8a7755}.board-surface .surface-foot{margin-top:0;padding:12px 0 0;border-top:0;color:#f3e6cf;text-shadow:0 1px 3px #2a170a99}.board-surface .surface-foot .handwritten{color:#f9e9c8;font-size:19px}.board-surface .surface-foot a{color:#fff3da;border-bottom:1px solid #f3e6cf66}.hotspot[data-object=photos] .hotspot-label{left:auto;right:36px}.project-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:10px}.project-links a{text-decoration:none;color:#8a7755;border-bottom:1px solid #8a775555;padding-bottom:1px}.project-links a:hover{color:#5a4a2f;border-color:currentColor}.in-detour #portfolio{cursor:default}@media(max-width:700px){.polaroids{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:3% 7% 2%}.polaroid:nth-child(n+5){display:none}.polaroid-caption{font-size:11px;margin-top:5%}.polaroid-caption small{font-size:8px}.board-surface{border-width:10px;width:calc(100vw - 28px)}.board-surface .surface-body{padding:4px 5% 4%}.board-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0;transform:none;box-shadow:none}.board-surface .surface-toolbar{padding:8px 16px 0;font-size:8px}.board-surface .surface-foot{padding-top:8px}.board-surface .surface-foot .handwritten{font-size:15px}}.side-project[data-side]{cursor:pointer;transition:background .2s;margin:0 -10px;padding-left:10px;padding-right:10px}.side-project[data-side]:hover{background:#8b684310}.side-title{display:inline;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.side-title:focus-visible{outline:2px solid #8b6843;outline-offset:4px}.side-more{font-size:22px;color:#9a8059;margin-left:6px;vertical-align:middle;transition:transform .2s}.side-project:hover .side-more{transform:translate(2px,-2px)}.reader-link{display:inline-block;margin-top:28px;font-size:13px;color:#6f5a3a}.reader-link[hidden]{display:none}.hero-chapter .scroll-invitation{left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 32px);bottom:112px;font-size:11px;color:#e9dcc0;letter-spacing:.03em;pointer-events:none;text-align:center}.scroll-inner{display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .7s ease,transform .7s ease}.scroll-invitation.is-dismissed .scroll-inner{opacity:0;transform:translateY(8px)}.scroll-copy strong{display:block;font-family:"Instrument Serif",serif;font-weight:400;font-size:21px;line-height:1.1;color:#f3e6c8;letter-spacing:0;text-shadow:0 1px 12px #1a140e88}.scroll-copy span{display:block;margin-top:5px;color:#d3c3a4;font-size:10.5px;text-shadow:0 1px 8px #1a140e99}.cue-mouse{display:block;width:22px;height:34px;border:1.5px solid #efe2c5cc;border-radius:12px;position:relative;box-shadow:0 0 18px #ffe7b822}.cue-mouse i{position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:#ffe7b8;animation:cue-wheel 2.4s cubic-bezier(.5,0,.3,1) infinite}.cue-swipe{display:none;width:26px;height:42px;position:relative}.cue-swipe i{position:absolute;left:50%;bottom:4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#ffe7b8cc;box-shadow:0 0 0 6px #ffe7b822;animation:cue-swipe 2.4s ease-in-out infinite}.cue-touch{display:none!important}@keyframes cue-wheel{0%{transform:translateY(0);opacity:0}15%{opacity:1}60%{transform:translateY(11px);opacity:0}to{opacity:0}}@keyframes cue-swipe{0%{transform:translateY(0);opacity:0}20%{opacity:1}70%{transform:translateY(-24px);opacity:0}to{opacity:0}}@media(hover:none)and (pointer:coarse){.cue-mouse,.cue-pointer{display:none!important}.cue-swipe{display:block}.cue-touch{display:block!important}}@media(max-width:700px){.hero-chapter .scroll-invitation{bottom:100px}.scroll-inner{gap:8px}.scroll-copy strong{font-size:18px}.scroll-copy span{display:none!important}}.still-mode .cue-mouse i,.still-mode .cue-swipe i{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.cue-mouse i,.cue-swipe i{animation:none;opacity:1}.scroll-inner{transition:none}}