:root{--cream: #f6efe6;--linen: #eadcca;--sand: #d3b895;--clay: #b58d66;--walnut: #6f4e37;--espresso: #2d2119;--olive: #7f8d59;--ink: #201915}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}body{overflow:hidden}button,a{font:inherit}h1,h2,.intro-card h1,.wall-frame h1,.wall-frame h2,.hanging-board-text h2{font-family:Fraunces,Georgia,Times New Roman,serif}.scene-layer{position:fixed;inset:0;z-index:1;pointer-events:none}.scene-layer canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.home-tour{min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.68),transparent 28%),linear-gradient(90deg,#f6efe6f0,#f6efe6b8 42%,#f6efe61a 68%),linear-gradient(120deg,#f8f1e8,#dfc6aa 48%,#a87d57)}.scroll-story{position:fixed;inset:0;z-index:4;pointer-events:none}.story-panel{position:absolute;inset:0 auto 0 0;width:min(360px,calc(100vw - 40px));display:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 0 8.5rem;margin-left:clamp(1.25rem,6vw,6rem);color:var(--espresso);pointer-events:none}.story-panel button{pointer-events:auto}.story-panel.active{display:flex}.story-panel h1,.story-panel h2{margin:0;letter-spacing:0;line-height:.96;color:var(--espresso)}.story-panel h1{max-width:12ch;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:760}.story-panel h2{max-width:14ch;font-size:clamp(1.55rem,3vw,2.6rem);font-weight:720}.story-panel p{max-width:42rem;margin:.9rem 0 0;font-size:clamp(.92rem,1.2vw,1rem);line-height:1.58;color:#2d2119c7}.story-panel button,.tour-remote button{border:1px solid rgba(111,78,55,.32);background:#f6efe6c7;color:var(--espresso);border-radius:8px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.story-panel button{margin-top:1.8rem;padding:.85rem 1.4rem;background:#fff8ef;font-weight:600;box-shadow:0 12px 30px #2d211947}.story-panel h1,.story-panel h2,.story-panel .eyebrow,.story-panel>p:not(.eyebrow){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.story-panel button:hover,.tour-remote button:hover{transform:translateY(-1px);background:#fff8ef;border-color:var(--walnut)}.eyebrow{margin:0 0 .8rem!important;color:var(--walnut)!important;font-size:.75rem!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.tour-remote{position:fixed;z-index:8;top:1rem;left:50%;transform:translate(-50%);width:min(920px,calc(100vw - 24px));min-height:64px;display:flex;align-items:center;gap:.45rem;padding:.5rem;border:1px solid rgba(111,78,55,.22);border-radius:10px;background:#f6efe6b8;backdrop-filter:blur(18px);box-shadow:0 16px 48px #2d21191f}.tour-remote div{min-width:140px;padding:0 .7rem;display:flex;flex-direction:column;gap:.12rem}.tour-remote span{color:#2d21198c;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.tour-remote strong{color:var(--espresso);font-size:.95rem}.tour-remote button{flex:1;min-width:0;padding:.68rem .8rem;white-space:nowrap}.tour-remote button.active{background:var(--walnut);color:#fff8ef;border-color:var(--walnut)}.zoom-guide{position:fixed;z-index:7;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,4vw,2rem);width:min(280px,calc(100vw - 32px));display:grid;gap:.45rem;padding:.85rem .95rem;border:1px solid rgba(111,78,55,.22);border-radius:9px;background:#f6efe6c7;color:var(--espresso);backdrop-filter:blur(16px);box-shadow:0 16px 40px #2d21191f}.zoom-guide strong{font-size:.9rem}.zoom-guide span{color:#2d2119b3;font-size:.78rem;line-height:1.35}.zoom-guide div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.1rem}.zoom-guide button{justify-self:start;padding:.5rem .68rem;border:1px solid rgba(111,78,55,.32);border-radius:7px;background:#fff8efb3;color:var(--espresso);cursor:pointer}.wall-frame{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--espresso);text-align:left;backdrop-filter:none;text-shadow:0 1px 0 rgba(255,248,239,.2)}.wall-frame a,.hanging-board-text a{pointer-events:auto}.wall-frame-large{min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:0}.wall-frame h1,.wall-frame h2,.wall-frame p{margin:0;letter-spacing:0}.wall-frame h1{font-size:52px;line-height:.95}.wall-frame h2{margin-top:12px;font-size:30px;line-height:1.12}.wall-frame p,.wall-frame li,.wall-frame span{color:#2d2119db;font-size:14px;line-height:1.45}.wall-frame-large p,.wall-frame-large li,.wall-frame-large span{font-size:17px}.wall-frame-large .eyebrow{font-size:.82rem!important}.wall-frame ul{margin:12px 0 0;padding-left:18px}.wall-frame li{margin:0 0 7px}.horizontal-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0!important;list-style:none}.skill-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.skill-recipe-grid article{min-height:82px;padding:13px 15px;border-left:4px solid rgba(111,78,55,.58);border-radius:5px;background:linear-gradient(90deg,#fff8ef3d,#fff8ef05),#6f4e370e}.skill-recipe-grid strong{display:block;color:#2d2119f5;font-size:20px;line-height:1.05}.skill-recipe-grid span{display:block;margin-top:8px;color:#2d2119c7;font-size:14px;line-height:1.34}.project-wall-grid li,.experience-wall-grid article{min-height:68px;padding:10px 10px 8px;border-top:2px solid rgba(111,78,55,.46);background:#6f4e3709;border-radius:3px}.project-wall-grid li{margin:0}.project-wall-grid strong,.experience-wall-grid strong{display:block;color:#2d2119f2;font-size:17px;line-height:1.1}.project-wall-grid span,.experience-wall-grid span,.experience-wall-grid p{display:block;margin-top:6px;color:#2d2119c7;font-size:13px;line-height:1.28}.tiny-label{display:inline-flex;align-items:center;justify-content:center;min-width:58px;max-width:92px;padding:4px 6px;border-radius:6px;background:#fff8efeb;color:var(--espresso);font-size:11px;font-weight:700;line-height:1.15;text-align:center;box-shadow:0 4px 12px #2d211924}.cupboard-label{min-width:76px;max-width:118px;background:#fff8eff5;border:1px solid rgba(111,78,55,.18)}.brown-plaque{display:grid;gap:4px;padding:12px 14px;border-radius:7px;color:#fff8ef;text-align:left}.brown-plaque strong{color:#fff8ef;font-size:18px;line-height:1.05}.brown-plaque span{color:#fff8efe0;font-size:13px;line-height:1.25}.wall-badge{display:inline-flex;align-items:center;justify-content:center;width:92px;min-height:34px;padding:6px;color:#fff8ef;font-size:12px;font-weight:750;line-height:1.15;text-align:center}.timeline-list{margin-top:12px}.timeline-list article{padding-left:9px}.timeline-list strong,.timeline-list span{display:block}.timeline-list p{margin-top:6px;font-size:13px;line-height:1.35}.contact-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.contact-links a{display:inline-flex;padding:7px 10px;border-radius:7px;background:#6f4e371f;color:var(--espresso);text-decoration:none}.hanging-board-text{min-height:188px;display:flex;flex-direction:column;justify-content:center;padding:22px 26px;color:#fff8ef;text-align:left}.hanging-board-text .eyebrow{color:#fff8efc2!important}.hanging-board-text h2{margin:0;color:#fff8ef;font-size:32px;line-height:1}.hanging-board-text p{margin:10px 0 0;color:#fff8efdb;font-size:15px}.hanging-board-text .contact-links{gap:9px;margin-top:16px}.hanging-board-text .contact-links a{background:#fff8ef29;color:#fff8ef;border:1px solid rgba(255,248,239,.22)}.featured-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.featured-project-grid article{display:flex;flex-direction:column;gap:7px;padding:12px 13px;border-top:3px solid rgba(111,78,55,.6);border-radius:4px;background:linear-gradient(180deg,#fff8ef4d,#fff8ef0a),#6f4e370d}.featured-project-grid strong{color:#2d2119f5;font-size:16px;line-height:1.12}.featured-project-grid p{margin:0;color:#2d2119c2;font-size:11px;line-height:1.42}.featured-project-grid a,.featured-project-grid em{margin-top:auto;font-size:11px;font-style:normal;font-weight:650}.featured-project-grid a{color:var(--walnut);text-decoration:none;border-bottom:1px solid rgba(111,78,55,.4);align-self:flex-start;cursor:pointer}.featured-project-grid a:hover{border-bottom-color:var(--walnut)}.featured-project-grid em{color:#2d211980;letter-spacing:.03em}.tech-tags{display:flex;flex-wrap:wrap;gap:4px}.tech-tags span{padding:2px 7px;border-radius:20px;border:1px solid rgba(111,78,55,.28);background:#fff8ef80;color:#2d2119b8;font-size:9.5px;font-weight:600;letter-spacing:.02em;line-height:1.4}.live-heading{margin-top:18px!important;color:var(--walnut)!important;font-size:11px!important;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.live-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 0!important;padding:0!important;list-style:none}.live-project-grid li{margin:0}.live-project-grid a{display:block;height:100%;padding:9px 11px;border:1px solid rgba(111,78,55,.24);border-radius:6px;background:#fff8ef6b;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.live-project-grid a:hover{background:#fff8efd9;border-color:var(--walnut);transform:translateY(-2px)}.live-project-grid strong{display:block;color:#2d2119f0;font-size:13px;line-height:1.15}.live-project-grid span{display:block;margin-top:4px;color:#2d2119ad;font-size:10.5px;line-height:1.32}.intro-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.5),transparent 34%),radial-gradient(circle at 82% 78%,rgba(181,141,102,.28),transparent 42%),linear-gradient(135deg,#f8f1e8,#eadcca 52%,#d3b895)}.intro-card{max-width:620px;text-align:center}.intro-line{visibility:hidden}.intro-eyebrow{margin:0 0 1.1rem;color:var(--walnut);font-size:.78rem;font-weight:750;letter-spacing:.22em;text-transform:uppercase}.intro-card h1{margin:0;color:var(--espresso);font-size:clamp(2.6rem,6.5vw,4.4rem);font-weight:800;line-height:.98;letter-spacing:-.02em}.intro-role{margin:1rem 0 0;color:var(--walnut);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:650}.intro-summary{margin:.9rem auto 0;max-width:46ch;color:#2d2119b8;font-size:.98rem;line-height:1.6}.intro-card button{margin-top:2.1rem;padding:.95rem 2.4rem;border:1px solid var(--walnut);border-radius:999px;background:var(--walnut);color:#fff8ef;font-size:1rem;font-weight:650;letter-spacing:.03em;cursor:pointer;box-shadow:0 18px 44px #2d21194d;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.intro-card button:hover{transform:translateY(-2px);background:#5a3e2b;box-shadow:0 22px 52px #2d21195c}@media (max-width: 760px){.tour-remote{inset:auto 0 0;transform:none;width:auto;min-height:0;gap:.3rem;padding:.4rem;margin:0 8px;margin-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));border-radius:12px;overflow:visible}.tour-remote div{display:none}.tour-remote button{flex:1 1 0;min-width:0;padding:.6rem .15rem;font-size:.72rem;border-radius:8px}.story-panel,.story-panel:nth-child(2n){width:calc(100vw - 28px);inset:0 auto 0 0;margin-left:14px;margin-right:14px;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.story-panel.active button{width:100%;margin-top:0;padding:.95rem 1.2rem;font-size:1rem;text-align:center}.zoom-guide{top:calc(.5rem + env(safe-area-inset-top,0px));right:.5rem;bottom:auto;width:auto;max-width:calc(100vw - 16px);gap:.4rem;padding:.55rem .6rem}.zoom-guide strong{font-size:.78rem}.zoom-guide span{display:none}.zoom-guide div{margin-top:0;gap:.35rem}.zoom-guide button{padding:.45rem .6rem;font-size:.78rem}}@media (max-width: 380px){.tour-remote button{font-size:.66rem;padding:.55rem .1rem;overflow:hidden;text-overflow:ellipsis}}