@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f8f6ef;--ink:#23382f;--muted:#667269;--line:#d9ddd3;--green:#275440;--lime:#d9f078;--orange:#ea855c;--purple:#dcd2f0;--blue:#d4e5f2;--font:'DM Sans','Noto Sans JP',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #8751c1;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{border:0}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.preview-bar{background:#e8eddf;padding:8px 48px;font-size:10px;letter-spacing:.1em;display:flex;gap:20px;align-items:center}.preview-bar span{font-size:10px;letter-spacing:.03em}.preview-bar a{margin-left:auto;text-decoration:underline;text-underline-offset:3px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;line-height:1.1;letter-spacing:-.03em}.brand small{display:block;font-size:12px;letter-spacing:.17em;font-weight:500;margin-top:5px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-8px;height:3px;left:0;width:0;background:var(--orange);transition:width .2s}.header nav a:hover:after{width:100%}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:665px;align-items:center;gap:26px;padding-block:52px 68px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px}.tiny-cross{font-size:26px;color:#809b42}.hero h1{font-size:clamp(35px,3.9vw,54px);font-weight:800;line-height:1.52;letter-spacing:-.045em}.underline{position:relative;white-space:nowrap}.underline:after{content:'';height:9px;background:var(--lime);position:absolute;bottom:5px;left:-2px;right:-2px;z-index:-1;transform:rotate(-2deg)}.fun{color:var(--green);position:relative}.spark{position:absolute;color:var(--orange);font-size:35px;right:-24px;top:-25px;transform:rotate(12deg)}.hero-description{font-size:13px;line-height:2.05;max-width:410px;margin-top:24px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 25px;border-radius:6px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s}.dark{background:var(--green);color:white}.hero .button{margin-top:30px}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #cfdaaa}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero .text-link{margin-left:24px}
/* The work desk is built from lightweight, interactive HTML objects. */
.workbench{height:520px;position:relative;isolation:isolate}.desk-grid{position:absolute;inset:25px -5px 0;background:radial-gradient(#bac6b9 .7px,transparent .7px);background-size:16px 16px;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}.desk-label{position:absolute;left:30px;top:18px;letter-spacing:.17em;font-size:9px;color:var(--muted)}.desk-object{transition:transform .3s,filter .3s}.monitor{position:absolute;width:325px;left:55px;top:105px;transform:rotate(-5deg);z-index:2}.monitor:hover{transform:rotate(-2deg) translateY(-8px)}.monitor-frame{border:7px solid #2c403a;border-radius:15px;background:#fff;box-shadow:9px 12px 0 #20382e18}.monitor-toolbar{height:27px;background:#e5e9de;border-bottom:1px solid #c2cbbc;display:flex;gap:4px;align-items:center;padding:0 10px}.monitor-toolbar i{height:5px;width:5px;background:#92a692;border-radius:100%}.monitor-toolbar span{font-size:7px;margin-left:auto;letter-spacing:.05em}.monitor-screen{background:#edf2d4;padding:23px 26px 21px}.screen-kicker{font-size:8px;letter-spacing:.17em}.monitor-screen strong{font-size:39px;font-weight:500;line-height:.97;letter-spacing:-.06em;display:block;margin-top:13px}.monitor-screen strong>span{color:#cf6548;animation:cursor 1.8s steps(1) infinite}.workflow{display:flex;gap:7px;align-items:center;margin-top:24px;font-size:7px;letter-spacing:.06em}.workflow span{padding:6px 8px;background:white;border:1px solid #bdcaa2;border-radius:4px}.workflow span:nth-of-type(2){background:var(--green);color:white}.workflow b{font-size:12px;font-weight:400}.monitor-neck{height:31px;width:42px;background:#9aa9a0;margin:auto;transform:skewX(-8deg)}.monitor-base{width:123px;height:11px;background:#bcc5bd;margin:auto;border:2px solid #8d9e92;border-radius:40%}.object-tag{position:absolute;font-size:10px;font-weight:600;background:var(--paper);border:1px solid #96a18e;border-radius:30px;padding:7px 12px;white-space:nowrap}.monitor>.object-tag{bottom:-21px;right:4px;transform:rotate(5deg)}.sticky{position:absolute;right:-4px;top:57px;width:163px;min-height:162px;background:#f7df87;transform:rotate(9deg);padding:24px 18px 16px;z-index:4;box-shadow:4px 9px 12px #54491414}.sticky:hover{transform:rotate(3deg) translateY(-5px)}.sticky small{font-size:8px;letter-spacing:.11em}.sticky strong{display:block;font-size:15px;font-weight:600;line-height:1.75;margin-top:10px}.sticky-arrow{display:block;font-size:30px;line-height:1;text-align:right}.pin{position:absolute;top:-7px;left:67px;width:31px;height:18px;background:#b8c4a7c9;transform:rotate(-5deg)}.desk-books{position:absolute;left:60px;bottom:11px;width:125px;transform:rotate(-13deg);z-index:5}.desk-books:hover{transform:rotate(-7deg) translateY(-7px)}.desk-books img{width:105px;border-radius:2px 5px 5px 2px;box-shadow:6px 7px 7px #21352625;position:relative;margin-left:9px;border-left:4px solid #deddd7}.book-under{position:absolute;width:111px;height:155px;left:0;top:12px;border-radius:3px 6px 6px 3px;border-bottom:6px solid #f0eee2;box-shadow:2px 3px 0 #829785}.book-under.blue{background:#608797;transform:rotate(9deg)}.book-under.coral{background:#df8f71;transform:rotate(-8deg);top:6px}.desk-books .object-tag{bottom:5px;right:-77px;transform:rotate(13deg)}.coffee{position:absolute;right:47px;bottom:67px;width:83px;height:83px;background:#eee8db;border-radius:100%;box-shadow:4px 7px 9px #263c3120;transform:rotate(-16deg)}.coffee:before{content:'';position:absolute;right:-7px;top:32px;width:19px;height:25px;border:8px solid #fbf9ef;border-radius:8px;box-shadow:3px 2px 0 #dfddcf}.coffee span{position:absolute;inset:9px;background:#77523b;border:8px solid #fffdf3;border-radius:100%;box-shadow:inset 1px 3px 5px #271708}.coffee span:after{content:'';position:absolute;border:1px solid #b99564;width:23px;height:32px;border-radius:50%;left:10px;top:2px;transform:rotate(25deg)}.pencil{position:absolute;right:176px;bottom:72px;width:8px;height:113px;background:linear-gradient(90deg,#cd853c 30%,#f4c26a 30% 70%,#d59246 70%);transform:rotate(32deg)}.pencil:after{content:'';position:absolute;bottom:-16px;left:0;border-top:16px solid #aa9271;border-inline:4px solid transparent}.desk-caption{position:absolute;bottom:1px;right:12px;color:#7b8678;font-size:9px;letter-spacing:.16em}.desk-caption span{font-size:25px;display:inline-block;margin-left:5px}.lamp{position:absolute;top:19px;left:2px;width:82px;height:113px;z-index:5;background:transparent;transform:rotate(-14deg)}.lamp-head{position:absolute;top:0;left:5px;width:63px;height:30px;background:var(--orange);border-radius:40px 40px 3px 3px;transform:rotate(-20deg);box-shadow:inset -7px 2px #d87956}.lamp-arm{height:76px;width:7px;background:#5b705c;position:absolute;top:27px;left:51px;transform:rotate(-22deg)}.lamp-foot{position:absolute;bottom:0;left:35px;width:51px;height:11px;border-radius:40% 40% 0 0;background:#5b705c}.lamp-tag{font-size:7px;left:-6px;top:-12px;opacity:0;transition:opacity .2s}.lamp:hover .lamp-tag,.lamp:focus-visible .lamp-tag{opacity:1}.lamp-glow{position:absolute;inset:-20px 80px 20px -90px;background:radial-gradient(ellipse at 35% 35%,#ffd55180,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}.workbench.is-lit .lamp-glow{opacity:1}.workbench.is-lit .lamp-head{background:#ffc455}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#ebeedf;padding:17px 0}.ticker>div{white-space:nowrap;font-size:13px;font-weight:500;letter-spacing:.16em;width:max-content}.ticker span{color:#708652;margin:0 36px;font-size:18px}.section{padding-block:87px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px;color:var(--muted)}h2{font-size:33px;letter-spacing:-.04em;font-weight:700}.heading-dot{color:var(--orange);margin-left:4px}.margin-note{font-size:12px;transform:rotate(-5deg);color:var(--muted)}.margin-note span{font-size:28px;margin-left:10px;display:inline-block;transform:rotate(-20deg)}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.room{text-align:left;padding:24px;border:1px solid #cbd3c1;border-radius:10px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.room:hover{transform:translateY(-7px);box-shadow:0 9px 0 #223b2a12}.room-ai{background:#e9eddb}.room-marketing{background:#f2e6db;border-color:#ddcbbd}.room-learning{background:#e3e9ef;border-color:#c7d2df}.room-number{font-size:10px;letter-spacing:.12em;display:flex;justify-content:space-between}.room-number>span{font-size:20px;line-height:1}.room-art{height:155px;position:relative;margin:5px auto 10px;width:230px;max-width:100%}.chat{position:absolute;border:2px solid var(--green);border-radius:12px;background:#f8faee;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:4px 5px 0 #72836420}.chat:after{content:'';position:absolute;width:14px;height:12px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:skewY(-34deg);bottom:-9px;left:15px;background:inherit}.chat-a{width:120px;height:67px;top:33px;left:22px;transform:rotate(-8deg)}.chat i{background:#89a95c;width:11px;height:11px;border-radius:50%}.chat-b{width:74px;height:59px;background:#c6dd8b;top:71px;right:18px;font-size:35px;transform:rotate(8deg)}.art-orbit{position:absolute;width:27px;height:27px;border:1px solid #899875;border-radius:50%;right:25px;top:19px}.paper{position:absolute;background:#fffaf1;border:1.5px solid #8a7460;border-radius:4px;width:91px;height:111px;left:44px;top:24px;padding:18px 13px}.paper i{display:block;height:3px;background:#cdbba7;margin-top:9px}.paper.p1{transform:rotate(-14deg);background:#e4b58d}.paper.p2{left:96px;top:17px;transform:rotate(9deg);box-shadow:6px 6px 0 #9a7b6115}.paper b{font-family:Georgia,serif;font-size:22px;font-weight:400}.art-star{position:absolute;left:20px;top:77px;font-size:40px;color:#c4774b}.video-frame{position:absolute;width:156px;height:100px;border:2px solid #536779;background:#f3f7fa;left:28px;top:23px;border-radius:6px;transform:rotate(-7deg);box-shadow:7px 7px 0 #526c8018;display:grid;place-items:center}.video-frame span{display:grid;place-items:center;border-radius:50%;background:#b4c7d7;height:38px;width:38px;color:#3a5264;font-size:17px;padding-left:2px}.video-frame i{position:absolute;bottom:10px;left:12px;right:12px;height:3px;background:#b4c7d7}.video-frame i:before{content:'';position:absolute;width:33%;height:3px;background:#536779}.play-spark{position:absolute;right:13px;top:78px;font-size:48px;color:#7590a8}.room-en{font-size:9px;letter-spacing:.12em;color:#617260}.room h3{font-size:20px;font-weight:700;margin-top:8px;letter-spacing:-.045em}.room p{margin-top:14px;font-size:12px;line-height:1.9;color:#5b685d;min-height:47px}.room-enter{display:flex;justify-content:space-between;border-top:1px solid #23382f25;padding-top:17px;margin-top:23px;font-size:11px}.room-enter b{font-size:18px;line-height:1}.library{background:#eeeae1;border-block:1px solid #dedbd1}.section-description{font-size:13px;color:var(--muted);margin-top:15px}.library-stamp{border:2px solid #829584;color:#6a7f6e;border-radius:50%;width:109px;height:109px;text-align:center;padding:22px 6px 10px;transform:rotate(12deg);font-size:10px;line-height:1.35;outline:1px solid #829584;outline-offset:-6px}.library-stamp strong{display:block;font-size:17px}.library-stamp span{display:block;font-size:6px;margin-top:6px;letter-spacing:.04em}.library-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #c5c8ba;border-radius:30px;background:transparent;padding:9px 18px;font-size:11px;transition:background .2s}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.filters button:hover{box-shadow:0 0 0 1px #7c947e}#book-count{font-size:10px;letter-spacing:.11em;white-space:nowrap}.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 28px}.book{display:flex;flex-direction:column;position:relative}.book[hidden]{display:none}.book-visual{height:224px;display:flex;align-items:flex-end;justify-content:center;padding:8px 15px 20px;border-bottom:9px solid #d5c9b7;box-shadow:0 8px 8px -8px #4b443b80;position:relative;background:linear-gradient(0deg,#dfd9cd40,transparent 45%)}.book-visual img{height:auto;width:auto;max-height:196px;max-width:calc(100% - 12px);box-shadow:6px 5px 12px #3b392c24;border-radius:1px 3px 3px 1px;transition:transform .25s;transform-origin:bottom left}.book:hover .book-visual img{transform:translateY(-8px) rotate(-3deg)}.shelf-number{font-family:monospace;font-size:9px;position:absolute;left:0;bottom:-25px;color:#8b887b}.book-meta{display:flex;justify-content:space-between;margin:25px 0 10px;align-items:center}.book-category{font-size:9px;color:var(--muted);letter-spacing:.05em}.book-arrow{font-size:18px;line-height:1}.book h3{font-size:13px;font-weight:600;line-height:1.75}.book-subtitle{font-size:11px;color:var(--muted);line-height:1.8;margin-top:9px}.library-footnote{margin-top:38px;font-size:11px;color:var(--muted)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding-block:100px}.about-note{background:#fffdf5;border:1px solid #dfdfd2;box-shadow:7px 8px 0 #dee0d455;transform:rotate(-2deg);padding:41px 35px;position:relative}.about-note .eyebrow{font-size:9px;color:var(--muted);margin-bottom:20px}.about-note h2{font-size:37px;font-weight:500;line-height:1.2}.about-mission{font-size:16px;font-weight:600;margin-top:13px}.about-note>p:not(.eyebrow):not(.about-mission){font-size:12px;line-height:2.1;color:var(--muted);margin-top:24px;max-width:330px}.about-note .text-link{margin-top:30px}.tape{position:absolute;width:107px;height:27px;background:#c6d09aaa;left:50%;top:-13px;transform:translateX(-50%) rotate(5deg)}.note-star{position:absolute;right:27px;bottom:21px;font-size:49px;color:#a5ba72;transform:rotate(7deg)}.about-right>.eyebrow{font-size:10px;color:var(--muted)}.about-right>h3{font-size:26px;line-height:1.7;font-weight:600;letter-spacing:-.02em;margin:20px 0 25px}.about-links>a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);transition:padding .2s}.about-links>a:hover{padding-left:8px}.about-links span{font-size:10px;letter-spacing:.1em}.about-links small{display:block;font-size:12px;letter-spacing:0;margin-top:5px}.about-links b{font-size:20px;font-weight:400}.footer{border-top:1px solid var(--line);padding-block:31px}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:15px}.footer p,.footer .wrap>a:last-child{font-size:10px;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:36px;width:min(700px,calc(100% - 32px));max-height:85dvh;box-shadow:0 25px 90px #132c3040}dialog::backdrop{background:#182d28aa;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border-radius:50%;background:#e6eade;font-size:25px}dialog .eyebrow{color:var(--muted);margin-bottom:12px}dialog h2{font-size:25px;padding-right:20px}.room-switch{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.room-switch button{font-size:11px;border-radius:20px;padding:9px 14px;background:#e8e8dd}.room-switch button[aria-pressed=true]{background:var(--green);color:white}.dialog-subtitle{font-size:12px;font-weight:500;color:var(--muted);margin-top:26px;margin-bottom:12px}#dialog-books{display:grid;gap:0}#dialog-books a{padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:19px}#dialog-books img{width:44px;height:65px;object-fit:contain}#dialog-books strong{font-size:13px;font-weight:600;line-height:1.6;display:block}#dialog-books small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.dialog-media{display:block;border:1px solid #b4c3a5;border-radius:5px;padding:14px;font-size:12px;margin-top:19px}.shortcut-note{font-size:10px;color:var(--muted);margin-top:19px}.dialog-media:hover{background:#e9efd8}
@keyframes cursor{50%{opacity:0}}@media(min-width:1440px){.hero{min-height:710px;gap:55px}.workbench{transform:scale(1.07)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:18px}.hero{grid-template-columns:1fr 1fr;gap:5px}.hero h1{font-size:43px}.workbench{transform:scale(.86);transform-origin:center right;margin-left:-60px}.room{padding:20px}.room h3{font-size:17px}.room p{font-size:11px}.books{gap:30px 20px}.book-visual{height:208px}.book-visual img{max-height:180px}.about{gap:45px}}
@media(max-width:800px){.preview-bar{padding-inline:24px;gap:12px}.preview-bar>span{font-size:9px}.header{padding-block:20px}.header nav{font-size:11px;gap:15px}.header .brand{font-size:16px}.hero{grid-template-columns:1fr;gap:0;padding-block:40px 45px}.hero-copy{max-width:530px;margin:auto;width:100%}.hero h1{font-size:46px}.hero-description{max-width:450px}.workbench{width:510px;max-width:100%;margin:12px auto 0;transform:none;height:510px}.desk-label{top:28px}.room-grid{gap:12px}.room{padding:17px 14px}.room h3{font-size:16px;min-height:48px;line-height:1.5}.room p{font-size:10px;min-height:58px}.room-art{height:140px;transform:scale(.83);transform-origin:left center;width:190px;max-width:none}.room-en{font-size:8px}.books{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding-block:60px}h2{font-size:28px}.about{gap:32px}.about-note{padding:32px 25px}.about-note h2{font-size:29px}.about-mission{font-size:14px}.about-right>h3{font-size:22px}.footer .wrap{flex-wrap:wrap}.footer p{order:3;width:100%}.library-controls{align-items:flex-start}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.preview-bar{padding:8px 20px;flex-wrap:wrap;gap:3px 8px;font-size:8px}.preview-bar>span{font-size:8px}.preview-bar>a{font-size:8px}.header{position:relative}.header .brand{font-size:17px}.header .brand img{width:34px;height:34px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;font-size:10px;letter-spacing:.1em;min-height:42px;padding:0 4px}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;z-index:10;left:0;right:0;top:100%;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 9px 16px #28382d15}.header nav.is-open{display:grid;gap:0}.header nav a{padding:14px}.hero{padding-top:30px;padding-bottom:25px}.hero .eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:clamp(32px,9vw,44px);line-height:1.5}.hero-description{font-size:12px;line-height:1.95;margin-top:20px}.hero .button{margin-top:23px;padding:14px 20px;font-size:12px}.hero .text-link{margin-left:19px;font-size:11px}.workbench{width:350px;max-width:100%;height:387px;margin-top:20px}.desk-label{font-size:7px;left:30px;top:20px}.monitor{width:237px;left:27px;top:87px}.monitor-frame{border-width:5px;border-radius:10px}.monitor-toolbar{height:20px}.monitor-toolbar span{font-size:6px}.monitor-screen{padding:16px 17px}.monitor-screen strong{font-size:29px}.screen-kicker{font-size:7px}.workflow{gap:4px;margin-top:15px;font-size:5px}.workflow span{padding:4px 6px}.monitor-neck{height:24px;width:33px}.monitor-base{width:94px;height:8px}.monitor>.object-tag{font-size:8px;bottom:-23px;right:17px}.sticky{width:119px;min-height:121px;right:0;top:38px;padding:18px 12px 11px}.sticky strong{font-size:11px;margin-top:7px}.sticky small{font-size:6px}.sticky-arrow{font-size:24px}.pin{left:48px;width:24px;height:14px}.desk-books{width:92px;left:32px;bottom:4px}.desk-books img{width:79px;margin-left:5px}.book-under{width:84px;height:111px}.desk-books .object-tag{right:-61px;font-size:8px;bottom:3px}.coffee{width:59px;height:59px;right:23px;bottom:44px}.coffee span{inset:7px;border-width:6px}.coffee span:after{width:17px;height:22px;left:5px;top:1px}.coffee:before{top:20px;width:17px;height:21px;border-width:6px}.pencil{right:106px;bottom:43px;height:76px;width:6px}.pencil:after{border-inline-width:3px;border-top-width:11px;bottom:-11px}.lamp{transform:scale(.73) rotate(-14deg);transform-origin:top left;top:27px;left:-3px}.desk-caption{font-size:7px;right:5px;bottom:1px}.desk-caption span{font-size:20px}.ticker{padding:12px 0}.ticker>div{font-size:10px}.ticker span{margin-inline:22px;font-size:15px}.section{padding-block:43px}.section-heading{margin-bottom:25px;align-items:flex-start}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}h2{font-size:25px}.margin-note{display:none}.room-grid{grid-template-columns:1fr;gap:14px}.room{padding:22px;min-height:223px}.room-number{font-size:9px}.room-art{position:absolute;right:12px;top:46px;width:180px;height:140px;transform:scale(.75);transform-origin:right center;opacity:.88}.room-en{display:block;margin-top:30px;font-size:8px}.room h3{font-size:18px;min-height:0;position:relative}.room p{font-size:11px;min-height:40px;max-width:66%;position:relative}.room-enter{max-width:66%;margin-top:15px;padding-top:12px;font-size:10px}.library-stamp{width:77px;height:77px;padding-top:16px;font-size:7px;flex-shrink:0}.library-stamp strong{font-size:12px}.library-stamp span{font-size:4px;margin-top:4px}.section-description{font-size:11px;line-height:1.8;max-width:210px;margin-top:10px}.library-controls{display:block;margin-bottom:18px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 11px;min-height:36px}#book-count{font-size:9px;margin-top:16px;text-align:right}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 19px}.book-visual{height:195px;padding-inline:6px;padding-bottom:14px;border-bottom-width:7px}.book-visual img{max-height:170px;max-width:100%}.book h3{font-size:12px}.book-subtitle{font-size:10px;margin-top:7px}.book-meta{margin-top:23px;margin-bottom:7px}.book-category{font-size:8px}.library-footnote{font-size:10px;line-height:1.8;margin-top:25px}.about{grid-template-columns:1fr;gap:44px;padding-block:60px}.about-note{margin-inline:5px;padding:32px 25px}.about-note h2{font-size:33px}.about-note>p:not(.eyebrow):not(.about-mission){font-size:12px}.about-right{padding-inline:5px}.about-right>h3{font-size:25px;margin-top:16px}.about-links>a{padding-block:17px}.footer{padding-block:25px}.footer .wrap{gap:24px}.footer .brand{font-size:14px}.footer .brand img{width:29px;height:29px}.footer .brand small{font-size:10px}.footer .wrap>a:last-child{font-size:9px}.footer p{font-size:9px}dialog{padding:28px 22px}dialog h2{font-size:21px}.shortcut-note{display:none}}
@media(max-width:360px){.preview-bar>a{display:none}.hero h1{font-size:32px}.workbench{transform:scale(.92);transform-origin:top center;margin-bottom:-24px}.room-art{right:-3px;opacity:.65}.book-visual{height:172px}.book-visual img{max-height:147px}.library-stamp{display:none}.brand{gap:7px}}
.hero>*{min-width:0}.sticky strong{font-size:12px;white-space:nowrap}
@media(max-width:600px){.hero{grid-template-columns:minmax(0,1fr)}.sticky strong{font-size:9px}.room-art{top:15px;right:23px;transform:scale(.5);transform-origin:top right;width:230px;height:155px}.room p,.room-enter{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.desk-object:hover,.book:hover .book-visual img,.room:hover,.button:hover{transform:none}}
/* Production navigation, preserved reference sections, and verified book badges. */
.header nav{gap:18px;font-size:11px}.header nav .nav-exclusive{padding:6px 9px;border-radius:5px;background:#275440;color:#fff;font-size:10px}
.ranking-badge{display:block;flex:0 0 78px;width:78px;height:78px;padding-top:20px;box-sizing:border-box;background:url('/laboratory/ranking-medal.png') center/contain no-repeat;text-align:center;color:#5e3008;font-weight:900;line-height:1.1;filter:drop-shadow(0 2px 3px #673d0920)}.ranking-badge span{display:block;font-size:9px}.ranking-badge strong{display:block;font-size:22px;line-height:1.05}.book-meta{min-height:80px;margin:8px 0 0}.book-category{max-width:60%}
.footer .wrap{flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;justify-content:flex-end;max-width:700px}.footer p{flex-basis:100%;order:3}
.lab-reference{padding-bottom:65px}.lab-reference details{border-top:1px solid var(--line);padding:20px 0}.lab-reference summary{cursor:pointer;font-size:14px;font-weight:600}.lab-reference .section-title{margin:24px 0}.lab-reference h2{font-size:24px}.lab-reference h3{font-size:15px;line-height:1.6}.lab-reference p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px}.lab-reference .value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lab-reference .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-reference .value-icon{height:65px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:18px}
@media(max-width:1100px){.header nav{gap:12px}}
@media(max-width:1000px){.header{position:relative}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;font-size:10px;letter-spacing:.1em;min-height:42px;padding:0 4px}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;z-index:10;left:0;right:0;top:100%;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 9px 16px #28382d15}.header nav.is-open{display:grid;gap:0}.header nav a,.header nav .nav-exclusive{padding:12px 14px;font-size:12px}}
@media(max-width:600px){.ranking-badge{flex-basis:70px;width:70px;height:70px;padding-top:18px}.ranking-badge span{font-size:8px}.ranking-badge strong{font-size:20px}.book-meta{min-height:72px}.lab-reference .value-grid,.lab-reference .grid{grid-template-columns:1fr;gap:22px}.footer-links{justify-content:flex-start;font-size:10px;gap:14px}}

/* Readability: never shrink reading text to fit a decorative layout. */
body{font-size:16px;--muted:#526357}
.hero-description{font-size:16px;line-height:1.85;max-width:470px;text-wrap:pretty}
.header nav,.header nav a,.header nav .nav-exclusive{font-size:15px;font-weight:500}
.header nav{gap:16px}.brand small{font-size:14px}
.menu-toggle{font-size:16px;min-height:48px}
.eyebrow,.hero .eyebrow,.section-heading .eyebrow,.about-note .eyebrow,.room-number,.room-en{font-size:14px;letter-spacing:.07em}
.button,.hero .button,.text-link,.hero .text-link,.room-enter{font-size:16px;min-height:44px;align-items:center}
.section-description,.room p,.book-subtitle,.about-note>p:not(.eyebrow):not(.about-mission),.about-right>p,.lab-reference p{font-size:16px;font-weight:400;line-height:1.8;max-width:none}
.room h3{font-size:21px;line-height:1.5;min-height:0}.room p{min-height:84px;margin-top:12px}
.room-en{display:block;margin-bottom:10px}.room-enter{font-size:16px}
.room-grid{align-items:stretch}.room{display:flex;flex-direction:column}.room-enter{margin-top:auto;padding-top:18px}
.book h3,.lab-reference h3{font-size:18px;font-weight:600;line-height:1.65}.book-category{font-size:14px;line-height:1.6;min-width:0}
.book-meta{min-height:98px;gap:8px}.book-subtitle{margin-top:12px}
.filters button,.room-switch button{font-size:16px;min-height:46px;padding:10px 16px}
#book-count,.library-footnote,.shortcut-note,.margin-note{font-size:15px;line-height:1.85}
.ranking-badge{flex-basis:96px;width:96px;height:96px;padding-top:24px}.ranking-badge span{font-size:12px}.ranking-badge strong{font-size:26px}
.about-mission,.lab-reference summary{font-size:18px;line-height:1.6}
 .about-links small,.about-links>a,.footer-links,.footer .wrap>a:last-child{font-size:14px;line-height:1.8}
.footer p,.footer .brand small{font-size:14px}
dialog h2{font-size:28px}.dialog-subtitle{font-size:16px}#dialog-books strong{font-size:16px}#dialog-books small{font-size:16px}.dialog-media{font-size:16px;line-height:1.7}
.object-tag,.monitor>.object-tag,.desk-books .object-tag{font-size:14px}.desk-label,.desk-caption{font-size:12px;letter-spacing:0}
.screen-kicker,.monitor-toolbar span,.sticky small{font-size:11px;letter-spacing:0}.workflow{font-size:10px;letter-spacing:0}.workflow span{padding:5px}
.sticky strong{font-size:14px;white-space:normal}.sticky{width:180px}
@media(max-width:1200px){
  .header{position:relative}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent}
  .header nav{display:none;position:absolute;z-index:10;left:0;right:0;top:100%;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 9px 16px #28382d15}
  .header nav.is-open{display:grid;gap:0}.header nav a,.header nav .nav-exclusive{padding:12px 14px;font-size:16px}
}
@media(max-width:1000px){.room-grid{grid-template-columns:1fr}.room-art{position:relative;top:auto;right:auto;transform:none;width:230px;max-width:100%;margin:10px auto}.room p{min-height:0}.room-enter{margin-top:20px}.room-en{margin-top:0}.books{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .hero .eyebrow{font-size:13px}.hero-description{font-size:16px}.hero .button{font-size:16px}.hero .text-link{font-size:16px;margin-left:12px}
  .books{grid-template-columns:1fr;gap:40px}.book-visual{height:245px}.book-visual img{max-height:215px}.book-meta{margin-top:10px}
  .book h3{font-size:18px}.library-stamp{display:none}.section-heading{display:block}
  .room-art{height:105px;transform:scale(.7);transform-origin:center;margin:0 auto}.room p,.room-enter{max-width:100%}
  .sticky{width:132px;padding:18px 10px}.sticky strong{font-size:12px}.sticky small{font-size:10px}
  .monitor-toolbar span{display:none}.screen-kicker{font-size:10px}.workflow{font-size:9px}.workflow span{padding:3px}
  .desk-caption{display:none}.desk-label{font-size:11px;top:8px}
  .monitor>.object-tag,.desk-books .object-tag{font-size:13px;padding:7px 9px}.desk-books .object-tag{right:-80px}
  .footer-links{font-size:14px;gap:16px}.lab-reference .value-grid,.lab-reference .grid{grid-template-columns:1fr}
}
@media(max-width:360px){.header .brand{font-size:15px}.header .brand small{font-size:12px}.menu-toggle{font-size:15px;gap:6px}.hero .text-link{margin:16px 0 0;display:flex;width:max-content}}