:root{--paper:#f5f2ea;--ink:#252b28;--muted:#777970;--blue:#1757a9;--orange:#ef7c16;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.topbar{height:76px;padding:0 clamp(22px,5.7vw,88px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d5c9;font:10px var(--mono);letter-spacing:.08em}.wordmark{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.wordmark>span:last-child{display:flex;gap:12px}.wordmark i{font-style:normal;color:#96948a}.mark{font:600 23px var(--serif);letter-spacing:-.08em}.top-link{color:inherit;text-decoration:none}.top-link span{padding-left:8px;color:var(--orange)}.intro{max-width:1310px;margin:0 auto;padding:72px clamp(24px,8vw,130px) 36px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow,.intro-meta,.scene-label,.about-index,.about-end,footer,.viewer-help{font:10px var(--mono);letter-spacing:.1em}.eyebrow{color:#6d7168;margin:0 0 21px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e98628;margin:0 9px 0 0;box-shadow:0 0 0 4px #e9862819}h1{font:500 clamp(48px,7vw,91px)/.98 var(--serif);letter-spacing:-.055em;margin:0}h1 em,.about h2 em{font-weight:500;color:#d87621}.dek{max-width:400px;color:#74766f;font-size:14px;line-height:1.65;margin:23px 0 32px}.intro-meta{display:flex;gap:28px;color:#898980;font-size:9px}.hint{display:flex;gap:12px;align-items:center;color:#777970;font-size:11px;line-height:1.5;padding-bottom:9px}.hint-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #cbc8bd;border-radius:50%;font-size:17px;color:var(--orange)}.net-scene{height:min(820px,70vw);min-height:550px;max-width:1440px;margin:0 auto;position:relative;isolation:isolate}.scene-label{position:absolute;top:8%;color:#88887e;display:flex;align-items:center;gap:13px;font-size:9px;z-index:5}.scene-label-left{left:6%}.scene-label-right{right:7%}.line{width:35px;height:1px;background:#c8c3b6}.fishing-rod{position:absolute;z-index:2;width:72%;height:auto;left:-1%;top:5%;overflow:visible}.basket{position:absolute;left:50%;top:22%;transform:translateX(-50%);width:min(820px,75vw);height:min(590px,54vw);min-height:390px;filter:drop-shadow(0 22px 20px #37362818)}.basket-shadow{position:absolute;inset:2% 8% 5%;background:linear-gradient(145deg,#fffdf8 0%,#e7e4dc 100%);clip-path:polygon(9% 3%,91% 3%,77% 78%,50% 100%,23% 78%);box-shadow:inset 0 0 0 2px #d7d2c5}.photo-bed{position:absolute;inset:6% 11% 15%;clip-path:polygon(0 0,100% 0,83% 76%,50% 100%,17% 76%);z-index:1}.photo-card{position:absolute;display:block;padding:7px 7px 20px;background:#fffdfa;border:1px solid #d7d3c8;box-shadow:0 9px 20px #1c263428;cursor:zoom-in;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .35s;will-change:transform}.photo-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.9)}.photo-card:hover,.photo-card:focus-visible{z-index:8!important;box-shadow:0 18px 28px #17213140;outline:0}.net-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.scene-caption{position:absolute;left:7%;bottom:9%;font:italic 16px/1.5 var(--serif);color:#666a60}.scene-caption span{font:10px var(--mono);font-style:normal;color:#96958c}.fish-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.fish{position:absolute;width:var(--size);height:var(--size);overflow:visible;will-change:transform;filter:drop-shadow(0 4px 4px #d9712520)}.fish svg{width:100%;height:100%;overflow:visible}.fish .fish-body{fill:#ff991e}.fish .fish-shadow{fill:#e74d12}.fish .fish-glint{fill:#ffd35a}.fish .fish-eye{fill:#34302b}.fish .pixel{animation:twinkle var(--twinkle,2.5s) ease-in-out infinite alternate}.fish .fish-tail{transform-box:fill-box;transform-origin:0 50%;animation:tail .8s ease-in-out infinite alternate}.about{max-width:1120px;margin:16px auto 110px;padding:55px 35px 0;border-top:1px solid #d7d2c6;display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:30px;align-items:start}.about-index{color:#87877d;padding-top:9px}.about h2{margin:0;font:500 clamp(33px,4vw,52px)/1.05 var(--serif);letter-spacing:-.04em}.about>p{color:#777970;font-size:13px;line-height:1.8;margin:5px 0}.about-end{grid-column:2/4;color:#898980;margin-top:20px;display:flex;justify-content:space-between}.about-end span{font-size:18px;color:var(--orange)}footer{padding:22px clamp(24px,6vw,90px);border-top:1px solid #d9d5c9;color:#88877d;display:flex;justify-content:space-between}.viewer{width:100vw;height:100vh;max-width:none;max-height:none;border:0;margin:0;padding:40px;background:#171b1bfa;color:#f6f2e8;grid-template-columns:60px minmax(0,1fr) 60px;grid-template-rows:1fr auto;align-items:center;justify-items:center}.viewer[open]{display:grid}.viewer::backdrop{background:#171b1b}.viewer figure{margin:0;max-width:min(78vw,1180px);max-height:82vh;grid-column:2;grid-row:1}.viewer figure img{max-width:100%;max-height:76vh;object-fit:contain;display:block;box-shadow:0 16px 60px #0006}.viewer figcaption{padding-top:14px;display:flex;justify-content:space-between;color:#d2d1c8;font:10px var(--mono);letter-spacing:.08em}.viewer button{border:1px solid #ffffff4a;background:transparent;color:white;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;transition:background .2s}.viewer button:hover{background:#ffffff1c}.viewer-close{position:absolute;right:30px;top:24px}.viewer-prev{grid-column:1;grid-row:1}.viewer-next{grid-column:3;grid-row:1}.viewer-help{grid-column:1/4;grid-row:2;color:#a2a39d;font-size:9px}@keyframes tail{to{transform:rotate(11deg) scaleX(.88)}}@keyframes twinkle{to{opacity:.42}}@media(max-width:760px){.topbar{height:62px}.wordmark>span:last-child{display:grid;gap:3px;font-size:8px}.intro{padding-top:54px;display:block}.dek{font-size:13px;margin:19px 0 25px}.intro-meta{gap:14px;font-size:8px}.hint{display:none}.net-scene{height:700px;min-height:0;margin-top:-3px}.scene-label{top:6%;font-size:8px}.scene-label-left{left:5%}.scene-label-right{right:5%}.fishing-rod{width:100%;top:13%;left:-15%}.basket{width:94vw;height:470px;min-height:0;top:23%}.photo-card{padding:4px 4px 13px}.net-mesh{inset:0}.scene-caption{font-size:13px;left:6%;bottom:5%}.scene-caption span{font-size:8px}.about{margin:20px 25px 70px;padding:30px 0 0;grid-template-columns:1fr 2fr;gap:16px}.about h2{font-size:37px}.about>p{grid-column:2;font-size:12px}.about-end{grid-column:2;margin-top:0;font-size:8px}footer{font-size:8px;padding:18px 22px}.viewer{padding:18px 8px;grid-template-columns:42px minmax(0,1fr) 42px}.viewer figure{max-width:calc(100vw - 90px)}.viewer button{width:36px;height:36px}.viewer-close{right:14px;top:13px}.viewer figcaption{font-size:8px}.viewer-help{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}