@import "https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500&display=swap";:root{--nav-height:82px;--nav-clearance:16px;--card-nav-clearance:64px;--background:#0d1211;--foreground:#f5eddf;--primary:#d39d7b;--primary-foreground:#17120f;--border:#eedec638;--font-sans:Arial, Helvetica, sans-serif;--font-serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;overflow-x:hidden}img{max-width:100%;display:block}.prototype-shell{--ink:#08100c;--paper:#eee8d0;--green:#70d19f;background:#0d1211;min-height:100vh}.writing-site-nav{background:#08100c}.study-header{z-index:50;height:var(--nav-height);background:#101615;border-bottom:1px solid #eedec62e;justify-content:space-between;align-items:end;gap:2rem;min-height:94px;padding:22px clamp(22px,4vw,64px) 18px;display:flex;position:sticky;top:0}.eyebrow{color:#d7ad91;letter-spacing:.2em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.study-header h1{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:clamp(25px,2.8vw,40px);font-weight:400}.study-note{color:#c8bcae;letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:10px}.haiku-scroll{background:#080c0c;position:relative}.sticky-stage{z-index:0;top:var(--nav-height);width:100%;height:calc(100vh - var(--nav-height));position:sticky;overflow:hidden}.scene-frame{width:100%;height:100%;position:relative;overflow:hidden}.scene-image{object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%}.card-stream{z-index:1;height:5500px;margin-top:calc(-100vh + var(--nav-height) + var(--nav-clearance));translate:0 var(--card-nav-clearance);padding-bottom:0;position:relative;overflow:hidden}.card-group{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:92px clamp(110px,13vw,210px);width:min(1480px,100% - 80px);margin:0 auto;padding:86px clamp(30px,5vw,84px);display:grid}.gyotaku-card{-webkit-appearance:none;appearance:none;width:var(--card-width);cursor:pointer;transform:rotate(var(--rotate));translate:var(--locked-x,0px) var(--locked-y,0px);filter:drop-shadow(0 18px 20px #00000047);background:0 0;border:6px solid #0000;border-radius:14px;margin:0;padding:0;line-height:0;transition:border-color .15s,box-shadow .15s,filter .15s;position:relative;overflow:visible}.gyotaku-card:after{content:"";top:var(--focus-inset-top,var(--focus-inset-y,0.9%));right:var(--focus-inset-right,var(--focus-inset-x,2.7%));bottom:var(--focus-inset-bottom,var(--focus-inset-y,0.9%));left:var(--focus-inset-left,var(--focus-inset-x,2.7%));pointer-events:none;opacity:0;border-radius:10px;transition:opacity .15s;position:absolute;box-shadow:0 0 0 5px #ff0d0d,0 0 12px 5px #ff1010,0 0 28px 10px #ff0f0fad,0 0 56px 16px #ff0a0a5c,0 0 96px 22px #dc000029}.gyotaku-card[data-card-number="12"]{--focus-inset-y:2.1%}.gyotaku-card[data-card-number="5"]{--focus-inset-x:5.5%;--focus-inset-y:2.3%}.gyotaku-card[data-card-number="7"]{--focus-inset-right:4%;--focus-inset-bottom:2.2%;--focus-inset-left:4%}.gyotaku-card[data-card-number="13"],.gyotaku-card[data-card-number="15"]{--focus-inset-top:1.2%}.gyotaku-card[data-card-number="9"]{--focus-inset-top:0%;--focus-inset-right:0.9%;--focus-inset-bottom:0%;--focus-inset-left:0.9%}.gyotaku-card[data-card-number="8"]{--focus-inset-right:3%;--focus-inset-left:3%;--focus-inset-top:1.8%;--focus-inset-bottom:1.8%}.gyotaku-card[data-card-number="2"]{--focus-inset-x:3%;--focus-inset-y:1.2%}.gyotaku-card[data-card-number="1"]{--focus-inset-top:1.2%;--focus-inset-right:1.8%;--focus-inset-bottom:1.2%;--focus-inset-left:3%}.gyotaku-card:nth-child(2),.gyotaku-card:nth-child(5){transform:rotate(var(--rotate))}.gyotaku-card img{width:100%;height:auto;transition:transform .15s}.haiku-sample{z-index:1;color:#191612e0;letter-spacing:.015em;white-space:nowrap;pointer-events:none;text-shadow:0 1px #ffffff59;flex-direction:column;gap:.38em;font-family:Zen Old Mincho,serif;font-size:clamp(16px,1.4vw,22px);line-height:1.42;display:flex;position:absolute}.haiku-sample-scallop{text-align:center;font-weight:500;top:17%;left:50%;transform:translate(-50%)}.haiku-sample-mackerel{text-align:left;white-space:normal;width:40%;font-weight:500;top:29%;left:7%}.haiku-entry{z-index:1;color:#191612e6;letter-spacing:.015em;pointer-events:none;text-shadow:0 1px #ffffff59;font-family:Zen Old Mincho,serif;line-height:1.4;position:absolute;inset:0}.haiku-entry-redfish .haiku-title{white-space:nowrap;font-size:clamp(20px,1.8vw,29px);font-weight:500;position:absolute;top:5.5%;left:50%;transform:translate(-50%)}.haiku-entry-redfish .haiku-lines{white-space:nowrap;flex-direction:column;gap:.42em;font-size:clamp(16px,1.35vw,21px);font-weight:400;line-height:1.45;display:flex;position:absolute;top:65%;left:50%;transform:translate(-50%)}.haiku-entry-scallop .haiku-title{white-space:nowrap;font-size:clamp(16px,1.4vw,21px);font-weight:500;position:absolute;top:10%;left:50%;transform:translate(-50%)}.haiku-entry-scallop .haiku-lines{white-space:nowrap;flex-direction:column;gap:.38em;font-size:clamp(14px,1.15vw,18px);font-weight:400;line-height:1.45;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.haiku-entry-mackerel .haiku-title,.haiku-entry-mackerel .haiku-lines{text-align:left;width:46%;position:absolute;left:6%}.haiku-entry-mackerel .haiku-title{font-size:clamp(18px,1.55vw,24px);font-weight:500;top:22%;left:calc(6% + 30px)}.haiku-entry-mackerel .haiku-lines{white-space:nowrap;flex-direction:column;gap:.48em;font-size:clamp(11px,.94vw,15px);line-height:1.5;display:flex;top:34%}.haiku-entry-amberjack .haiku-title,.haiku-entry-amberjack .haiku-lines{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.haiku-entry-amberjack .haiku-title{font-size:clamp(20px,1.7vw,27px);font-weight:500;top:46%}.haiku-entry-amberjack .haiku-lines{flex-direction:column;gap:.42em;font-size:clamp(15px,1.25vw,20px);line-height:1.5;display:flex;top:57%}.haiku-entry-bluefin .haiku-title,.haiku-entry-bluefin .haiku-lines{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.haiku-entry-bluefin .haiku-title{font-size:clamp(20px,1.7vw,27px);font-weight:500;top:10%}.haiku-entry-bluefin .haiku-lines{flex-direction:column;gap:.42em;font-size:clamp(14px,1.18vw,19px);line-height:1.5;display:flex;top:21%}.haiku-entry-lobster .haiku-title,.haiku-entry-lobster .haiku-lines{text-align:left;white-space:nowrap;width:37%;position:absolute;left:57%}.haiku-entry-lobster .haiku-title{font-size:clamp(20px,1.7vw,27px);font-weight:500;top:22%}.haiku-entry-lobster .haiku-lines{flex-direction:column;gap:.44em;font-size:clamp(13px,1.08vw,17px);line-height:1.5;display:flex;top:34%}.haiku-entry-robin-fish .haiku-title,.haiku-entry-robin-fish .haiku-lines{text-align:left;white-space:nowrap;width:52%;position:absolute;left:9%}.haiku-entry-robin-fish .haiku-title{font-size:clamp(19px,1.6vw,25px);font-weight:500;top:10%}.haiku-entry-robin-fish .haiku-lines{flex-direction:column;gap:.44em;font-size:clamp(12px,1vw,16px);line-height:1.5;display:flex;top:22%}.haiku-entry-urchin .haiku-title,.haiku-entry-urchin .haiku-lines{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.haiku-entry-urchin .haiku-title{margin-top:-16px;font-size:clamp(19px,1.6vw,25px);font-weight:500;top:11%}.haiku-entry-urchin .haiku-lines{flex-direction:column;gap:.44em;margin-top:-20px;font-size:clamp(12px,1vw,16px);line-height:1.5;display:flex;top:23%}.haiku-entry-salmon .haiku-title,.haiku-entry-salmon .haiku-lines{text-align:left;white-space:nowrap;position:absolute}.haiku-entry-salmon .haiku-title{font-size:clamp(19px,1.6vw,25px);font-weight:500;top:8%;left:calc(7% + 38px)}.haiku-entry-salmon .haiku-lines{flex-direction:column;align-items:flex-start;gap:.44em;font-size:clamp(11px,.92vw,15px);line-height:1.5;display:flex;top:20%;left:calc(6% + 38px)}.haiku-entry-salmon .haiku-lines span:nth-child(2){transform:translate(10px)}.haiku-entry-salmon .haiku-lines span:nth-child(3){transform:translate(22px)}.haiku-entry-striped-bass .haiku-title,.haiku-entry-striped-bass .haiku-lines{text-align:left;width:50%;position:absolute;right:7%}.haiku-entry-striped-bass .haiku-title{white-space:nowrap;font-size:clamp(20px,1.7vw,27px);font-weight:500;line-height:1.18;top:8%;transform:translate(-40px)}.haiku-entry-striped-bass .haiku-lines{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:.44em;font-size:clamp(13px,1.08vw,17px);line-height:1.5;display:flex;top:22%}.haiku-entry-striped-bass .haiku-lines span:nth-child(2){transform:translate(20px)}.haiku-entry-striped-bass .haiku-lines span:nth-child(3){transform:translate(35px)}.haiku-entry-monkfish .haiku-title,.haiku-entry-monkfish .haiku-lines{text-align:left;white-space:nowrap;width:42%;position:absolute;right:7%}.haiku-entry-monkfish .haiku-title{font-size:clamp(20px,1.7vw,27px);font-weight:500;top:9%}.haiku-entry-monkfish .haiku-lines{flex-direction:column;gap:.44em;font-size:clamp(13px,1.08vw,17px);line-height:1.5;display:flex;top:22%}.haiku-entry-scallop-suction .haiku-title,.haiku-entry-scallop-suction .haiku-lines{text-align:left;white-space:nowrap;position:absolute}.haiku-entry-scallop-suction .haiku-title{font-size:calc(clamp(19px,1.6vw,25px) + 4pt);font-weight:500;top:9%;left:calc(9% + 22px)}.haiku-entry-scallop-suction .haiku-lines{flex-direction:column;gap:.44em;font-size:calc(clamp(12px,1vw,16px) + 2pt);line-height:1.5;display:flex;top:22%;left:calc(9% + 18px)}.haiku-entry-scallop-suction .haiku-lines span:nth-child(2){transform:translate(12px)}.haiku-entry-scallop-suction .haiku-lines span:nth-child(3){transform:translate(24px)}.haiku-entry-flying-fish .haiku-title,.haiku-entry-flying-fish .haiku-lines,.haiku-entry-herring .haiku-title,.haiku-entry-herring .haiku-lines{white-space:nowrap;position:absolute}.haiku-entry-flying-fish .haiku-title{font-size:calc(clamp(19px,1.6vw,25px) + 10pt);font-weight:500;top:8%;right:8%}.haiku-entry-flying-fish .haiku-lines{font-size:calc(clamp(12px,1vw,16px) + 3pt);line-height:1.5;inset:0}.haiku-entry-flying-fish .haiku-lines span{position:absolute}.haiku-entry-flying-fish .haiku-lines span:first-child{top:46%;left:7%;transform:translateY(18px)}.haiku-entry-flying-fish .haiku-lines span:nth-child(2){top:78%;left:calc(38% - 68px)}.haiku-entry-flying-fish .haiku-lines span:nth-child(3){top:84%;left:calc(43% - 68px)}.haiku-entry-herring .haiku-title{font-size:calc(clamp(19px,1.6vw,25px) + 4pt);font-weight:500;top:7%;left:calc(7% + 22px)}.haiku-entry-herring .haiku-lines{text-align:left;flex-direction:column;align-items:flex-start;gap:.44em;font-size:calc(clamp(11px,.92vw,15px) + 2pt);line-height:1.5;display:flex;bottom:7%;right:7%}.haiku-entry-herring .haiku-lines span:nth-child(2),.haiku-entry-herring .haiku-lines span:nth-child(3){transform:translate(-20px)}.haiku-entry-herring .haiku-lines span:first-child{transform:translate(18px)}.haiku-entry-herring .haiku-lines span:nth-child(2){transform:translate(-5px)}.haiku-entry-fugu .haiku-title,.haiku-entry-fugu .haiku-lines{text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.haiku-entry-fugu .haiku-title{font-size:calc(clamp(19px,1.6vw,25px) + 4pt);font-weight:500;top:calc(9% + 30px)}.haiku-entry-fugu .haiku-lines{flex-direction:column;gap:.44em;font-size:calc(clamp(12px,1vw,16px) + 4pt);line-height:1.5;display:flex;top:calc(22% + 18px)}.haiku-entry-eel .haiku-title,.haiku-entry-eel .haiku-lines{text-align:left;white-space:nowrap;position:absolute;left:8%}.haiku-entry-eel .haiku-title{font-size:calc(clamp(19px,1.6vw,25px) + 5pt);font-weight:500;top:calc(8% + 36px);left:calc(8% + 24px)}.haiku-entry-eel .haiku-lines{flex-direction:column;gap:.44em;font-size:calc(clamp(12px,1vw,16px) + 2pt);line-height:1.5;display:flex;top:calc(20% + 30px)}.haiku-entry-octopus .haiku-title,.haiku-entry-octopus .haiku-lines,.haiku-entry-sardine .haiku-title,.haiku-entry-sardine .haiku-lines{text-align:left;white-space:nowrap;position:absolute}.haiku-entry-octopus .haiku-title{font-size:calc(clamp(28px,2.4vw,38px) + 3pt);font-weight:500;top:8%;left:calc(8% + 30px)}.haiku-entry-octopus .haiku-lines{flex-direction:column;gap:.44em;font-size:calc(clamp(13px,1.08vw,17px) + 2pt);line-height:1.5;display:flex;bottom:calc(9% + 15px);right:calc(7% + 25px)}.haiku-entry-sardine .haiku-title,.haiku-entry-sardine .haiku-lines{width:38%;left:55%}.haiku-entry-sardine .haiku-title{font-size:calc(clamp(18px,1.5vw,24px) + 2pt);font-weight:500;top:calc(42% - 20px);left:calc(55% - 37px)}.haiku-entry-sardine .haiku-lines{flex-direction:column;gap:.44em;font-size:calc(clamp(12px,1vw,16px) + 2pt);line-height:1.5;display:flex;top:calc(53% + 25px);left:calc(55% - 15px)}.gyotaku-card:hover img{transform:translateY(-3px)}.gyotaku-card:focus,.gyotaku-card[aria-pressed=true]{z-index:10;filter:drop-shadow(0 22px 24px #00000061);border-color:#0000;outline:none}.gyotaku-card:focus:after,.gyotaku-card[aria-pressed=true]:after{opacity:1}.gyotaku-card:focus img,.gyotaku-card[aria-pressed=true] img{transform:scale(1.025)}.card-small{--card-width:clamp(352px, 28.4vw, 442px)}.card-medium{--card-width:clamp(394px, 31.8vw, 496px)}.card-large{--card-width:clamp(442px, 35.4vw, 550px)}.card-group-1,.card-group-2{height:2520px;padding:0;display:block;position:relative}.card-group-1 .gyotaku-card,.card-group-2 .gyotaku-card{position:absolute}.card-group-1 .gyotaku-card:first-child{top:90px;left:4%}.card-group-1 .gyotaku-card:nth-child(2){top:300px;left:59%}.card-group-1 .gyotaku-card:nth-child(3){top:790px;left:29%}.card-group-1 .gyotaku-card:nth-child(4){top:820px;left:60%}.card-group-1 .gyotaku-card:nth-child(5){top:1420px;left:6%}.card-group-1 .gyotaku-card:nth-child(6){top:1700px;left:39%}.card-group-2 .gyotaku-card:first-child{top:90px;left:70%}.card-group-2 .gyotaku-card:nth-child(2){top:430px;left:8%}.card-group-2 .gyotaku-card:nth-child(3){top:900px;left:43%}.card-group-2 .gyotaku-card:nth-child(4){top:930px;left:6%}.card-group-2 .gyotaku-card:nth-child(5){top:1550px;left:70%}.card-group-2 .gyotaku-card:nth-child(6){top:1850px;left:35%}.study-footer{color:#c9bcab;letter-spacing:.14em;text-transform:uppercase;background:#101615;border-top:1px solid #eedec62e;justify-content:space-between;align-items:center;min-height:140px;padding:36px clamp(22px,4vw,64px);font-size:10px;display:flex}.study-footer>span:last-child{color:#d6a07f;font-family:var(--font-serif);letter-spacing:0;font-size:31px}.study-footer a{color:#8de8f2;font-weight:700;text-decoration:none}.study-footer a span{margin-left:8px}:is(.study-footer a:hover,.study-footer a:focus-visible){color:#fff7e9}@media (min-width:1440px){.card-stream{height:6000px}}@media (min-width:701px) and (max-width:1100px){.card-stream{height:auto;padding-bottom:120px;overflow:visible}.card-group,.card-group-1,.card-group-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(64px,8vw,96px) clamp(24px,4vw,48px);width:calc(100% - 32px);height:auto;padding:56px 12px;display:grid}.card-group-1 .gyotaku-card,.card-group-2 .gyotaku-card{position:static}.card-group:nth-child(odd) .gyotaku-card:nth-child(2n){margin-top:72px}.card-group:nth-child(2n) .gyotaku-card:nth-child(odd){margin-top:52px}.card-small{--card-width:clamp(280px, 35vw, 360px)}.card-medium{--card-width:clamp(300px, 38vw, 390px)}.card-large{--card-width:clamp(320px, 41vw, 420px)}.gyotaku-card{translate:0!important}}@media (max-width:820px){:root{--nav-height:104px}}@media (max-width:700px){.study-header{flex-direction:column;align-items:start;gap:10px}.card-group{grid-template-columns:1fr;row-gap:54px;width:calc(100% - 28px);padding:64px 8px}.card-stream{height:auto;padding-bottom:120px;overflow:visible}.card-group-1,.card-group-2{height:auto;padding:64px 8px;display:grid}.card-group-1 .gyotaku-card,.card-group-2 .gyotaku-card{position:static}.card-small{--card-width:clamp(280px, 66vw, 394px)}.card-medium{--card-width:clamp(318px, 72vw, 438px)}.card-large{--card-width:clamp(350px, 78vw, 480px)}.gyotaku-card{margin-top:0;translate:0!important}}
