:root{--orange:#f05223;--paper:#efede7;--ink:#0a0a0a;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.aku-nav{position:fixed;z-index:50;inset:0 0 auto;height:68px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.25);mix-blend-mode:difference}.aku-nav>span{font-size:9px;letter-spacing:.14em}.aku-brand{display:flex;align-items:center;gap:8px}.aku-brand img{width:27px;filter:invert(1)}.aku-brand b{font-size:17px}.view-switch{justify-self:end;display:flex;gap:5px}.view-switch button{border:0;background:none;color:#fff;padding:8px;font-size:9px;letter-spacing:.1em;cursor:pointer;opacity:.45}.view-switch button.active{opacity:1;text-decoration:underline;text-underline-offset:4px}
.aku-intro{height:100svh;min-height:650px;position:relative;padding:110px 22px 30px;background:var(--paper);color:var(--ink);overflow:hidden}.aku-intro:before{content:"";position:absolute;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;right:-8vw;top:10vh;background:var(--orange)}.eyebrow{position:relative;font-size:9px;letter-spacing:.16em;font-weight:800}.aku-intro h1{position:relative;margin:7vh 0 0;font-size:clamp(90px,16vw,255px);line-height:.68;letter-spacing:-.09em}.aku-intro h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.intro-copy{position:absolute;left:54%;bottom:16vh;font-size:clamp(18px,2vw,29px);line-height:1.4}.intro-en{position:absolute;left:22px;bottom:28px;font:italic 18px Georgia,serif}.aku-intro>a{position:absolute;right:22px;bottom:28px;font-size:9px;letter-spacing:.13em}.aku-intro>a i{margin-left:14px;color:var(--orange);font-style:normal}
.gallery-section{height:760vh;position:relative;background:#080808}.gallery-sticky{height:100svh;position:sticky;top:0;overflow:hidden;perspective:1550px;background:radial-gradient(ellipse at 50% 50%,#272727 0,#080808 70%)}.gallery-sticky:before{content:"";position:absolute;z-index:0;left:50%;top:-12%;width:1px;height:124%;background:linear-gradient(transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.18) 82%,transparent);box-shadow:-28vw 0 90px rgba(240,82,35,.08),28vw 0 90px rgba(110,190,255,.08)}.gallery-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at calc(50% + var(--mx)*1px) calc(50% + var(--my)*1px),rgba(255,255,255,.07),transparent 60%)}.gallery-head{position:absolute;z-index:110;top:92px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.space{position:absolute;z-index:2;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--my)*.008deg)) rotateY(calc(var(--mx)*-.014deg));transition:transform .2s linear}.art{position:absolute;left:50%;top:50%;width:min(28vw,390px);height:min(38vw,530px);padding:0;border:0;background:#eee;box-shadow:0 35px 90px rgba(0,0,0,.55);cursor:pointer;transform-style:preserve-3d;will-change:transform,opacity;transition:filter .25s}.art.landscape{width:min(43vw,620px);height:min(31vw,445px)}.art img{width:100%;height:100%;display:block;object-fit:cover}.art:hover{filter:brightness(1.08)}.gallery-help{position:absolute;z-index:110;bottom:24px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#aaa}
.grid-mode{height:auto;min-height:100vh;padding:110px 22px 80px}.grid-mode .gallery-sticky{height:auto;position:relative;overflow:visible;perspective:none;background:#080808}.grid-mode .gallery-head{position:relative;inset:auto;margin-bottom:45px}.grid-mode .space{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:none!important}.grid-mode .art,.grid-mode .art.landscape{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:3/4;transform:none!important;opacity:1!important}.grid-mode .art.landscape{grid-column:span 2;aspect-ratio:1.42}.grid-mode .gallery-help{display:none}
.aku-story{min-height:100svh;background:var(--orange);color:var(--ink);padding:110px 22px 55px;display:grid;grid-template-columns:1fr 3fr;align-content:space-between}.aku-story>span,.aku-next>p{font-size:9px;letter-spacing:.15em;font-weight:800}.aku-story h2,.aku-next h2{margin:0;font-size:clamp(70px,11vw,175px);line-height:.82;letter-spacing:-.08em}.aku-story>div{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid;padding-top:18px}.aku-story p{font-size:16px;line-height:1.7}.aku-next{min-height:90svh;padding:110px 22px 45px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.aku-next a{align-self:flex-start;border:1px solid;border-radius:99px;padding:13px 18px;font-size:9px;letter-spacing:.12em}.aku-next a:hover{background:var(--ink);color:var(--paper)}
.lightbox{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:86vw;max-height:82vh;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:22px;border:0;background:none;color:#fff;font-size:9px;letter-spacing:.12em;cursor:pointer}.lightbox>div{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}
@media(max-width:760px){.aku-nav{grid-template-columns:1fr auto}.aku-nav>span{display:none}.aku-intro h1{font-size:24vw;margin-top:12vh}.intro-copy{left:22px;bottom:18vh}.intro-en{display:none}.art{width:52vw;height:69vw}.art.landscape{width:68vw;height:48vw}.grid-mode .space{grid-template-columns:repeat(2,1fr)}.grid-mode .art.landscape{grid-column:span 2}.aku-story{grid-template-columns:1fr;gap:55px}.aku-story>div{grid-column:1;grid-template-columns:1fr;gap:0}.gallery-help span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.gallery-section{height:auto;padding:100px 15px}.gallery-sticky{height:auto;position:relative}.space{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:none!important}.art,.art.landscape{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:3/4;transform:none!important;opacity:1!important}}

/* Preserve every source image's original aspect ratio. */
.art{height:auto;background:transparent}
.art.portrait{width:min(23vw,330px);aspect-ratio:1/2}
.art.square{width:min(30vw,430px);aspect-ratio:1}
.art.landscape{width:min(43vw,620px);height:auto;aspect-ratio:1.5}
.art img{object-fit:contain}
.grid-mode .art,.grid-mode .art.portrait,.grid-mode .art.square,.grid-mode .art.landscape{width:100%;height:auto}
.grid-mode .art.portrait{aspect-ratio:1/2}
.grid-mode .art.square{aspect-ratio:1}
.grid-mode .art.landscape{aspect-ratio:1.5}
@media(max-width:760px){.art.portrait{width:35vw;height:auto}.art.square{width:52vw;height:auto}.art.landscape{width:68vw;height:auto}}

/* Cinematic depth hierarchy: one sharp hero, softened distant work. */
.spiral-mode .art{will-change:transform,opacity,filter;transition:filter .16s linear,opacity .16s linear}
.grid-mode .art{filter:none!important;opacity:1!important}

.archive{background:var(--paper);color:var(--ink);padding:120px 22px 90px}.archive-heading{display:grid;grid-template-columns:1fr 3fr;gap:30px}.archive-heading>div{display:flex;flex-direction:column;gap:10px;font-size:9px;letter-spacing:.13em}.archive-heading h2{margin:0;font-size:clamp(62px,9vw,145px);line-height:.84;letter-spacing:-.075em}.archive-controls{position:sticky;z-index:20;top:68px;margin:90px -22px 28px;padding:14px 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;background:rgba(239,237,231,.82);border-top:1px solid;border-bottom:1px solid;backdrop-filter:blur(16px)}.archive-filters{display:flex;gap:5px}.archive-controls button,.archive-controls input{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:8px 12px;font-size:9px;letter-spacing:.09em}.archive-controls button{cursor:pointer}.archive-controls button.active{background:var(--ink);color:var(--paper)}.archive-controls label,.archive-controls>span{font-size:8px;letter-spacing:.12em}.archive-controls input{width:62px;margin-left:8px;outline:none}.archive-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-items:start}.archive-item{margin:0;position:relative;background:#ddd;overflow:hidden;cursor:zoom-in}.archive-item img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.archive-item:hover img{transform:scale(1.025)}.archive-item figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:25px 9px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:8px;letter-spacing:.08em;opacity:0;transition:.25s}.archive-item:hover figcaption{opacity:1}.load-more{display:flex;justify-content:space-between;width:100%;margin-top:30px;padding:15px 0;border:0;border-top:1px solid;border-bottom:1px solid;background:none;font-size:10px;letter-spacing:.12em;cursor:pointer}.load-more[hidden]{display:none}
@media(max-width:900px){.archive-heading{grid-template-columns:1fr}.archive-controls{grid-template-columns:1fr auto}.archive-controls>span{display:none}.archive-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.archive{padding-inline:12px}.archive-controls{top:68px;margin-inline:-12px;padding-inline:12px;grid-template-columns:1fr}.archive-controls label{display:none}.archive-filters{justify-content:space-between}.archive-controls button{padding-inline:9px}.archive-grid{grid-template-columns:repeat(2,1fr);gap:6px}.archive-item figcaption{opacity:1}}

/* Apple-inspired fluid glass navigation */
.aku-nav{top:12px;left:14px;right:14px;height:58px;border:1px solid rgba(255,255,255,.3);border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 50px rgba(0,0,0,.18);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);mix-blend-mode:normal}
.aku-nav:after,.aku-dock:after{content:"";position:absolute;pointer-events:none;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 34%,transparent 68%,rgba(255,255,255,.12));opacity:.55}
.aku-dock{position:fixed;z-index:49;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:3px;padding:6px;border:1px solid rgba(255,255,255,.35);border-radius:99px;background:rgba(20,20,20,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 45px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}
.aku-dock a{position:relative;z-index:1;padding:9px 12px;border-radius:99px;font-size:8px;letter-spacing:.12em;transition:.25s}.aku-dock a:hover{background:rgba(255,255,255,.2)}
.section-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.section-kicker b{font-weight:400}
.type-lab,.pin-wall,.month-book,.tear-calendar{min-height:100svh;padding:110px 22px 100px;overflow:hidden}
.type-lab h2,.pin-wall h2,.month-book h2,.tear-calendar h2{font-size:clamp(62px,9vw,145px);line-height:.84;letter-spacing:-.075em;margin:9vh 0 8vh}.type-lab h2 i,.tear-calendar h2 i{font-family:Georgia,serif;font-weight:400}

/* VOKU-inspired typography viewer — full image, never cropped */
.type-lab{position:relative;background:#111;color:#fff;padding-inline:0}.type-lab>.section-kicker,.type-lab>h2{margin-left:22px;margin-right:22px}.type-lab>h2{margin-bottom:3vh}.type-track{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 8vw 48px;scroll-padding-inline:8vw;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.type-track.dragging{cursor:grabbing;scroll-snap-type:none}.type-track::-webkit-scrollbar{display:none}.type-card{position:relative;flex:0 0 84vw;height:76svh;margin:0;scroll-snap-align:center;display:grid;grid-template-rows:1fr auto;place-items:center;padding:4vh 5vw 0;transform:scale(.78);filter:blur(8px);opacity:.3;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .55s,opacity .55s}.type-card.is-focus{transform:scale(1);filter:blur(0);opacity:1;z-index:2}.type-card img{display:block;width:auto;height:auto;max-width:74vw;max-height:66svh;object-fit:contain;box-shadow:0 35px 100px rgba(0,0,0,.56);pointer-events:none}.type-card figcaption{width:min(74vw,1100px);display:flex;justify-content:space-between;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.28);font-size:8px;letter-spacing:.13em;color:#aaa}.type-card.is-focus figcaption{color:#fff}.type-controls{display:flex;align-items:center;justify-content:space-between;margin:0 22px;padding-top:14px;border-top:1px solid #444;font-size:9px;letter-spacing:.13em}.type-controls div{display:flex;gap:6px}.type-controls button{width:46px;height:46px;border:1px solid #666;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.25s}.type-controls button:hover{background:#fff;color:#111}.type-position strong{font-size:28px;font-weight:400}.type-position span{color:#777}

/* Sticker constellation */
.pin-wall{position:relative;background:#f05223;color:#0a0a0a}.pin-stage{position:relative;min-height:950px;margin-top:-8vh}.pin{position:absolute;width:clamp(75px,10vw,155px);padding:0;border:0;background:transparent;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));transform:translate(-50%,-50%) rotate(var(--r));transition:.3s;cursor:grab}.pin img{width:100%;height:auto;display:block}.pin:hover{z-index:5;transform:translate(-50%,-50%) rotate(0) scale(1.22);filter:drop-shadow(0 25px 24px rgba(0,0,0,.27))}

/* Page-turning month calendar */
.month-book{background:#e9e5dc;color:#111}.month-reader{position:relative;width:min(78vw,980px);margin:auto;display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.month-stack{height:min(68vw,760px);position:relative;perspective:1600px}.month-page{position:absolute;inset:0;display:grid;place-items:center;transform-origin:left center;transition:transform .85s cubic-bezier(.25,.7,.15,1),opacity .5s;backface-visibility:hidden}.month-page img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;box-shadow:0 35px 80px rgba(0,0,0,.22)}.month-page.before{transform:rotateY(-100deg);opacity:0}.month-page.after{transform:translateX(3%) scale(.96);opacity:.32}.month-page.active{z-index:3}.month-arrow{width:52px;height:52px;border:1px solid;border-radius:50%;background:transparent;font-size:22px;cursor:pointer;transition:.25s}.month-arrow:hover{background:#111;color:#fff}.month-meta{grid-column:2;display:flex;justify-content:space-between;border-top:1px solid;margin-top:18px;padding-top:12px;font-size:10px;letter-spacing:.12em}.month-meta strong{font-size:30px}

/* 3D tear-off calendar */
.tear-calendar{background:#0b0b0b;color:#fff}.tear-scene{height:min(78vw,820px);position:relative;display:grid;place-items:center;perspective:1600px}.tear-shadow{position:absolute;width:min(52vw,600px);aspect-ratio:1;border-radius:50%;background:rgba(0,0,0,.8);filter:blur(50px);transform:translateY(28%) rotateX(70deg)}.tear-pad{position:relative;width:min(52vw,590px);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-8deg)}.tear-sheet{position:absolute;inset:0;border:0;padding:0;background:#fff;box-shadow:0 2px 0 #ddd,0 18px 40px rgba(0,0,0,.2);cursor:grab;touch-action:none;transform:translateZ(calc(var(--layer)*-2px)) translateY(calc(var(--layer)*1px));will-change:transform,opacity}.tear-sheet img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.tear-sheet.dragging{cursor:grabbing;transition:none}.tear-sheet.fly{transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .55s;opacity:0}.tear-ui{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #555;padding-top:14px;font-size:9px;letter-spacing:.13em}.tear-ui strong{font-size:22px}.tear-ui button{justify-self:end;border:1px solid #777;border-radius:99px;background:transparent;color:#fff;padding:9px 14px;font-size:8px;letter-spacing:.12em;cursor:pointer}

@media(max-width:760px){
  .aku-nav{top:8px;left:8px;right:8px}.aku-dock{max-width:calc(100vw - 16px);overflow-x:auto;justify-content:flex-start}.aku-dock a{padding-inline:10px}
  .type-track{padding-inline:4vw;scroll-padding-inline:4vw}.type-card{flex-basis:92vw;height:70svh;padding-inline:4vw}.type-card img{max-width:84vw;max-height:58svh}.type-card figcaption{width:84vw}.pin-stage{min-height:700px}.pin{width:22vw}
  .month-reader{width:100%;grid-template-columns:45px 1fr 45px}.month-stack{height:105vw}.month-arrow{width:38px;height:38px}
  .tear-pad{width:82vw}.tear-scene{height:105vw}.tear-ui{grid-template-columns:1fr auto}.tear-ui button{display:none}
}
@media(prefers-reduced-motion:reduce){.month-page,.type-card,.pin,.tear-sheet{transition:none!important}}

/* Adaptive contrast and more physical paper interactions */
.aku-nav,.aku-dock{color:#fff;transition:color .35s,border-color .35s,background .35s}
.aku-nav.on-light,.aku-dock.on-light{color:#0a0a0a;border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.54)}
.aku-nav.on-light .aku-brand img{filter:none}.aku-nav:not(.on-light) .aku-brand img{filter:invert(1)}
.aku-nav .view-switch button{color:inherit}

.month-stack{width:min(43vw,520px);height:auto;aspect-ratio:var(--month-ratio,.5);justify-self:center;perspective:2200px;transform-style:preserve-3d}
.month-stack:before{content:"";position:absolute;z-index:20;left:-10px;top:0;bottom:0;width:13px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#777,#e9e5da 32%,#878279 43%,#f4efe4 54%,#666);box-shadow:-8px 8px 24px rgba(0,0,0,.2)}
.month-page{background:#fff;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.18,.75,.18,1),opacity .55s,filter .55s;box-shadow:0 2px 1px rgba(0,0,0,.08),0 35px 80px rgba(0,0,0,.22)}
.month-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 8%,transparent 73%,rgba(255,255,255,.22));opacity:.28;transition:opacity .8s}
.month-page img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;box-shadow:none}
.month-page.before{transform:rotateY(-179deg) translateZ(1px);opacity:0;filter:brightness(.65)}
.month-page.after{transform:translate3d(8px,5px,calc(var(--page-depth)*-2px)) scale(.992);opacity:.62;filter:brightness(calc(1 - var(--page-depth)*.025))}
.month-page.active{z-index:15;transform:rotateY(0)}.month-page.turning{transform:rotateY(-92deg) translateZ(30px);box-shadow:35px 25px 60px rgba(0,0,0,.28)}

.tear-pad:before{content:"";position:absolute;z-index:50;left:-3%;right:-3%;top:-3%;height:7%;border-radius:10px;background:linear-gradient(#5d5d5d,#171717 48%,#575757 52%,#090909);box-shadow:0 12px 18px rgba(0,0,0,.4);transform:translateZ(50px)}
.tear-pad:after{content:"";position:absolute;z-index:51;left:2%;right:2%;top:4%;height:1px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.55) 0 8px,transparent 8px 14px);transform:translateZ(52px)}
.tear-sheet{--peel:0;transform-origin:50% 4%;overflow:hidden}
.tear-sheet:before{content:"";position:absolute;z-index:4;left:0;right:0;top:4%;height:2px;background:repeating-linear-gradient(90deg,#aaa 0 7px,transparent 7px 13px);opacity:.75}
.tear-sheet:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--grab-x,50%) var(--grab-y,50%),rgba(255,255,255,.8),transparent 22%),linear-gradient(calc(90deg + var(--curl-angle,0deg)),transparent 43%,rgba(0,0,0,.24) 50%,rgba(255,255,255,.58) 56%,transparent 66%);opacity:var(--peel)}
.tear-sheet.dragging{clip-path:polygon(0 4%,100% 4%,100% 100%,0 100%)}
.tear-sheet.fly{transition:transform .72s cubic-bezier(.18,.78,.2,1),opacity .6s,clip-path .5s;clip-path:polygon(0 0,100% 7%,96% 100%,4% 97%)}

@media(max-width:760px){.month-stack{width:72vw;height:auto}}