@font-face{font-family:SayHello;src:url(../assets/SayHelloWeb.otf) format("opentype");font-display:swap;font-style:normal;font-weight:400}:root{font-family:SayHello,Arial,sans-serif;color:#30332a;background:#f2f0e8;font-synthesis:none;--paper:#f2f0e8;--ink:#30332a;--muted:#72766a;--line:#d2d4c7;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #686f42;outline-offset:7px}::selection{background:#d4d9ad}p,h1{margin:0}header{height:140px;margin:0 7%;padding-top:30px;display:flex;align-items:flex-start;justify-content:space-between;font-size:13px;position:relative;z-index:6}.corner-nav{padding-top:38px;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.corner-nav .page-link{margin-bottom:8px}.home-link{padding-top:2px}a:hover{color:#6d7747}main{max-width:1440px;margin:auto}.hero{min-height:610px;height:78svh;max-height:800px;padding:8vh 9% 90px;position:relative}.hero h1{font-family:SayHello,Arial,sans-serif;font-size:clamp(75px,9vw,130px);line-height:1.1;letter-spacing:-.025em;font-weight:400}.intro{font-family:SayHello,Arial,sans-serif;font-size:clamp(32px,3.2vw,48px);line-height:1.16;margin:38px 0 0 7%;letter-spacing:-.01em}.morph-line{display:block;width:max-content;max-width:100%;position:relative}.works{margin:0 9%;padding:35px 0 80px;scroll-margin-top:70px}.project{width:84%;margin-bottom:64px}.project:nth-of-type(2){margin-left:16%}.project:nth-of-type(3){margin-left:5%}.project:nth-of-type(4){margin-left:23%;width:77%}summary{list-style:none;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:24px;padding:16px 0;font-family:SayHello,Arial,sans-serif;font-size:clamp(35px,4.8vw,70px);line-height:1.1;letter-spacing:-.01em}summary::-webkit-details-marker{display:none}summary .plus{font-family:Arial,sans-serif;font-size:20px;font-weight:300;transition:transform .2s;color:#7b816e;flex-shrink:0}.project[open] summary .plus{transform:rotate(45deg)}.project-body{max-width:620px;padding:8px 0 24px}.project-body p{max-width:490px;font-family:SayHello,Arial,sans-serif;font-size:clamp(23px,2.3vw,30px);line-height:1.4;margin-bottom:25px}.project-body img{max-width:100%;height:auto;max-height:480px;object-fit:contain;object-position:left center;display:block;margin:25px 0}.project-body>a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}footer{margin:0 9%;padding:0 0 150px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer a{font-size:22px}#experience{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#blob-controls{position:fixed;inset:0;overflow:hidden;overflow:clip;pointer-events:none;z-index:5}.blob-button{position:absolute;left:0;top:0;will-change:transform;width:118px;height:123px;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;touch-action:manipulation;transition:opacity .3s}.blob-symbol{font-family:Arial,sans-serif;font-size:29px;font-weight:300;line-height:1}.blob-title{font-size:8px;letter-spacing:.5px;white-space:nowrap;background:#f2f0e8ab;border-radius:12px;padding:3px 7px;position:absolute;top:105px}.blob-button[data-state=pending] .blob-symbol{animation:pulse .9s infinite}.blob-button[data-state=on] .blob-title:before{content:"● ";font-size:6px}.sound-panel{position:fixed;left:50%;bottom:25px;transform:translate(-50%);display:flex;align-items:center;gap:18px;border:0;background:#f6f5edf2;padding:10px 13px 10px 18px;border-radius:30px;z-index:20;white-space:nowrap}.sound-panel button{border:0;background:none;padding:4px 0;display:flex;align-items:center;gap:10px;font-size:10px}.sound-icon{display:flex;gap:2px;height:17px;align-items:center}.sound-icon i{width:2px;background:#637346;height:5px}.sound-icon i:nth-child(2){height:13px}.sound-icon i:nth-child(3){height:17px}.sound-icon i:nth-child(4){height:9px}.playing .sound-icon i{animation:meter .7s alternate infinite}.playing .sound-icon i:nth-child(2){animation-delay:-.3s}.playing .sound-icon i:nth-child(3){animation-delay:-.5s}.sound-info{border-left:1px solid var(--line);padding-left:16px;display:flex;align-items:center;gap:10px;font-size:8px;color:var(--muted);letter-spacing:.5px}.signal-dots{display:flex;gap:4px}.signal-dots i{width:3px;height:3px;border-radius:50%;background:#b9beac}.signal-dots i.active{background:#69783d;transform:scale(1.7)}#motion-toggle{font-family:Arial,sans-serif;font-size:21px;padding:0 5px;border-left:1px solid var(--line);color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:99;background:var(--paper);padding:15px}.reduced *{animation:none!important;scroll-behavior:auto!important}.reduced .morph-line{opacity:1!important}@keyframes pulse{50%{opacity:.4}}@keyframes meter{to{transform:scaleY(.4)}}@media(max-width:800px){header{height:144px;margin:0 8%;padding-top:25px;font-size:12px}header nav{gap:12px}.hero{padding:9vh 8% 70px;min-height:590px;height:78svh}.hero h1{font-size:clamp(66px,14.8vw,100px)}.intro{font-size:clamp(29px,7.2vw,44px);margin:34px 0 0 3%}.works{margin:0 8%;padding:35px 0 70px}.project{width:94%;margin-bottom:45px}.project:nth-of-type(2){margin-left:6%}.project:nth-of-type(3){margin-left:0}.project:nth-of-type(4){margin-left:6%;width:94%}summary{font-size:clamp(30px,7.8vw,56px);padding:18px 0;gap:16px}summary .plus{font-size:18px}.project-body p{font-size:24px}.project-body{padding-bottom:35px}footer{margin:0 8%;padding-bottom:130px}.sound-panel{bottom:17px;gap:13px;padding:10px 11px 10px 14px;max-width:calc(100% - 24px)}.sound-info{padding-left:12px;font-size:7px;gap:8px}.blob-button{width:86px;height:86px}.blob-symbol{font-family:Arial,sans-serif;font-size:23px}.blob-title{font-size:7px;top:79px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.home-page main{max-width:none}.home-page .hero{min-height:calc(100svh - 140px);height:auto;max-height:none;padding:clamp(110px,22vh,260px) 13% 180px}.home-page .hero h1{font-size:clamp(46px,5.8vw,80px);letter-spacing:-.02em}.home-page .intro{text-wrap:balance;max-width:570px;font-size:clamp(25px,2.6vw,36px);line-height:1.3;margin:18px 0 0;letter-spacing:0}.projects-page .works{padding-top:clamp(65px,10vh,140px)}.video-links{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin:28px 0;font-size:12px}.video-links a{padding:5px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}.project-body a.morph-link{display:inline-flex;align-items:center;gap:.35em;max-width:100%;border-bottom:0;text-decoration:none}.morph-link-label{display:block;min-width:0;max-width:100%;line-height:1.3}.morph-link>.morph-link-label .morph-line{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}.morph-link>[aria-hidden]{flex-shrink:0}.project-body img{padding:clamp(6px,1.1vw,12px);border:1px solid #c4c9b7;border-radius:clamp(9px,1.4vw,14px);background:#f8f7ef}.video-focus-veil{position:fixed;inset:0;z-index:8;background:#f2f0e8a3;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s}.video-focused .video-focus-veil{opacity:1;visibility:visible;pointer-events:auto}.video-viewer{position:relative;margin:32px 0 38px;padding:12px 12px 22px;z-index:12;isolation:isolate;scroll-margin:90px;border:1px solid #c8cbb8;border-radius:22px;background:linear-gradient(145deg,#faf9f2,#e8e7dd);box-shadow:0 24px 60px -30px #40463370,0 3px 12px #40463312,inset 0 1px #fff;animation:board-arrive .65s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 40%}.video-viewer:after{content:"";position:absolute;bottom:8px;left:40%;right:40%;height:3px;border-radius:3px;background:#b8bdaa55;box-shadow:0 1px #ffffffe0}.video-toolbar{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 10px 7px}.video-title{font-size:13px;color:#6c735f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-stage{position:relative;aspect-ratio:16/9;background:#dedfd2;border:1px solid #aab29b66;border-radius:11px;overflow:hidden;display:grid;place-items:center;font-size:13px;box-shadow:0 0 0 1px #fff8,inset 0 2px 8px #353c2520}.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.video-close{flex-shrink:0;width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:50%;background:#dfe2d480;font-family:Arial,sans-serif;font-size:22px;font-weight:300;color:#69715a;padding:0;transition:background .2s,transform .2s}.video-close:hover{background:#d4dac6;transform:rotate(8deg)}@keyframes board-arrive{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.video-viewer{padding:8px 8px 18px;border-radius:16px;margin:25px 0 30px}.video-toolbar{min-height:32px;padding:0 2px 7px 4px}.video-title{font-size:11px}.video-stage{border-radius:8px}.video-focus-veil{background:#f2f0e88a;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.video-viewer{animation:none}.video-focus-veil{transition:none}}.reduced .video-focus-veil{transition:none}.video-error{padding:20px;font-size:13px;font-family:SayHello,Arial,sans-serif}.video-error a{text-decoration:underline}@media(max-width:800px){.home-page .hero{min-height:calc(100svh - 144px);padding:clamp(90px,17vh,180px) 8% 165px}.home-page .hero h1{font-size:clamp(48px,12vw,76px)}.home-page .intro{font-size:clamp(25px,6.2vw,32px);max-width:470px}.projects-page .works{padding-top:65px}}.volume-control{display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:10px}.volume-control input{width:90px;height:28px;margin:0;accent-color:#69783d;cursor:pointer}.volume-control output{min-width:30px;font-variant-numeric:tabular-nums}.volume-control input:focus-visible{outline:2px solid #686f42;outline-offset:3px}@media(max-width:560px){.sound-panel{gap:10px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);border-radius:22px}.volume-control{gap:6px}.volume-control input{width:70px}.sound-info{display:none}summary{font-size:clamp(23px,6.2vw,34px);gap:12px}.home-page .hero h1{font-size:clamp(36px,9.8vw,58px)}.home-page .intro,.project-body p{font-size:clamp(19px,4.8vw,24px)}}.blob-title{max-width:145px;overflow:hidden;text-overflow:ellipsis}.blob-button:disabled{cursor:default}.sound-panel button:disabled{cursor:default;opacity:.5}.page-link{position:absolute;right:7%;top:calc(50svh - 22px);min-height:44px;display:flex;align-items:center;font-size:clamp(18px,1.8vw,24px);z-index:6;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:7px}.home-page .page-link{top:calc(50svh - 162px);right:8%}@media(max-width:800px){header{margin-inline:6%}.home-page .hero{padding-inline:6%}.works{margin-inline:6%}.project,.project:nth-child(n){width:100%;margin-left:0}.project-body{width:100%;max-width:none}.project-body p{max-width:100%;overflow-wrap:break-word}.project-body img{width:auto;max-width:100%;max-height:none}summary{min-width:0}summary .morph-line{min-width:0;max-width:calc(100% - 30px)}.page-link,.home-page .page-link{position:static;width:max-content;max-width:100%;margin:0 0 32px auto;font-size:18px}.home-page .page-link{margin:42px 0 0 auto}.projects-page .works{padding-top:30px}footer{margin-inline:6%;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.sound-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.sound-panel button{min-height:44px}#motion-toggle{min-width:44px}.volume-control input{height:44px}.video-close{width:44px;height:44px}.video-links a,.project-body>a{display:inline-flex;align-items:center;min-height:44px}}