:root{--paper:#f5f2e9;--ink:#20211e;--muted:#616259;--green:#d2fc4b;--purple:#b19aea;--border:2px solid var(--ink);--font:Arial,"Hiragino Kaku Gothic ProN","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.65;background-image:radial-gradient(#28291e12 .65px,transparent .65px);background-size:7px 7px}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6541b4;outline-offset:6px}button{border-radius:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{line-height:1.3}button:hover .expand{transform:translate(2px,-2px)}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:11px;letter-spacing:1.15px}.header{height:104px;display:flex;align-items:center;gap:22px;border-bottom:var(--border)}.logo{font-weight:900;font-size:46px;line-height:1;letter-spacing:-2px;display:flex;align-items:start;gap:2px}.logo span{font-size:27px;color:var(--ink);line-height:1.1;letter-spacing:-2px}.brand-note{font-size:9px;letter-spacing:1.1px;line-height:1.6;font-weight:700}.header nav{display:flex;gap:31px;margin-left:auto;font-size:13px;font-weight:bold}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.languages{display:flex;border:var(--border);margin-left:26px;box-shadow:3px 3px var(--ink)}.languages button{background:transparent;border:0;padding:6px 11px;font-size:11px;font-weight:700;min-width:37px}.languages button+button{border-left:1px solid var(--ink)}.languages button[aria-pressed=true]{background:var(--green)}.hero{padding-top:25px;padding-bottom:58px}.issue{display:flex;justify-content:space-between;font-size:10px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:590px;align-items:center;gap:15px}.hero-copy{padding-top:43px;position:relative;z-index:2}.hello{display:inline-block;background:var(--purple);padding:1px 14px;font-size:14px;font-weight:700;transform:rotate(-5deg);border:var(--border);box-shadow:3px 3px var(--ink);margin-left:5px}.hero h1{font-size:clamp(65px,7.7vw,112px);letter-spacing:-.025em;font-weight:900;line-height:1.12;margin:14px 0 0;width:max-content;max-width:100%}.title-dot{display:inline-block;width:.14em;height:.14em;margin:0 .055em 0 .075em;background:#8662cb;color:transparent;overflow:hidden;line-height:0;letter-spacing:0;vertical-align:baseline}.brand-subline{font-size:10px;letter-spacing:1.6px;margin:8px 0 23px;color:var(--muted)}.hero h2{font-size:clamp(33px,3.5vw,51px);font-weight:900;letter-spacing:-2px;line-height:1.45}.highlight{background:var(--green);padding:0 9px 4px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.intro{font-size:14px;line-height:1.9;margin:22px 0 25px;color:#505148;max-width:410px}.button{display:inline-flex;gap:29px;align-items:center;padding:12px 22px;border:var(--border);font-size:13px;font-weight:700;box-shadow:4px 4px var(--purple);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px var(--purple)}.button span:last-child{font-size:20px;line-height:1}.ink{background:var(--ink);color:var(--paper)}.hero-foot{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:10px;letter-spacing:.6px}.status-dot{display:inline-block;width:8px;height:8px;background:#7b9434;border:1.5px solid var(--ink);border-radius:50%}.collage{height:510px;position:relative;min-width:0;align-self:end;margin-bottom:6px}.polaroid{background:#fffef8;border:var(--border);padding:11px 11px 0;box-shadow:6px 7px var(--ink);position:absolute;transition:transform .25s}.polaroid:hover{transform:rotate(0deg) translateY(-5px);z-index:4}.hero-photo{width:87%;left:0;top:66px;transform:rotate(-6deg)}.hero-photo img{aspect-ratio:1.5;object-fit:cover}.photo-label{display:flex;justify-content:space-between;padding:12px 3px;font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:.6px}.tape{position:absolute;width:116px;height:34px;top:-19px;left:calc(50% - 58px);background:#d0c1eac2;transform:rotate(3deg);border-left:1px dashed #5d41733d;border-right:1px dashed #5d41733d;z-index:2}.sky-photo{width:49%;right:-8px;bottom:2px;transform:rotate(9deg);padding:8px 8px 0}.sky-photo img{aspect-ratio:1.42;object-fit:cover}.sky-photo .photo-label{padding:9px 3px;font-size:10px}.round-sticker{position:absolute;right:-8px;top:33px;width:119px;height:119px;background:var(--green);border:var(--border);border-radius:50%;z-index:2;transform:rotate(15deg);font-size:20px;line-height:1.1;font-weight:900;text-align:center;padding:22px 8px;box-shadow:3px 3px var(--ink)}.round-sticker span{display:block;font-size:28px}.scribble-note{position:absolute;top:0;left:45px;transform:rotate(-8deg);font-size:16px;font-style:italic;font-family:"Kaiti SC","YuMincho",Georgia,serif}.scribble-arrow{position:absolute;top:1px;left:184px;width:87px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.photo-index{position:absolute;bottom:42px;left:0;font-size:8px;transform:rotate(-6deg)}.star-doodle{position:absolute;bottom:82px;left:67px;width:69px;fill:var(--purple);stroke:var(--ink);stroke-width:2;transform:rotate(-8deg)}.ticker{overflow:hidden;background:var(--ink);color:var(--green);transform:rotate(-1.5deg);width:100%;padding:10px 0;border-top:var(--border);border-bottom:var(--border)}.ticker>div{display:flex;gap:30px;white-space:nowrap;justify-content:center;font-size:16px;font-weight:900;letter-spacing:2px}.ticker span{color:var(--purple);font-size:23px;line-height:1}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.eyebrow{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:13px}.section-heading h2{font-size:36px;font-weight:900;letter-spacing:-1.2px}.margin-note{font-family:"Kaiti SC","YuMincho",Georgia,serif;font-style:italic;font-size:17px;transform:rotate(-5deg);padding-bottom:10px}.work-section{padding-top:93px;padding-bottom:74px}.project{display:grid;grid-template-columns:44% 56%;border:var(--border);box-shadow:8px 8px var(--ink);background:var(--paper)}.project-copy{padding:32px 35px 38px}.project-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;gap:10px}.small-tag{border:1px solid;padding:3px 6px;font-size:8px;white-space:nowrap}.project h3{font-size:43px;line-height:1.1;letter-spacing:-2px;margin:35px 0 22px;display:flex;justify-content:space-between}.project h3 span{font-size:34px}.project-deck{font-size:29px;font-weight:800;line-height:1.4;letter-spacing:-.7px;margin-bottom:18px}.project-copy>p:not(.project-deck){font-size:13px;color:#56574f;line-height:1.9;max-width:360px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.tags span{font-family:Consolas,monospace;font-size:9px;border:1px solid #96968e;padding:2px 7px}.project-features{border-top:1px solid #b0aea3;margin:24px 0}.project-features>div{padding:9px 0;border-bottom:1px solid #b0aea3;font-size:11px;display:flex;gap:17px}.project-features b{font-family:Consolas,monospace;font-weight:400;color:#797b70}.project .button{font-size:11px;padding:10px 17px}.project-visual{border-left:var(--border);background:var(--purple);padding:0 29px 20px;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0;overflow:hidden;background-image:linear-gradient(#ffffff19 1px,transparent 1px),linear-gradient(90deg,#ffffff19 1px,transparent 1px);background-size:23px 23px}.window-bar{position:absolute;top:0;left:0;right:0;border-bottom:var(--border);padding:10px 17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;background:#a78bdf}.window-bar .mono{font-size:8px;letter-spacing:1px}.window-dots{font-size:10px;letter-spacing:2px}.project-tabs{display:flex;gap:0;align-self:start;border:var(--border);margin-top:63px;margin-bottom:18px;box-shadow:3px 3px var(--ink);background:var(--paper);z-index:1}.project-tabs button{border:0;background:none;padding:6px 15px;font-size:11px}.project-tabs button+button{border-left:var(--border)}.project-tabs .active{background:var(--green)}.screenshot-button{padding:0;background:#f9f7f2;border:var(--border);position:relative;box-shadow:6px 6px var(--ink);transform:rotate(2deg);transition:transform .2s;overflow:hidden}.screenshot-button:hover{transform:rotate(0)}.screenshot-button img{width:100%;aspect-ratio:1.36;object-fit:cover;object-position:top}.zoom-hint{position:absolute;right:10px;bottom:10px;border:var(--border);background:var(--green);padding:4px 9px;font-size:9px}.project-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px;margin-top:23px}.now-section{padding:7px 0 84px}.now-paper{display:grid;grid-template-columns:35% 65%;position:relative;border:var(--border);background:var(--green);box-shadow:6px 6px var(--ink);transform:rotate(.65deg)}.now-art{position:relative;min-height:340px;border-right:2px dashed #20211e60;display:flex;flex-direction:column;align-items:center;padding-top:51px;overflow:hidden}.art-label{position:absolute;top:17px;left:21px;font-size:8px}.nas{width:161px;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px var(--ink);padding:12px;transform:rotate(-7deg)}.nas-top{font:7px Consolas,monospace;letter-spacing:.8px;margin-bottom:14px}.drive{border:2px solid var(--ink);height:43px;margin-top:7px;display:flex;align-items:center;gap:5px;padding:8px;background:#e1decd}.drive i{height:16px;width:4px;background:var(--ink)}.drive span{margin-left:auto;font:9px Consolas,monospace}.nas-bottom{display:flex;align-items:center;justify-content:space-between;height:32px}.nas-bottom b{font-size:20px}.nas-bottom span{font-size:7px;color:#5c832d}.hand-label{font-family:Georgia,serif;font-size:16px;transform:rotate(-7deg);margin-top:22px;z-index:1;font-style:italic}.cable{position:absolute;bottom:0;left:0;width:100%;height:85px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.now-copy{padding:40px 85px 35px 42px}.now-copy .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px}.now-copy .status-dot{background:var(--ink);width:6px;height:6px}.now-copy h2{font-size:29px;font-weight:900;letter-spacing:-1px;margin-bottom:18px}.now-copy>p{max-width:500px;font-size:13px;line-height:1.9}.now-tags{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 23px}.now-tags span{font-size:10px;border:1px solid #20211e70;padding:2px 9px}details{border-top:1px solid #20211e70;font-size:12px}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}.details-icon{font-size:19px}details[open] .details-icon{transform:rotate(45deg)}.notes{padding:12px 0 0;font-size:11px;line-height:1.85}.notes p+p{margin-top:8px}.wip-stamp{position:absolute;right:15px;top:20px;border:2px solid var(--ink);padding:6px;font-size:8px;line-height:1.4;transform:rotate(11deg);font-weight:bold;letter-spacing:1px;text-align:center}.photos-section{padding:8px 0 60px}.photos-section .section-heading{margin-bottom:24px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:var(--border);padding:19px 0 30px;gap:15px}.gallery-toolbar p{font-size:12px;color:var(--muted)}.filters{display:flex;gap:9px;flex-shrink:0}.filters button{background:transparent;padding:5px 11px;border:1px solid #aaa89f;font-size:10px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery{display:grid;grid-template-columns:1.12fr 1fr;gap:44px 39px;align-items:start;padding:8px 5px}.photo-card{text-align:left;position:relative;padding:10px 10px 0;background:#fffdf5;border:var(--border);box-shadow:5px 5px var(--ink);width:100%;transition:transform .2s}.photo-card:hover{transform:rotate(0deg) translateY(-4px)}.photo-card[hidden]{display:none}.card-harbor{transform:rotate(-1.8deg)}.card-sky{transform:rotate(2.2deg);margin-top:50px}.card-snow{transform:rotate(1.5deg)}.card-mountains{transform:rotate(-2deg);margin-top:51px}.photo-crop{overflow:hidden}.photo-crop img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .4s}.photo-card:hover img{transform:scale(1.025)}.card-snow .photo-crop img{aspect-ratio:1.5;object-position:center}.card-number{position:absolute;top:-17px;left:24px;background:var(--purple);border:var(--border);font-size:13px;font-weight:bold;z-index:1;padding:0 11px;transform:rotate(-5deg)}.card-sky .card-number,.card-mountains .card-number{background:var(--green)}.gallery-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 8px 19px;gap:12px}.gallery-caption strong{display:block;font-size:15px;font-weight:700;line-height:1.4}.gallery-caption small{font-size:10px;color:#6e6d63;display:block;margin-top:4px}.gallery-caption>.mono{font-size:8px;text-align:right;letter-spacing:.4px}.expand{display:block;font-size:23px;line-height:1.15;margin-top:5px;transition:transform .15s}.gallery-end{display:flex;justify-content:space-between;border-bottom:var(--border);padding:42px 0 20px;font-size:9px;letter-spacing:.5px}.closing{padding:39px 0 75px;display:flex;align-items:center;gap:30px}.closing-star{font-size:99px;color:var(--purple);line-height:1;text-shadow:2px 2px var(--ink);transform:rotate(8deg)}.closing .eyebrow{font-size:9px;margin-bottom:9px}.closing h2{font-size:34px;letter-spacing:-1px}.closing p{font-size:12px;color:var(--muted);margin-top:10px}.back-top{margin-left:auto;border:var(--border);width:55px;height:55px;display:grid;place-items:center;font-size:30px;background:var(--green);box-shadow:4px 4px var(--ink);transition:transform .2s}.back-top:hover{transform:translateY(-5px)}footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--border);padding:24px 0 28px;font-size:10px}footer .mono{font-size:8px}footer a{font-weight:700}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--green);z-index:50}.skip:focus{top:10px}dialog{background:var(--paper);color:var(--ink);border:var(--border);padding:0;width:min(1120px,94vw);max-height:94dvh;box-shadow:9px 9px var(--purple);overflow:auto}dialog::backdrop{background:#171916e8;backdrop-filter:blur(5px)}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:var(--border)}.viewer-header .mono{font-size:9px}.viewer-header h2{font-size:20px;margin-top:2px}.viewer-header button{border:var(--border);background:var(--green);font-size:27px;width:38px;height:38px;display:grid;place-items:center;line-height:1}.viewer-image-wrap{background:#181916;display:flex;justify-content:center;align-items:center}.viewer-image-wrap img{max-width:100%;max-height:70dvh;width:auto;object-fit:contain}.viewer-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:15px}.viewer-footer p{font-size:11px;text-align:center}.viewer-footer button{background:var(--paper);border:var(--border);width:34px;height:34px;flex-shrink:0}.viewer-footer button:hover{background:var(--purple)}
html[lang=en] .hero h2{font-size:47px;letter-spacing:-2px;line-height:1.25}html[lang=ja] .hero h2{font-size:39px;letter-spacing:-1.5px}html[lang=en] .project-deck{font-size:29px}html[lang=en] .now-copy h2,html[lang=ja] .now-copy h2{font-size:26px}
@media(min-width:1500px){.hero-grid{min-height:630px}.collage{height:570px}.hero-photo{top:72px}.sky-photo{bottom:15px}.photo-index{bottom:60px}.star-doodle{bottom:110px}.intro{font-size:15px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.brand-note{display:none}.header{height:84px}.hero-grid{min-height:560px}.hero h1{font-size:80px;letter-spacing:-.025em}.hero h2{font-size:38px}.collage{height:440px}.hero-photo{width:92%;top:77px}.sky-photo{width:56%;bottom:5px}.round-sticker{width:97px;height:97px;font-size:16px;padding:18px 4px;top:42px}.round-sticker span{font-size:22px}.photo-index{font-size:6px;bottom:35px}.star-doodle{left:34px;bottom:80px;width:50px}.project-copy{padding:25px}.project h3{font-size:34px}.project-top{flex-wrap:wrap}.project-visual{padding:0 20px 20px}.project-deck{font-size:26px}.now-copy{padding:36px 58px 28px 29px}.now-copy h2{font-size:25px}.now-art{min-height:330px}.now-copy .eyebrow{font-size:8px}.wip-stamp{font-size:6px;right:12px;top:15px}.gallery-toolbar{align-items:start;flex-direction:column}.section-heading h2{font-size:32px}html[lang=en] .hero h2{font-size:36px}html[lang=ja] .hero h2{font-size:30px}.intro{font-size:12px}.project .button{gap:12px}.now-copy>p{font-size:12px}}
@media(max-width:720px){.wrap{width:calc(100% - 38px)}.header{height:76px;gap:10px}.logo{font-size:38px}.logo span{font-size:23px}.header nav{gap:15px;font-size:10px}.languages{margin-left:5px;box-shadow:2px 2px var(--ink)}.languages button{min-width:28px;padding:5px 7px;font-size:10px}.hero{padding-top:19px;padding-bottom:30px}.issue{font-size:7px;letter-spacing:.7px}.issue span:last-child{font-size:6px}.hero-grid{display:flex;flex-direction:column;gap:5px;align-items:stretch}.hero-copy{padding-top:34px}.hello{font-size:12px;padding:1px 11px}.hero h1{font-size:clamp(64px,15vw,95px);letter-spacing:-.025em;margin:10px 0 0}.hero h2{font-size:36px;letter-spacing:-1.5px;line-height:1.4}.hero h2 br{display:block}.intro{max-width:340px;font-size:12px;margin:19px 0 22px}.button{font-size:12px;padding:10px 18px}.hero-foot{margin-top:23px}.collage{height:410px;width:100%;margin:7px 0 0;align-self:auto}.hero-photo{width:77%;top:62px;left:10px}.sky-photo{width:47%;right:5px;bottom:8px}.round-sticker{right:8px;top:37px;width:88px;height:88px;font-size:14px;padding:16px 2px}.round-sticker span{font-size:21px}.scribble-note{font-size:13px;top:13px;left:39px}.scribble-arrow{width:67px;left:164px;top:10px}.photo-index{font-size:6px;left:6px;bottom:43px}.star-doodle{width:46px;bottom:86px;left:55px}.photo-label{padding:9px 2px;font-size:8px}.sky-photo .photo-label{font-size:8px}.ticker{padding:10px 0}.ticker>div{font-size:12px;gap:17px;letter-spacing:1px}.ticker span{font-size:17px}.work-section{padding-top:54px;padding-bottom:48px}.section-heading{margin-bottom:26px;gap:12px}.eyebrow{font-size:8px;letter-spacing:.9px;margin-bottom:9px}.section-heading h2{font-size:26px;letter-spacing:-1px}.margin-note{font-size:11px;max-width:95px;padding-bottom:4px}.project{grid-template-columns:1fr;box-shadow:5px 5px var(--ink)}.project-copy{padding:24px}.project-top{font-size:8px;flex-wrap:nowrap}.project h3{font-size:42px;margin:28px 0 18px}.project-deck{font-size:28px}.project-copy>p:not(.project-deck){font-size:12px;max-width:none}.project-features{margin:20px 0}.project-visual{border-left:0;border-top:var(--border);padding:0 23px 22px}.project-tabs{margin-top:58px}.project-caption{margin-top:19px}.now-section{padding:6px 0 53px}.now-paper{grid-template-columns:1fr;transform:rotate(.4deg);box-shadow:5px 5px var(--ink)}.now-art{display:none}.now-copy{padding:29px 25px}.now-copy h2{font-size:26px;padding-right:8px}.now-copy .eyebrow{font-size:7px;margin-bottom:18px;gap:6px}.now-copy>p{font-size:12px}.wip-stamp{right:11px;top:11px;font-size:5px}.now-tags span{font-size:9px}.now-tags{gap:6px}.photos-section{padding:0 0 34px}.gallery-toolbar{padding:15px 0 25px;gap:14px}.gallery-toolbar p{font-size:11px}.filters{gap:7px}.filters button{font-size:9px;padding:5px 10px}.gallery{grid-template-columns:1fr;gap:31px;padding:7px 3px}.photo-card{padding:8px 8px 0}.card-sky,.card-mountains{margin-top:0}.gallery-caption{padding:14px 6px 15px}.gallery-caption strong{font-size:14px}.gallery-caption small{font-size:9px}.gallery-end{font-size:7px;gap:13px;padding:30px 0 18px;letter-spacing:0}.closing{gap:16px;padding:18px 0 44px}.closing-star{font-size:60px}.closing h2{font-size:25px}.closing .eyebrow{font-size:6px;letter-spacing:.7px}.closing p{font-size:10px;max-width:200px}.back-top{height:38px;width:38px;min-width:38px;font-size:23px;box-shadow:3px 3px var(--ink)}footer{padding:19px 0;font-size:9px}footer .mono{display:none}html[lang=en] .hero h2{font-size:36px}html[lang=en] .hero h2 br,html[lang=ja] .hero h2 br{display:block}html[lang=ja] .hero h2{font-size:32px}html[lang=en] .section-heading h2{font-size:25px}html[lang=ja] .section-heading h2{font-size:24px}html[lang=en] .now-copy h2,html[lang=ja] .now-copy h2{font-size:25px}.viewer-header{padding:12px 15px}.viewer-header h2{font-size:16px}.viewer-footer{padding:12px}.viewer-footer p{font-size:9px}.viewer-image-wrap img{max-height:65dvh}}
@media(max-width:380px){.header nav{gap:10px;font-size:9px}.languages button{min-width:25px;padding:5px}.hero h2{font-size:32px}.collage{height:355px}.section-heading h2{font-size:23px}.margin-note{font-size:10px}.hero h1{font-size:67px}.project-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:1100px){.photo-index{bottom:-16px;left:10px;transform:rotate(-2deg)}}

@media(max-width:720px){.brand-subline{font-size:8px;letter-spacing:1.2px;margin:9px 0 21px}}

.card-sumida{grid-column:1 / -1;transform:rotate(-.65deg);margin-top:8px}.card-sumida .photo-crop img{aspect-ratio:2 / 1;object-position:center 70%}.card-sumida .card-number{background:var(--purple)}
@media(max-width:720px){.card-sumida{margin-top:0}.card-sumida .photo-crop img{aspect-ratio:1.5;object-position:center}}

.card-tree{grid-column:1 / -1;max-width:530px;justify-self:center;transform:rotate(1deg);margin-top:8px}.card-tree .photo-crop img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain}.card-tree .card-number{background:var(--green)}
@media(max-width:720px){.card-tree{margin-top:0}}
@media(max-width:720px),(max-height:500px){.viewer-header button,.viewer-footer button{width:44px;height:44px;min-width:44px}}
@media(max-height:500px){dialog[open]{display:flex;flex-direction:column;height:94dvh;max-height:94dvh;overflow:hidden}.viewer-header,.viewer-footer{flex-shrink:0}.viewer-image-wrap{flex:1;min-height:0;overflow:hidden}.viewer-image-wrap img{width:100%;height:100%;max-height:100%;object-fit:contain}.viewer-header{padding:8px 16px}.viewer-footer{padding:8px 16px}.viewer-header h2{font-size:16px}}

.gallery.timeline{display:block;padding:8px 5px 0}.timeline-group{display:grid;grid-template-columns:105px minmax(0,1fr);gap:34px;position:relative;padding:12px 0 60px}.timeline-group[hidden]{display:none}.timeline-group::before{content:"";position:absolute;top:27px;bottom:-15px;left:116px;width:1px;background:#20211e35}.timeline-group:last-child::before{bottom:60px}.timeline-date{margin:0;padding-top:4px;font-family:"SFMono-Regular",Consolas,monospace;font-weight:400;position:relative}.timeline-date::after{content:"";position:absolute;top:10px;right:-16px;width:9px;height:9px;border:2px solid var(--ink);background:var(--purple);transform:rotate(8deg)}.date-year{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}.date-day{display:block;font-size:25px;line-height:1.5;letter-spacing:-1px}.timeline-photos{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:27px;min-width:0;padding:4px 4px 0}.timeline-pair .timeline-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.timeline .photo-card{margin-top:0;grid-column:auto}.timeline .card-snow{max-width:710px;justify-self:start;transform:rotate(-1.1deg)}.timeline .card-harbor{transform:rotate(-1.3deg)}.timeline .card-mountains{margin-top:34px;transform:rotate(1.3deg)}.timeline .card-tree{max-width:450px;justify-self:center;transform:rotate(-.8deg)}.timeline .card-sumida{max-width:940px;justify-self:center}.timeline .card-sky{max-width:710px;justify-self:end;transform:rotate(1.2deg)}.timeline .photo-card:hover{transform:rotate(0) translateY(-4px)}.timeline+.gallery-end{padding-top:0}
@media(max-width:1050px){.timeline-group{grid-template-columns:80px minmax(0,1fr);gap:25px}.timeline-group::before{left:90px}.timeline-date::after{right:-17px}.date-day{font-size:22px}.timeline-pair .timeline-photos{gap:20px}.timeline .gallery-caption{padding:14px 4px;gap:7px}.timeline .gallery-caption strong{font-size:13px}.timeline .gallery-caption>.mono{font-size:7px}.timeline .card-tree{max-width:390px}}
@media(max-width:720px){.gallery.timeline{padding:0 3px}.timeline-group{display:block;padding:7px 0 37px}.timeline-group::before{display:none}.timeline-date{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:0 0 9px;border-bottom:1px solid #20211e50}.timeline-date time{display:flex;align-items:baseline;gap:12px}.date-year{font-size:10px;letter-spacing:1px}.date-day{font-size:20px;line-height:1.4;letter-spacing:0}.timeline-date::after{position:static;width:8px;height:8px;flex-shrink:0;margin-left:auto;margin-right:3px}.timeline-photos,.timeline-pair .timeline-photos{grid-template-columns:minmax(0,1fr);gap:29px;padding:4px 0}.timeline .card-mountains{margin-top:0}.timeline .card-tree{max-width:100%}.timeline .gallery-caption strong{font-size:14px}.timeline .gallery-caption>.mono{font-size:8px}.timeline .gallery-caption{padding:14px 6px 15px}}

/* A shared project stage keeps additional work from extending the page. */
.project-selector{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.project-choices{display:flex;gap:8px}.project-choices button{border:var(--border);background:var(--paper);padding:10px 15px;font:700 12px Consolas,monospace;min-height:44px}.project-choices button[aria-pressed=true]{background:var(--purple);box-shadow:3px 3px var(--ink)}.project-paging{display:flex;align-items:center;gap:8px}.project-paging .mono{margin-right:10px;white-space:nowrap}.project-paging button{height:44px;width:44px;border:var(--border);background:var(--paper);font-size:23px;line-height:1}.project-paging button:hover{background:var(--green)}.project h3 #project-name{font-size:inherit}.project-copy .project-deck{min-height:2.8em}.project-copy>p:not(.project-deck){min-height:5.7em}.project-tabs button{min-height:40px}.now-tags>.openclaw-tag{display:inline-flex;align-items:center;gap:5px;background:var(--purple);border:1px solid var(--ink);box-shadow:2px 2px var(--ink);transform:rotate(-3deg);font-weight:700;padding:2px 10px}.openclaw-tag i{font-style:normal;font-size:15px;line-height:1.25}
/* Two full portrait frames share the same date, with a shallow paper overlap. */
.timeline-duo .timeline-photos{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:0;align-items:start;padding:12px 10px 12px}.timeline-duo .card-tree{grid-column:1 / 12;grid-row:1;max-width:none;transform:rotate(-3deg);z-index:2}.timeline-duo .card-bamboo{grid-column:11 / 21;grid-row:1;margin-top:80px;transform:rotate(4deg);z-index:1}.card-bamboo .photo-crop img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain}.timeline-duo .photo-card:hover,.timeline-duo .photo-card:focus-visible{z-index:3;transform:rotate(0) translateY(-4px)}.duo-note{grid-column:1 / -1;justify-self:end;margin:34px 15px 0;font:italic 18px "Kaiti SC","YuMincho",Georgia,serif;transform:rotate(-3deg)}
@media(max-width:720px){.project-selector{flex-wrap:wrap;gap:12px}.project-choices{flex:1}.project-choices button{font-size:10px;padding:8px 10px;flex:1;white-space:nowrap}.project-paging{margin-left:auto}.project-paging .mono{font-size:9px}.project h3{font-size:clamp(32px,9vw,42px)}.project-copy>p:not(.project-deck){min-height:5.7em}.project-tabs button{min-height:44px}.timeline-duo .timeline-photos{grid-template-columns:repeat(20,minmax(0,1fr));padding:6px 7px 0}.timeline-duo .card-tree{grid-column:1 / 18;grid-row:1;transform:rotate(-2deg)}.timeline-duo .card-bamboo{grid-column:5 / 21;grid-row:2;margin-top:-45px;transform:rotate(3deg)}.timeline-duo .gallery-caption{flex-wrap:wrap;gap:5px;padding:12px 4px}.timeline-duo .gallery-caption>.mono{margin-left:auto}.timeline-duo .gallery-caption strong{font-size:13px}.duo-note{font-size:15px;margin-top:25px}}

/* The workstation and storage are connected as one illustrated home lab. */
.now-art{padding:52px 15px 20px;justify-content:center;min-height:565px}.studio-machines{width:300px;height:490px;position:relative;flex-shrink:0;max-width:100%}.studio-cable{position:absolute;inset:0;width:100%;height:470px;fill:var(--paper);stroke:var(--ink);stroke-width:2;stroke-linecap:round}.studio-cable path{fill:none}.imac{position:absolute;width:214px;top:4px;left:calc(50% - 107px);transform:rotate(4deg);z-index:1}.imac-body{border:3px solid var(--ink);background:#83b5d8;box-shadow:6px 6px var(--ink);padding:9px 9px 0}.imac-screen{background:#e8f1f5;border:2px solid var(--ink);padding:10px 12px;color:var(--ink);font:9px/1.75 Consolas,monospace;display:flex;flex-direction:column}.screen-prompt{border-bottom:1px solid #20211e55;margin-bottom:5px;padding-bottom:4px}.screen-prompt b{float:right;color:#7052af}.imac-screen i{float:right;font-style:normal}.screen-line{height:3px;width:27px;background:var(--purple);margin-top:5px}.imac-chin{display:flex;align-items:center;justify-content:space-between;height:27px;font:8px Consolas,monospace}.imac-chin b{font-size:17px}.imac-stand{margin:auto;width:38px;height:28px;background:#83b5d8;border:2px solid var(--ink);border-top:0;transform:skew(-9deg)}.imac-foot{width:78px;height:9px;background:#a5c7df;border:2px solid var(--ink);margin:-1px auto 0;box-shadow:3px 3px var(--ink)}.studio-machines .nas{position:absolute;top:283px;left:calc(50% - 78px);width:156px;transform:rotate(-6deg);z-index:1}.connection-label{position:absolute;top:217px;left:76px;font-size:8px;letter-spacing:.5px;transform:rotate(-4deg);background:var(--green);padding:2px 5px}.studio-machines .hand-label{position:absolute;top:453px;left:0;width:100%;text-align:center;margin:0;font-size:16px}.now-copy{align-self:center;padding-top:42px;padding-bottom:38px}.studio-notes{margin-top:22px;display:grid;gap:17px}.studio-notes .mono{font-size:8px;letter-spacing:1px;color:#4c5e24}.studio-notes h3{font-size:14px;margin:3px 0 5px;line-height:1.5}.studio-notes p{font-size:12px;line-height:1.85;max-width:500px}.now-tags{margin-top:22px}
@media(min-width:721px) and (max-width:1050px){.imac{width:185px;left:calc(50% - 92px)}.connection-label{left:40px}.studio-machines .hand-label{font-size:14px}}
@media(max-width:720px){.now-art{display:flex;min-height:0;padding:45px 14px 12px;border-right:0;border-bottom:2px dashed #20211e60}.studio-machines{width:300px;max-width:100%;height:256px}.imac{width:160px;left:0;top:5px;transform:rotate(-4deg)}.imac-screen{padding:6px 8px;font-size:7px}.imac-chin{height:23px;font-size:7px}.imac-body{padding:7px 7px 0;box-shadow:4px 4px var(--ink)}.imac-stand{height:21px}.imac-foot{width:60px;height:7px}.studio-machines .nas{width:111px;top:86px;left:auto;right:0;padding:8px;box-shadow:5px 5px var(--ink);transform:rotate(5deg)}.studio-machines .nas-top{font-size:5px;margin-bottom:9px}.studio-machines .drive{height:30px;padding:5px;gap:4px}.studio-machines .drive i{height:12px;width:3px}.studio-machines .nas-bottom{height:24px}.studio-machines .hand-label{top:235px;font-size:14px}.studio-cable{width:100%;height:232px}.connection-label{top:187px;left:37px;font-size:7px}.now-copy{padding:26px 25px 28px}.now-copy .eyebrow{margin-bottom:13px}.studio-notes{gap:15px}.studio-notes p{font-size:11px}.studio-notes h3{font-size:13px}.wip-stamp{top:17px;right:16px}}

.brand-subline{margin-bottom:9px}.role-line{font-size:11px;letter-spacing:.5px;line-height:1.7;margin:0 0 23px;color:var(--muted);max-width:420px}.role-line::before{content:"";display:inline-block;width:6px;height:6px;background:var(--purple);border:1px solid var(--ink);margin-right:7px;vertical-align:1px}@media(max-width:720px){.role-line{font-size:9px;margin-bottom:20px}.brand-subline{margin-bottom:7px}}
@media(min-width:721px){.studio-machines{height:520px}.studio-machines .hand-label{top:491px}.timeline-duo .card-bamboo .gallery-caption{padding-left:22%}}

.studio-cable-mobile{display:none}@media(max-width:720px){.studio-cable{display:none}.studio-cable-mobile{display:block;position:absolute;inset:0;width:100%;height:256px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.connection-label{top:207px;left:27px}}

/* Date chapters keep the expanded archive easy to scan. */
.photo-years{display:flex;gap:9px;margin:0 0 28px}.photo-years a{border:var(--border);padding:8px 16px;background:var(--paper);box-shadow:2px 2px var(--ink)}.photo-years a:hover{background:var(--purple)}.chapter-heading{display:flex;align-items:center;justify-content:space-between;border-top:var(--border);margin:10px 0 32px;padding:14px 0 0}.chapter-year{font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1.1}.chapter-heading .mono{font-size:9px}.timeline-chapter[hidden]{display:none}.timeline-single .photo-card{max-width:690px;justify-self:start;transform:rotate(-1deg)}.timeline-single .card-north{max-width:365px;justify-self:end;transform:rotate(2deg)}.timeline-single .card-sky{justify-self:end}.timeline-single .card-sumida{max-width:940px}.timeline-pair .photo-card:nth-child(2){margin-top:32px;transform:rotate(1.8deg)}.timeline-pair .photo-card:first-child{transform:rotate(-1.8deg)}.timeline .frame-portrait .photo-crop img{aspect-ratio:auto;object-fit:contain;height:auto}.timeline-aquarium .photo-crop img,.timeline-fireworks .photo-crop img{aspect-ratio:1.5;object-fit:contain;background:#0a0c10}.timeline-duo .card-bamboo{grid-column:1 / 12;grid-row:1;margin-top:0;transform:rotate(-3deg);z-index:2}.timeline-duo .card-tree{grid-column:11 / 21;grid-row:1;margin-top:150px;transform:rotate(3deg);z-index:1}.timeline-duo .card-bamboo .gallery-caption{padding-left:8px}.timeline-duo .photo-card:hover,.timeline-duo .photo-card:focus-visible{z-index:3;transform:rotate(0) translateY(-4px)}
@media(max-width:720px){.photo-years{margin-bottom:24px}.photo-years a{min-height:44px;display:flex;align-items:center;font-size:10px}.chapter-heading{margin-bottom:24px}.chapter-year{font-size:34px}.timeline-group{padding-bottom:35px}.timeline-pair .photo-card:nth-child(2){margin-top:0}.timeline-single .card-north{max-width:86%;justify-self:center}.timeline-duo .card-bamboo{grid-column:1 / 18;grid-row:1;margin-top:0;transform:rotate(-2deg)}.timeline-duo .card-tree{grid-column:5 / 21;grid-row:2;margin-top:-35px;transform:rotate(3deg)}.timeline-duo .card-bamboo .gallery-caption{padding-left:4px}.filters{flex-wrap:wrap}.filters button{min-height:40px}}
.timeline-duo .card-bamboo:hover,.timeline-duo .card-bamboo:focus-visible{z-index:2;transform:rotate(-3deg) translateY(-4px)}.timeline-duo .card-tree:hover,.timeline-duo .card-tree:focus-visible{z-index:1;transform:rotate(3deg) translateY(-4px)}
.timeline .frame-landscape .photo-crop img{height:auto;aspect-ratio:auto}