@charset "UTF-8";
:root{--paper:#f6f4ea;--white:#fffdf5;--ink:#23392f;--green:#193f32;--leaf:#a8c95d;--soft-green:#d9e5ba;--line:#d8d9cc;--muted:#697369;--font:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;--serif:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}input,select{min-width:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #68882b;outline-offset:5px}::selection{background:#d4e994;color:#193f32}h1,h2,h3,p,blockquote{margin:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:16px;background:white;padding:14px;z-index:100}.skip-link:focus{top:10px}.site-header{position:relative;z-index:5;background:#faf9f2;border-bottom:1px solid #deded1}.header-inner{max-width:1472px;min-height:100px;padding:14px 40px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-kite{width:62px;height:62px;object-fit:contain}.brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2rem;letter-spacing:.12em;line-height:1.25;white-space:nowrap}.brand small{font-family:var(--serif);display:block;font-size:0.75rem;letter-spacing:.08em;margin-top:6px;white-space:nowrap}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.main-nav a,.main-nav button{font-family:Arial,sans-serif;position:relative;font-size:0.75rem;letter-spacing:.13em;padding:9px 0;line-height:1.5;white-space:nowrap}.main-nav a:after,.main-nav button:after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:var(--green);transform:scaleX(0);transition:transform .2s}.main-nav .current:after,.main-nav a:hover:after,.main-nav button:hover:after{transform:scaleX(1)}.header-search{border:1px solid #d7d9cf;display:flex;align-items:center;background:white;border-radius:28px;padding:5px 8px 5px 17px;width:260px;box-shadow:0 2px 5px #283a2310}.header-search input{width:100%;background:transparent;border:0;font-size:0.8125rem;line-height:2.1;padding:0;color:var(--ink)}.header-search button{padding:5px;display:grid;place-items:center}.header-search input:focus{outline:0}.header-search:focus-within{outline:2px solid #91a85a;outline-offset:2px}
.hero{height:575px;position:relative;background:#3b4030;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.hero:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#101d1315,transparent 65%,#101a1220);pointer-events:none}.hero-inner{max-width:1440px;margin:auto;height:100%;position:relative;z-index:1}.paper{background:var(--white);box-shadow:1px 4px 12px #25302020;position:relative}.hero-poster{position:absolute;left:5%;top:38px;width:330px;min-height:475px;text-align:center;padding:23px 20px 25px;background:#f5f0dd;transform:rotate(-2.3deg);border:1px solid #dfd5b9;box-shadow:4px 12px 18px #08180e3f}.poster-label{font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.19em;color:#6c7161}.poster-kite{width:116px;height:116px;margin:18px auto 5px;object-fit:contain}.hero-poster h1{font-family:Georgia,serif;font-size:3.1875rem;letter-spacing:.11em;font-weight:400;line-height:1.25}.poster-subtitle{font-family:Arial,sans-serif;font-size:0.8125rem;letter-spacing:.22em;margin-top:9px}.poster-rule{width:42px;height:1px;background:#9aa083;margin:22px auto 17px}.poster-copy{font-family:var(--serif);font-size:1rem;letter-spacing:.1em;line-height:2}.handwritten{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-style:italic;letter-spacing:.04em}.poster-hand{font-size:1rem;margin-top:17px;line-height:1.4;transform:rotate(-7deg);color:#596a52}.poster-hand span{font-size:0.875rem;padding-left:20px}.hero-thought{position:absolute;top:41px;left:40%;font-family:var(--serif);font-size:1.0625rem;letter-spacing:.17em;line-height:2.2;color:#fff9e6;text-shadow:0 2px 8px #0b1d11,0 1px 3px #0b1d11;transform:rotate(-3deg)}.hero-polaroid{position:absolute;right:14.5%;top:68px;width:235px;padding:12px 12px 20px;transform:rotate(5deg);box-shadow:5px 9px 18px #14241750;transition:transform .25s}.hero-polaroid:hover{transform:rotate(2deg) translateY(-5px)}.hero-polaroid .photo{height:175px}.polaroid-caption{font-family:var(--serif);font-size:1rem;line-height:1.8;letter-spacing:.06em;display:block;padding:13px 0 9px}.polaroid-meta{font-size:0.75rem;font-family:Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}.hero-note{position:absolute;width:185px;right:2.2%;top:271px;transform:rotate(-5deg);padding:24px 15px 22px;background:#eee7c7;box-shadow:3px 5px 15px #16251050;transition:transform .25s}.hero-note:hover{transform:rotate(-2deg) translateY(-5px)}.note-tape{position:absolute;left:24px;top:-15px;background:#caa959;min-width:125px;padding:3px 12px;font-family:Georgia,serif;font-size:0.875rem;letter-spacing:.13em;transform:rotate(3deg)}.note-date{font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.15em;display:block;color:#767754;margin:0 0 12px}.note-text{font-family:var(--serif);font-size:1rem;line-height:2.1;letter-spacing:.07em;display:block}.note-sign{display:block;text-align:right;font:italic 1.0625rem Georgia,serif;margin-top:8px}.hero-index{position:absolute;right:27%;bottom:29px;color:#fcfaf0;font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.23em;text-shadow:0 1px 4px #000}.hero-index span{font-size:1.3125rem;margin-left:18px;vertical-align:middle}
.storage-content{max-width:1360px;margin:0 auto;padding:45px 50px 55px}.section{margin-bottom:35px;scroll-margin-top:25px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-family:var(--serif);font-size:1.4375rem;letter-spacing:.08em;font-weight:600;line-height:1.6}.section-heading h2 span{font-family:Georgia,serif;font-weight:400;font-size:0.875rem;letter-spacing:.1em;margin-left:10px;color:#687666;white-space:nowrap}.section-note{font-family:var(--serif);font-size:0.8125rem;letter-spacing:.08em;color:var(--muted)}.recent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:2px 3px 10px}.entry-card{display:flex;flex-direction:column;text-align:left;position:relative;background:#fffdf5;border:1px solid #e3e0d2;box-shadow:2px 4px 5px #3b432115;min-width:0;padding:12px 12px 18px;transform:rotate(var(--tilt,0deg));transition:transform .23s,box-shadow .23s;cursor:pointer;height:100%}.entry-card:hover{transform:translateY(-6px) rotate(0);box-shadow:3px 10px 18px #263b2626;z-index:1}.entry-card:focus-visible{z-index:2}.entry-card:nth-child(5n+1){--tilt:-2deg}.entry-card:nth-child(5n+2){--tilt:1.2deg}.entry-card:nth-child(5n+3){--tilt:-.8deg}.entry-card:nth-child(5n+4){--tilt:1.5deg}.entry-card:nth-child(5n+5){--tilt:-1.2deg}.state{align-self:flex-start;display:inline-block;padding:2px 9px;font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.12em;line-height:1.6;color:#23392f;border-radius:2px;background:#dfdeb7}.state-memo{background:#e5c879}.state-project{background:#c7dc99}.state-research{background:#d9d7e6}.state-think{background:#b7d6df}.state-making{background:#c9d8a3}.state-found{background:#d9e0ce}.state-done{background:#b7d5b8}.state-archive{background:#deddd6}.entry-card>.state{position:absolute;top:15px;left:16px;z-index:1;transform:rotate(-2deg);box-shadow:0 2px 2px #383b191a}.card-photo{height:125px;width:100%;flex-shrink:0}.photo{display:block;background-image:url('assets/editorial.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#d9dfd0}.photo-travel{background-position:left top}.photo-sake{background-position:right top}.photo-house{background-position:left bottom}.photo-notebook{background-position:right bottom}.card-copy{padding:13px 3px 0;display:flex;flex-direction:column;flex:1;width:100%}.card-date{font-size:0.75rem;letter-spacing:.09em;color:var(--muted);margin-bottom:7px;font-family:Georgia,serif}.entry-card .card-title{font-family:var(--serif);font-size:1.0625rem;font-weight:600;line-height:1.65;letter-spacing:.035em;overflow-wrap:anywhere}.entry-card .card-summary{font-size:0.8125rem;line-height:1.85;color:#576451;margin-top:10px}.card-tags{font-size:0.75rem;line-height:1.8;letter-spacing:.025em;color:#6d7867;margin-top:auto;padding-top:18px}.card-arrow{align-self:flex-end;line-height:1;font-size:1.5625rem;font-family:Georgia,serif;font-weight:400;padding:13px 1px 0}.text-card{background:#fcfaeb;padding-top:45px}.text-card .card-copy{padding-top:9px}.text-card .card-date{font-size:0.8125rem}.text-card .card-summary{font-family:var(--serif);font-size:0.875rem;line-height:2.05;margin-top:18px}.text-card .card-title{font-size:1.1875rem}.section-tail{text-align:right;margin-top:6px}.text-link{font-family:var(--serif);font-size:0.875rem;letter-spacing:.07em;padding:5px 1px;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid transparent}.text-link:hover{border-bottom-color:var(--ink)}.text-link span{font:1.3125rem Georgia,serif}.small-link{font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.1em}.shelves-wrap{background:#ded8c5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");padding:27px 28px 26px;border:1px solid #ccc9b8;box-shadow:inset 0 -7px 0 #c4bba0,0 3px 9px #2b3d2220}.shelves-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:end}.shelf{position:relative;min-width:0;height:162px;border:1px solid #d1cdbb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;background:#f9f7ef;box-shadow:1px 3px 4px #343d2c20;transition:transform .2s,background .2s}.shelf:nth-child(3n+2){background:#f0efdf}.shelf:nth-child(3n){background:#edf1e1}.shelf:after{position:absolute;content:"";left:0;right:0;bottom:-8px;height:8px;background:#c6baa1;box-shadow:0 3px 4px #5b4c3435}.shelf:hover{transform:translateY(-5px);background:#fffdf6}.shelf-symbol{font-family:var(--serif);font-size:2rem;margin-bottom:13px;line-height:1}.shelf strong{font-size:0.8125rem;letter-spacing:.08em;line-height:1.4;white-space:nowrap}.shelf small{font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.02em;margin-top:5px;color:#667060}.shelf-arrow{font-size:1.0625rem;margin-top:12px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{text-align:left;background:#fffdf5;border:1px solid #e1dfd2;box-shadow:2px 4px 10px #39452720;padding:0;min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:3px 9px 16px #2d402a25}.project-title{font-family:var(--serif);font-size:1.25rem;line-height:1.45;font-weight:600;padding:17px 17px 14px;overflow-wrap:anywhere}.project-image{height:150px;position:relative}.project-status{position:absolute;right:10px;bottom:10px;width:78px;height:78px;border-radius:50%;background:#f5f3e9e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 8px #15221335}.project-status small{font:0.75rem Arial,sans-serif;letter-spacing:.08em}.project-status span{font-family:Georgia,serif;font-size:1.125rem}.project-tags{padding:12px 16px 2px;display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font-size:0.75rem;background:#eff2e3;padding:2px 7px}.project-description{padding:8px 16px 12px;font-family:var(--serif);font-size:0.8125rem;line-height:1.7;min-height:76px}.project-end{margin-top:auto;padding:11px 16px 14px;border-top:1px solid #e4e3d7;display:flex;justify-content:space-between;font:0.75rem Arial,sans-serif;letter-spacing:.08em}.project-end span:last-child{font-size:1.125rem}.random-layout{display:grid;grid-template-columns:230px 1fr;gap:25px;background:#e5e4d6;padding:26px 29px;position:relative;overflow:hidden}.random-layout:after{position:absolute;content:"";left:0;right:0;bottom:0;height:9px;background:#c5bdac}.random-copy{padding-top:10px;z-index:1}.random-copy h2{font-family:var(--serif);font-size:1.5rem;line-height:1.7;letter-spacing:.05em}.random-copy p{font-size:0.8125rem;margin:12px 0 25px;line-height:1.8;color:#566356}.green-button{background:#55793a;color:white;border-radius:2px;padding:9px 13px;font-size:0.75rem;letter-spacing:.05em;box-shadow:0 2px 5px #21361e35}.green-button:hover{background:#3c602d}.random-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;z-index:1}.random-grid .entry-card{padding:9px}.random-grid .card-photo{height:90px}.random-grid .card-title{font-size:0.875rem;line-height:1.6}.random-grid .card-tags{font-size:0.75rem;padding-top:9px}.random-grid .card-copy{padding-top:8px}.random-grid .card-arrow{font-size:1.125rem;padding-top:4px}.random-grid .entry-card>.state{font-size:0.75rem;top:10px;left:10px;padding:1px 7px}.words-area{display:grid;grid-template-columns:1fr .94fr;gap:40px;align-items:center;padding:10px 22px}.words-paper{min-height:270px;padding:34px 40px;background:#f8f6ec;box-shadow:2px 4px 8px #273b2820;position:relative;transform:rotate(-.7deg)}.words-paper:before{content:"";position:absolute;left:44%;top:-11px;width:92px;height:21px;background:#dbd29ea5;transform:rotate(2deg)}.words-paper .section-heading{margin-bottom:21px}.words-paper p{font-family:var(--serif);font-size:1.25rem;line-height:2.35;letter-spacing:.13em}.words-paper p span{background:linear-gradient(transparent 64%,#d7e786 64%)}.words-hand{font-size:1.125rem;margin-top:23px!important;text-align:right!important;line-height:1.5!important;letter-spacing:0!important;color:#606b59}.words-image{height:252px;position:relative;overflow:hidden;background:linear-gradient(130deg,#455440,#69775c)}.words-image:before{position:absolute;content:"";inset:0;background:linear-gradient(145deg,transparent 40%,#1b261b99),repeating-linear-gradient(103deg,#ffffff08 0 2px,transparent 2px 4px)}.words-image:after{position:absolute;content:"";width:140px;height:180px;background:#23352a;right:20%;bottom:-77px;box-shadow:-100px 16px 0 -37px #455541,80px 15px 0 -34px #2e3c30;transform:skewX(-8deg)}.paperclip{position:absolute;width:13px;height:45px;border:2px solid #85877c;border-radius:8px;top:-9px;right:28px;transform:rotate(14deg)}.ad-slot[hidden]{display:none}
.site-footer{background:#1d3f33;color:#f8f5df;padding:43px max(40px,calc((100% - 1260px)/2)) 23px}.footer-inner{display:grid;grid-template-columns:1.3fr .8fr 1.2fr;gap:60px;align-items:start}.footer-intro>p{font-family:var(--serif);font-size:0.75rem;line-height:1.9;margin-top:18px}.footer-hand{font:italic 1.0625rem Georgia,serif!important;transform:rotate(-2deg);color:#c6d98d}.footer-brand{color:#faf8e7}.footer-brand .brand-kite{width:78px;height:78px}.footer-brand strong{font-size:2.8125rem}.footer-brand small{font-size:0.75rem;letter-spacing:.09em}.footer-nav{display:flex;flex-direction:column;gap:10px;border-left:1px solid #f0f3d926;padding-left:38px}.footer-nav a,.footer-nav button{color:#eef0dd;text-align:left;font-family:Arial,sans-serif;font-size:0.75rem;letter-spacing:.12em;padding:2px 0}.footer-nav a:hover,.footer-nav button:hover{color:white;text-decoration:underline}.footer-note{background:#e9e2c8;color:#3d463e;padding:17px 19px;font-family:var(--serif);transform:rotate(1.5deg);box-shadow:3px 5px 8px #0b211b30}.footer-note strong{font-size:1rem;line-height:1.9}.footer-note p{font-size:0.75rem;margin-top:12px;line-height:1.8}.footer-bottom{grid-column:1/-1;border-top:1px solid #eff1dc2c;margin-top:10px;padding-top:16px;display:flex;justify-content:space-between;font:0.75rem Arial,sans-serif;color:#bdc6af;letter-spacing:.04em}
dialog{border:0;background:#f8f6ec;color:var(--ink);width:min(920px,calc(100% - 32px));max-height:88dvh;padding:30px;border-radius:3px;box-shadow:0 24px 80px #08150dcc;overflow:auto}dialog::backdrop{background:#14231dbd;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:25px}.dialog-heading h2{font-family:var(--serif);font-size:2rem;letter-spacing:.08em;line-height:1.5}.eyebrow{font:0.75rem Arial,sans-serif;letter-spacing:.18em;color:#68735f;margin-bottom:5px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #adb4a5;border-radius:50%;font-size:1.5625rem;line-height:1}.archive-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:25px}.archive-search input{width:100%;border:1px solid #b9bfb1;background:white;padding:12px 14px;border-radius:2px}.archive-controls{display:flex;align-items:end;gap:18px;margin:18px 0 8px}.archive-controls label{font-size:0.75rem;color:var(--muted)}.archive-controls label span{display:block;margin-bottom:4px}.archive-controls select{border:1px solid #b9bfb1;background:white;padding:8px 28px 8px 10px}.archive-controls .text-link{margin-left:auto}.results-count{font-size:0.75rem;color:var(--muted);margin:14px 0 5px}.archive-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 4px 10px}.archive-results .entry-card{min-height:305px}.archive-results .entry-card.text-card{padding-top:44px}.archive-results .card-photo{height:130px}.archive-results .card-title{font-size:1rem}.archive-results .card-summary{font-size:0.75rem}.empty-state{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed #b7bcaa}.empty-state strong{font-family:var(--serif);font-size:1.3125rem}.empty-state p{font-size:0.8125rem;margin-top:10px}.entry-dialog{width:min(760px,calc(100% - 32px));padding:34px 38px 42px}.entry-toolbar{display:flex;justify-content:space-between;align-items:center}.entry-meta{display:flex;align-items:center;gap:12px;margin-top:7px;font-size:0.75rem;color:var(--muted);flex-wrap:wrap}.entry-title{font-family:var(--serif);font-size:2rem;line-height:1.55;margin:27px 0 10px;letter-spacing:.04em}.entry-lead{font-size:1.0625rem;color:#51604f;line-height:1.9}.entry-photo{height:310px;margin:26px 0}.entry-body{font-family:var(--serif);font-size:1.0625rem;line-height:2.15}.entry-body p{margin:20px 0}.entry-body h3{font-size:1.4375rem;line-height:1.7;margin:34px 0 14px}.entry-body ul{padding-left:1.3em}.entry-body a{text-decoration:underline;text-underline-offset:4px}.entry-tags{border-top:1px solid #ccd0c2;margin-top:30px;padding-top:17px;display:flex;gap:10px;flex-wrap:wrap;font-size:0.75rem}.noscript-message{padding:16px;text-align:center;background:#f6e7b5}
@media(max-width:1190px){.header-inner{padding-inline:30px}.main-nav{gap:20px}.header-search{width:220px}.hero-poster{left:3%;width:315px}.hero-thought{left:38%}.hero-polaroid{right:13%;width:220px}.hero-note{right:1%;width:180px}.recent-grid{gap:15px}.card-photo{height:113px}.shelves-grid{gap:7px}.shelf strong{font-size:0.75rem}.shelf small{font-size:0.75rem}.project-title{font-size:1.0625rem}.project-image{height:135px}.project-description{font-size:0.75rem}.storage-content{padding-inline:35px}.words-area{gap:25px}.footer-inner{gap:35px}}
@media(max-width:1000px){.site-header{position:sticky;top:0;box-shadow:0 2px 8px #26371e14}.header-inner{min-height:82px;flex-wrap:wrap;gap:8px 20px;padding-block:10px}.brand{order:1}.brand-kite{width:48px;height:48px}.brand strong{font-size:1.6875rem}.brand small{font-size:0.75rem;margin-top:2px}.main-nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;border-top:1px solid #deded1;padding-top:4px;gap:30px}.header-search{order:2;margin-left:auto;width:270px}.hero{height:535px}.hero-poster{width:285px;min-height:440px}.poster-kite{width:100px;height:100px}.hero-poster h1{font-size:2.8125rem}.hero-thought{left:37%;top:35px}.hero-polaroid{right:10%;top:60px}.hero-note{top:262px}.recent-grid{grid-template-columns:repeat(3,1fr)}.recent-grid .entry-card:nth-child(4),.recent-grid .entry-card:nth-child(5){display:none}.shelves-grid{grid-template-columns:repeat(4,1fr);gap:13px}.shelf{height:152px}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px}.project-image{height:155px}.project-description{font-size:0.8125rem}.random-layout{grid-template-columns:190px 1fr}.random-grid{grid-template-columns:repeat(2,1fr)}.random-grid .entry-card{min-height:170px}.random-grid .card-photo{height:82px}.words-area{grid-template-columns:1fr}.words-image{display:none}.words-paper{transform:none}.footer-inner{grid-template-columns:1fr 1fr}.footer-note{display:none}.footer-bottom{margin-top:22px}.archive-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{font-size:1rem}.header-inner{padding:9px 16px 6px;min-height:72px}.brand{gap:7px}.brand-kite{width:42px;height:42px}.brand strong{font-size:1.5625rem}.brand small{font-size:0.75rem}.header-search{width:auto;margin-left:auto}.header-search input{display:none}.header-search:focus-within{position:absolute;left:16px;right:16px;top:10px;background:white;z-index:3}.header-search:focus-within input{display:block;font-size:1rem}.main-nav{gap:0;justify-content:space-between;padding-top:5px}.main-nav a,.main-nav button{font-size:0.75rem;letter-spacing:.04em}.main-nav button{padding-inline:0}.hero{height:685px}.hero-background{object-position:65% center;filter:saturate(.9)}.hero-poster{left:7%;top:31px;width:250px;min-height:375px;padding:16px 17px 19px}.poster-label{font-size:0.75rem}.poster-kite{width:85px;height:85px;margin:8px auto}.hero-poster h1{font-size:2.3125rem}.poster-subtitle{font-size:0.75rem}.poster-rule{margin:13px auto}.poster-copy{font-size:0.875rem}.poster-hand{font-size:0.875rem;margin-top:11px}.hero-thought{left:auto;right:7%;top:42px;font-size:0.8125rem;line-height:2;text-align:right;letter-spacing:.1em}.hero-polaroid{right:5%;top:399px;width:167px;padding:9px 9px 13px}.hero-polaroid .photo{height:107px}.polaroid-caption{font-size:0.8125rem;padding:9px 0 5px}.polaroid-meta{font-size:0.75rem}.hero-note{right:4%;top:224px;width:150px;padding:20px 12px 16px}.note-tape{left:20px;min-width:105px;font-size:0.75rem}.note-date{font-size:0.75rem}.note-text{font-size:0.875rem;line-height:1.9}.note-sign{font-size:0.875rem}.hero-index{right:auto;left:7%;bottom:34px;font-size:0.75rem}.hero-index span{font-size:1.125rem}.storage-content{padding:31px 20px 37px}.section{margin-bottom:30px}.section-heading{align-items:flex-end;margin-bottom:18px}.section-heading h2{font-size:1.25rem;letter-spacing:.04em}.section-heading h2 span{font-size:0.75rem;margin-left:5px}.section-note{display:none}.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:16px 12px}.recent-grid .entry-card{display:flex!important;width:auto;min-width:0;min-height:300px}.recent-grid .entry-card:nth-child(5){display:none!important}.recent-grid .card-photo{height:112px}.recent-grid .entry-card .card-title{font-size:1.0625rem}.recent-grid .entry-card .card-summary{font-size:0.75rem}.recent-grid .card-tags{font-size:0.75rem;padding-top:11px}.recent-grid .card-arrow{font-size:1.25rem}.text-card{padding-top:40px}.section-tail{margin-top:13px}.shelves-wrap{padding:18px 11px 19px;margin-inline:-4px}.shelves-grid{grid-template-columns:repeat(4,1fr);gap:7px}.shelf{height:150px;padding-inline:2px}.shelf-symbol{font-size:1.5625rem;margin-bottom:10px}.shelf strong{font-size:0.75rem;letter-spacing:0;white-space:normal}.shelf small{font-size:0.75rem;letter-spacing:0}.shelf-arrow{margin-top:9px}.project-grid{grid-template-columns:1fr;gap:15px}.project-card{display:grid;grid-template-columns:1fr 100px;grid-template-areas:"title image" "tags image" "desc desc" "end end"}.project-title{grid-area:title;font-size:1.125rem;padding:15px 8px 6px 15px}.project-image{grid-area:image;height:100%;min-height:115px}.project-status{width:62px;height:62px;right:8px;bottom:8px}.project-status small{font-size:0.75rem}.project-status span{font-size:0.875rem}.project-tags{grid-area:tags;padding:4px 8px 10px 15px}.project-tags span{font-size:0.75rem}.project-description{grid-area:desc;min-height:0;padding:10px 15px;font-size:0.8125rem}.project-end{grid-area:end;padding:9px 15px}.random-layout{display:block;padding:22px 18px}.random-copy{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:15px}.random-copy h2{font-size:1.25rem}.random-copy>p{display:none}.random-copy .green-button{grid-column:2;grid-row:1/3}.random-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.random-grid .entry-card{min-height:183px}.random-grid .card-photo{height:89px}.random-grid .card-title{font-size:0.8125rem}.random-grid .card-tags{font-size:0.75rem}.words-area{padding:0}.words-paper{min-height:0;padding:25px 22px}.words-paper:before{left:36%;height:17px}.words-paper .section-heading{display:block;margin-bottom:16px}.words-paper p{font-size:1.4375rem;line-height:2.2;letter-spacing:.06em}.words-hand{font-size:1rem!important}.site-footer{padding:37px 24px 23px}.footer-inner{display:block}.footer-brand .brand-kite{width:62px;height:62px}.footer-brand strong{font-size:2rem}.footer-brand small{font-size:0.75rem}.footer-intro>p{font-size:0.75rem;margin:19px 0 0;line-height:2}.footer-nav{border-left:0;border-top:1px solid #f0f3d926;padding:19px 0 0;flex-direction:row;flex-wrap:wrap;gap:19px;margin-top:23px}.footer-nav a,.footer-nav button{font-size:0.75rem;letter-spacing:.1em}.footer-bottom{flex-direction:column;margin-top:23px;gap:10px;font-size:0.75rem}.footer-bottom span:last-child{align-self:flex-end}dialog{width:calc(100% - 22px);max-height:94dvh;padding:20px 16px}.dialog-heading h2{font-size:1.5625rem}.archive-search{gap:8px;margin-top:20px}.archive-search input{font-size:1rem;padding:10px 12px}.green-button{padding:9px 15px}.archive-controls{gap:10px}.archive-controls label{flex:1}.archive-controls select{width:100%;font-size:0.875rem}.archive-controls .text-link{flex-basis:100%;justify-content:flex-end;margin-top:0;padding:0}.archive-results{gap:15px 12px;padding-top:20px}.archive-results .entry-card{padding:10px}.archive-results .entry-card.text-card{padding-top:36px}.archive-results .card-photo{height:105px}.archive-results .card-title{font-size:1rem}.archive-results .card-summary{font-size:0.75rem}.archive-results .card-tags{font-size:0.75rem}.entry-dialog{padding:21px 21px 27px}.entry-toolbar .eyebrow{font-size:0.75rem}.entry-title{font-size:1.6875rem;margin-top:19px;line-height:1.6}.entry-lead{font-size:1rem}.entry-photo{height:192px}.entry-body{font-size:1rem;line-height:2.05}.entry-body h3{font-size:1.3125rem}.entry-meta{font-size:0.75rem}.empty-state{padding:30px 12px;font-size:0.875rem}.empty-state strong{font-size:1.1875rem}}
@media(max-width:380px){.hero-note{width:141px;right:3%;top:211px}.hero-poster{left:5%;width:235px}.hero-polaroid{right:5%;top:399px;width:156px}.storage-content{padding-left:16px;padding-right:16px}.section-heading h2{font-size:1.1875rem}.section-heading h2 span{font-size:0.75rem}.recent-grid .card-photo{height:100px}.recent-grid .entry-card .card-title{font-size:1rem}.shelf small{font-size:0.75rem}.words-paper p{font-size:1.3125rem}.footer-nav{gap:15px}.entry-title{font-size:1.5625rem}.archive-results{grid-template-columns:1fr}.archive-results .card-photo{height:158px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.main-nav{gap:clamp(14px,2.05vw,30px)}
.main-nav a,.main-nav button{font-size:.875rem;letter-spacing:.06em}
.header-search input{font-size:.875rem}
.brand small,.footer-brand small{font-size:.75rem}
.hero{height:auto;min-height:575px}
.hero-inner{display:grid;grid-template-columns:330px 1fr;min-height:575px;height:auto;padding:38px 5% 58px;align-items:start}
.hero-poster{position:relative;left:auto;top:auto;width:100%}
.hero-thought{color:#243c2d;text-shadow:0 1px 6px #fff9}
.poster-label{font-size:.75rem;letter-spacing:.12em}
.hero-index{font-size:.75rem;letter-spacing:.12em}
.poster-hand,.poster-hand span{font-size:.875rem}
.entry-card .card-title,.project-title{display:block}
.entry-card .card-summary{font-size:.875rem;line-height:1.95}
.entry-card .card-tags,.random-grid .card-tags{font-size:.75rem;line-height:1.8}
.entry-card>.state,.state,.random-grid .entry-card>.state{font-size:.75rem}
.shelf{min-height:160px;padding:17px 5px 12px;justify-content:flex-start}
.shelf strong{font-size:.875rem}
.shelf small{font-size:.75rem;white-space:normal;line-height:1.45;min-height:2.9em;margin-top:3px}
.shelf-arrow{margin-top:auto;padding-top:5px}
.shelf-symbol{font-size:1.875rem}
.project-description{display:block;font-size:1rem;line-height:1.9}
.project-tags span,.project-end,.project-status small,.footer-nav a,.footer-nav button,.footer-bottom{font-size:.75rem}
.project-status small{font-size:.75rem;letter-spacing:0}
.project-status{width:74px;min-width:74px;height:74px}
.project-status span{font-size:.875rem}
.random-grid .card-title{font-size:1rem}
.random-grid .entry-card{padding:10px}
.footer-nav{gap:8px}.footer-intro>p{font-size:.875rem}
.words-paper p{white-space:normal}
.archive-controls label,.archive-controls .text-link{font-size:.875rem}
@media(min-width:1500px){.hero,.hero-inner{min-height:615px}.hero-inner{padding-top:53px;padding-bottom:70px}}
@media(max-width:1190px){.hero-inner{grid-template-columns:305px 1fr;padding-left:4%;padding-right:4%}.shelf strong{font-size:.875rem}.shelf small{font-size:.75rem}.project-description{font-size:.875rem}.words-paper p{font-size:1.25rem}}
@media(max-width:1000px){.hero,.hero-inner{min-height:535px}.hero-inner{grid-template-columns:286px 1fr;padding-top:27px;padding-bottom:47px}.hero-index{font-size:.75rem}.main-nav{gap:32px}.shelf{min-height:155px}.shelf strong{font-size:1rem}.project-status{width:67px;min-width:67px;height:67px}.project-status span{font-size:.8125rem}.project-status small{font-size:.75rem}.project-tags span{font-size:.75rem}.project-description{font-size:.875rem}}
@media(max-width:700px){.header-inner{padding:13px 20px}.main-nav{gap:10px;flex-wrap:wrap}.main-nav a,.main-nav button{font-size:.75rem;letter-spacing:.05em}.brand small{font-size:.75rem;letter-spacing:0}.hero,.hero-inner{min-height:685px}.hero-inner{grid-template-columns:250px 1fr;padding:28px 7% 230px}.hero-poster{left:auto;top:auto;width:100%}.hero-note{display:none}.hero-polaroid{top:auto;bottom:22px;right:6%;width:167px;padding:10px 10px 13px}.hero-polaroid .photo{height:107px}.polaroid-caption{font-size:.8125rem}.polaroid-meta{font-size:.75rem;letter-spacing:0}.hero-index{left:7%;right:auto;bottom:36px;font-size:.75rem;letter-spacing:.025em;max-width:148px}.hero-index span{display:block;margin:5px 0 0}.poster-copy{font-size:1rem}.recent-grid .entry-card{min-height:311px}.recent-grid .card-summary{font-size:.875rem}.recent-grid .entry-card>.state{font-size:.75rem;left:11px;top:12px}.shelves-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.shelf{min-height:171px;padding:14px 3px 11px}.shelf strong{font-size:.875rem;white-space:normal;line-height:1.6}.shelf:nth-child(7) strong{font-size:.875rem}.shelf small{font-size:.75rem;overflow-wrap:anywhere}.project-description{font-size:1rem}.project-status{width:74px;min-width:74px;height:74px}.project-status span{font-size:.875rem}.project-status small{font-size:.75rem}.project-tags span{font-size:.75rem}.project-end{font-size:.75rem}.footer-intro>p{font-size:.875rem}.footer-nav{gap:15px}.footer-nav a,.footer-nav button{font-size:.75rem}.footer-bottom{font-size:.75rem;line-height:1.8}.entry-toolbar .eyebrow{font-size:.75rem;letter-spacing:.08em}.archive-results .card-summary{font-size:.875rem}.archive-results .card-tags{font-size:.75rem}.words-paper p{font-size:1.4375rem}.archive-controls .text-link{font-size:.875rem}}
@media(max-width:380px){.hero-inner{grid-template-columns:minmax(0,235px) 1fr;padding-left:5%;padding-right:5%}.hero-poster{width:100%}.hero-polaroid{right:5%;width:160px}.hero-index{left:5%;max-width:127px}.shelves-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf{min-height:154px}.shelf small{overflow-wrap:normal}.words-paper p{font-size:1.3125rem}}

/* Use the completed transparent logo without recoloring or changing the artwork.
   Source: 1254 x 1254; symbol viewport (217, 61, 818, 886), name viewport (217, 983, 818, 136). */
.logo-mark,.logo-wordmark{display:block;flex-shrink:0;background-image:url('assets/kaito-logo-transparent.webp');background-repeat:no-repeat;mix-blend-mode:normal;filter:none}
.logo-mark{aspect-ratio:818 / 886;background-size:153.3007335% 141.5349887%;background-position:49.7706422% 16.576087%}
.logo-wordmark{width:165px;aspect-ratio:818 / 136;background-size:153.3007335% 922.0588235%;background-position:49.7706422% 87.9248658%}
.brand{gap:14px}
.brand .brand-kite.logo-mark{width:61px;height:auto}
.brand-lockup{display:flex;flex-direction:column;gap:9px;min-width:0}
.brand-lockup small{margin:0;font-size:.75rem;letter-spacing:.025em;line-height:1.6}
.hero-poster .poster-kite.logo-mark{width:130px;height:auto;margin:19px auto 12px}
.hero-poster .poster-brandname{font-size:1rem;line-height:1;margin:0}
.poster-brandname .logo-wordmark{width:204px;margin:0 auto}
.poster-tagline{font-family:var(--serif);font-size:.875rem;letter-spacing:.02em;margin-top:11px;line-height:1.7}
.hero-poster .poster-subtitle{margin-top:14px}
.hero-poster .poster-rule{margin-top:17px;margin-bottom:16px}
.hero-poster .poster-hand{margin-top:15px}
.footer-brand{display:inline-flex;max-width:100%;background:#f7f6ed;color:#193f32;padding:15px 20px 16px;border:1px solid #fafbf333;border-radius:2px;box-shadow:1px 3px 8px #0c251725}
.footer-brand .brand-kite.logo-mark{width:69px;height:auto;filter:none}
.footer-brand .logo-wordmark{width:180px}
.footer-brand .brand-lockup small{font-size:.75rem}
@media(max-width:1190px){.brand .brand-kite.logo-mark{width:52px}.brand .logo-wordmark{width:155px}.brand{gap:12px}.footer-brand .brand-kite.logo-mark{width:64px}.footer-brand .logo-wordmark{width:175px}}
@media(max-width:700px){.brand .brand-kite.logo-mark{width:46px}.brand .logo-wordmark{width:144px}.brand{gap:11px}.brand-lockup{gap:7px}.brand-lockup small{font-size:.75rem;letter-spacing:0}.hero-poster .poster-kite.logo-mark{width:118px;margin:16px auto 12px}.poster-brandname .logo-wordmark{width:184px}.poster-tagline{font-size:.8125rem;letter-spacing:0;margin-top:11px}.hero-poster .poster-subtitle{margin-top:12px}.hero-poster .poster-rule{margin-top:15px}.footer-brand{padding:14px 16px}.footer-brand .brand-kite.logo-mark{width:58px}.footer-brand .logo-wordmark{width:154px}.footer-brand .brand-lockup small{font-size:.75rem}}
@media(max-width:380px){.brand .brand-kite.logo-mark{width:42px}.brand .logo-wordmark{width:136px}.footer-brand .brand-kite.logo-mark{width:52px}.footer-brand .logo-wordmark{width:143px}.poster-brandname .logo-wordmark{width:176px}}