:root{--paper: #F4F5F3;--mist: #C9CFCE;--steel: #98A3A0;--slate: #4A5250;--pitch: #1B201F;--melon: #E89A6F;--night: #0E141C;--night-lift: #16202B;--kinari: var(--paper);--ink: var(--pitch);--dim: var(--steel);--asagi: var(--melon);--kon: var(--pitch);--font-display: "Klee One", "Zen Kaku Gothic New", Georgia, serif;--font-body: "Zen Kaku Gothic New", system-ui, -apple-system, sans-serif;--font-tech: "IBM Plex Mono", ui-monospace, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.yy-rail{height:1800vh;position:relative}.yy-scene{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ground, #28384A);display:grid;place-items:center}.yy-stack{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.yy-bloom{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(circle at 50% 46%,#ffe2b2d9,#ffb07073 20%,#e89a6f2e,#e89a6f00 68%)}.yy-pane{position:absolute;top:3%;right:3%;bottom:3%;left:3%;transform-style:preserve-3d;display:grid;place-items:center;will-change:transform,opacity;backface-visibility:hidden;opacity:0}.yy-pane img{width:100%;height:100%;display:block;object-fit:contain}.yy-portal{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;z-index:5;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}.yy-portal img{width:100%;height:100%;display:block;object-fit:cover}.yy-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#fdf1e6;opacity:0;pointer-events:none}.yy-rider{position:absolute;left:50%;bottom:0;width:140%;transform-origin:50% 100%;z-index:4;opacity:0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}.yy-rider img{width:100%;height:auto;display:block}.yy-dusk{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:var(--night);opacity:0;pointer-events:none}.yy-lockup{position:relative;z-index:4;text-align:center;pointer-events:none;color:var(--paper);padding:0 20px;opacity:calc(1 - var(--p, 0) * 14)}.yy-lockup h1{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,9vw,96px);letter-spacing:-.02em;line-height:.95;text-wrap:balance}.yy-lockup .sep{color:var(--melon)}.yy-lockup .jp{font-family:var(--font-display);font-size:clamp(12px,2.3vw,17px);letter-spacing:.34em;margin-top:14px}.yy-lockup .gloss{font-size:clamp(10px,1.9vw,12.5px);letter-spacing:.16em;margin-top:20px;opacity:.6}.yy-lockup .jp{opacity:.7}.yy-enso{width:42px;height:42px;display:block}.yy-enso path{fill:none;stroke:var(--melon);stroke-width:7;stroke-linecap:round}.yy-footer{position:relative;z-index:8;background:transparent;color:var(--paper);padding:clamp(52px,7vw,96px) clamp(22px,4vw,52px) clamp(30px,3.4vw,44px)}.yy-inner{max-width:940px;margin:0 auto}.yy-footer .say{max-width:56ch;margin-bottom:clamp(26px,3.6vw,38px);font-size:clamp(14.5px,1.6vw,16px);line-height:1.72;color:#f4f5f3b3}.yy-by{display:flex;align-items:center;gap:13px;padding:20px 0 22px;border-top:1px solid rgba(244,245,243,.12)}.yy-by img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid rgba(244,245,243,.2)}.yy-by .who{font-family:var(--font-display);font-size:16px;color:var(--paper);line-height:1.3}.yy-by .role{display:block;font-family:var(--font-tech);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#f4f5f36b;margin-top:3px}.yy-rows{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 28px;padding-top:18px;border-top:1px solid rgba(244,245,243,.12);color:#f4f5f36b}.yy-rows .yr{font-family:var(--font-tech);font-size:11.5px;letter-spacing:.12em;padding-top:2px}.yy-rows a{color:#f4f5f3bd;text-decoration:none;transition:color .2s ease}.yy-rows a:hover{color:var(--paper)}.yy-rows .spacer{flex:1 1 auto}.yy-mark{display:block;width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(244,245,243,.2);background:#f4f5f30a;opacity:.85;transition:opacity .22s ease,border-color .22s ease}.yy-mark:hover{opacity:1;border-color:#f4f5f36b}.yy-mark img{width:100%;height:100%;display:block;object-fit:contain;padding:2px}.yy-lang{display:flex;align-items:center;gap:8px;font-family:var(--font-tech);font-size:10.5px;letter-spacing:.14em;color:#f4f5f338}.yy-lang button{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:#f4f5f361;cursor:pointer;transition:color .2s ease}.yy-lang button:hover{color:#f4f5f3cc}.yy-lang button.on{color:var(--melon)}.yy-lang button[lang=ja]{font-family:var(--font-body);font-size:11.5px;letter-spacing:.06em}:focus-visible{outline:2px solid var(--asagi);outline-offset:3px}@media(prefers-reduced-motion:reduce){.yy-rail{height:150vh}}.yy-page{position:relative;min-height:calc(100svh - 140px);padding:clamp(38px,6vw,88px) clamp(20px,4vw,52px) clamp(50px,7vw,90px);isolation:isolate}.yy-page-weather{position:absolute;inset:-10% -6% auto;height:60vh;z-index:-1;background:url(/layers/01-first.webp) center top / cover no-repeat;opacity:.06;filter:saturate(.6);-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);pointer-events:none}.yy-sheet{max-width:660px;margin:0 auto}.yy-sheet.wide{max-width:760px}.yy-back{display:inline-block;font-family:var(--font-tech);font-size:11px;letter-spacing:.16em;color:#f4f5f36b;text-decoration:none;margin-bottom:clamp(34px,6vw,64px);transition:color .2s ease}.yy-back:hover{color:var(--paper)}.yy-back .sep{color:var(--melon)}.yy-page .yy-enso{margin-bottom:22px}.yy-page .yy-enso path{stroke:var(--melon)}.yy-page h1{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,7vw,58px);letter-spacing:-.025em;line-height:1.04;color:var(--paper);margin-bottom:clamp(26px,4vw,40px);text-wrap:balance}.yy-say{font-size:clamp(15px,1.8vw,16.5px);line-height:1.75;color:#f4f5f399;max-width:52ch;margin-bottom:clamp(30px,5vw,46px)}.yy-form{display:flex;flex-direction:column;gap:clamp(26px,4vw,40px)}.yy-field{display:block}.yy-label{display:block;font-family:var(--font-tech);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#f4f5f357;margin-bottom:10px}.yy-field textarea{width:100%;background:none;border:0;border-bottom:1px solid rgba(244,245,243,.16);border-radius:0;padding:0 0 16px;font-family:var(--font-display);font-size:clamp(21px,3.4vw,30px);line-height:1.5;color:var(--paper);resize:none;outline:none;transition:border-color .22s ease}.yy-field input{width:100%;background:none;border:0;border-bottom:1px solid rgba(244,245,243,.16);border-radius:0;padding:0 0 12px;font-family:var(--font-body);font-size:16px;color:var(--paper);outline:none;transition:border-color .22s ease}.yy-field textarea::placeholder,.yy-field input::placeholder{color:#f4f5f33d}.yy-field textarea:focus,.yy-field input:focus{border-bottom-color:var(--melon)}.yy-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,34px)}.yy-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;font-family:var(--font-tech);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#f4f5f34d;padding-top:4px}.yy-status .sep{color:#f4f5f324}.yy-status .on{color:var(--melon)}.yy-send{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-top:8px}.yy-send button{background:none;border:0;padding:0;font-family:var(--font-display);font-size:clamp(19px,2.6vw,24px);color:var(--melon);cursor:pointer;border-bottom:1px solid var(--melon);transition:opacity .2s ease}.yy-send button:disabled{opacity:.26;cursor:not-allowed;border-bottom-color:#f4f5f333;color:#f4f5f366}.yy-when,.yy-needs{font-family:var(--font-tech);font-size:10.5px;letter-spacing:.12em;color:#f4f5f357}.yy-needs b{color:#f4f5f3b3;font-weight:400}.yy-said{max-width:48ch}.yy-said p{font-size:16px;line-height:1.75;color:#f4f5f3ad;margin-bottom:26px}.yy-fallback{font-family:var(--font-tech);font-size:11px;letter-spacing:.1em;color:#f4f5f357;margin-bottom:26px}.yy-fallback a{color:var(--melon);text-decoration:none}.yy-quiet{font-family:var(--font-tech);font-size:11px;letter-spacing:.16em;color:#f4f5f380;text-decoration:none;border-bottom:1px solid rgba(244,245,243,.2);transition:color .2s ease,border-color .2s ease}.yy-quiet:hover{color:var(--paper);border-color:var(--melon)}.yy-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;font-family:var(--font-tech);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#f4f5f357;margin-bottom:clamp(28px,4vw,42px)}.yy-readout .sep{color:#f4f5f329}.yy-readout b{color:var(--melon);font-weight:400}.yy-read .yy-readout{margin-bottom:18px}.yy-route{list-style:none;position:relative;padding-left:30px}.yy-route:before{content:"";position:absolute;left:3px;top:10px;bottom:10px;width:1px;background:#f4f5f324}.yy-stop{position:relative}.yy-stop a{display:block;padding:clamp(20px,2.6vw,30px) 0;text-decoration:none;color:inherit}.yy-stop .dot{position:absolute;left:-30px;top:calc(clamp(20px,2.6vw,30px) + 9px);width:7px;height:7px;border-radius:50%;background:#f4f5f347;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.yy-stop .idx{font-family:var(--font-tech);font-size:10px;letter-spacing:.2em;color:#f4f5f347;margin-right:10px;transition:color .22s ease}.yy-stop .idx:after{content:"/";margin-left:10px;color:#f4f5f324}.yy-stop a:hover .idx{color:var(--melon)}.yy-stop:after{content:"";position:absolute;left:-27px;top:calc(clamp(20px,2.6vw,30px) + 12px);width:7px;height:1px;background:#f4f5f324}.yy-stop .when{font-family:var(--font-tech);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f4f5f357;transition:color .22s ease}.yy-stop .head{display:block;margin-bottom:9px}.yy-stop h2{font-family:var(--font-display);font-weight:600;font-size:clamp(21px,3.2vw,28px);letter-spacing:-.015em;line-height:1.2;color:var(--paper);transition:color .22s ease;text-wrap:balance}.yy-stop a:hover .dot{background:var(--melon);transform:scale(1.5);box-shadow:0 0 0 4px #e89a6f26}.yy-stop a:hover .when,.yy-stop a:hover h2{color:var(--melon)}.yy-empty{padding:clamp(40px,6vw,70px) 0 10px;font-size:16px;line-height:1.75;color:#f4f5f380;max-width:40ch}.yy-empty b{color:var(--melon);font-weight:400}.yy-empty button{background:none;border:0;padding:0;font:inherit;color:var(--paper);cursor:pointer;border-bottom:1px solid rgba(244,245,243,.3)}.yy-empty button:hover{color:var(--melon);border-bottom-color:var(--melon)}.yy-tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:clamp(24px,3vw,34px)}.yy-tags button{background:none;border:0;padding:0;font-family:var(--font-tech);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#f4f5f35c;cursor:pointer;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.yy-tags button:hover{color:var(--paper)}.yy-tags button.on{color:var(--melon);border-bottom-color:var(--melon)}.yy-read .yy-meta{font-family:var(--font-tech);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f4f5f357;margin-bottom:16px}.yy-read h1{margin-bottom:clamp(20px,3vw,30px)}.yy-read .yy-dek{font-family:var(--font-display);font-size:clamp(17px,2.2vw,20px);line-height:1.6;color:#f4f5f39e;max-width:46ch;margin-bottom:clamp(34px,5vw,52px);padding-bottom:clamp(34px,5vw,52px);border-bottom:1px solid rgba(244,245,243,.12)}.yy-body{max-width:62ch}.yy-body p{font-size:16.5px;line-height:1.85;color:#f4f5f3c7;margin-bottom:26px}.yy-body h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3vw,27px);color:var(--paper);margin:clamp(40px,5vw,56px) 0 16px}.yy-body blockquote{border-left:2px solid var(--melon);padding-left:22px;margin:clamp(34px,4vw,44px) 0;font-family:var(--font-display);font-size:clamp(18px,2.4vw,22px);line-height:1.55;color:var(--paper)}.yy-body figure{margin:clamp(34px,5vw,48px) 0}.yy-body figure img{width:100%;height:auto;display:block;border-radius:4px}.yy-body figcaption{font-family:var(--font-tech);font-size:10.5px;letter-spacing:.12em;color:#f4f5f357;margin-top:12px}.yy-read-tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:clamp(44px,6vw,70px);padding-top:clamp(24px,3vw,32px);border-top:1px solid rgba(244,245,243,.12)}.yy-read-tags a{font-family:var(--font-tech);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#f4f5f366;text-decoration:none;transition:color .2s ease}.yy-read-tags a:hover{color:var(--melon)}.yy-label,.yy-entry-when,.yy-by .role,.yy-rows,.yy-when,.yy-tags button,.yy-entry-tags span,.yy-entry-tags a,.yy-lockup .gloss,.yy-back{font-family:var(--font-tech);font-variant-numeric:tabular-nums}.yy-entry-when,.yy-by .role,.yy-label{text-transform:uppercase}.yy-tags button,.yy-entry-tags span,.yy-entry-tags a{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.yy-rows{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase}.yy-when{font-size:11px;letter-spacing:.1em}.yy-back{font-size:11px;letter-spacing:.14em;text-transform:lowercase}.yy-lockup .gloss{text-transform:lowercase;letter-spacing:.2em}