:root { --paper:#f1f1ef; --ink:#171717; --line:#b8b8b4; --background:var(--paper); --foreground:var(--ink); --card:#f7f7f5; --card-foreground:var(--ink); --primary:var(--ink); --primary-foreground:#fff; --secondary:#e3e3df; --secondary-foreground:var(--ink); --muted:#e3e3df; --muted-foreground:#666; --accent:#deded9; --accent-foreground:var(--ink); --border:var(--line); --input:var(--line); --ring:var(--ink); --radius:0; }
@theme inline { --color-background:var(--background); --color-foreground:var(--foreground); --color-card:var(--card); --color-card-foreground:var(--card-foreground); --color-primary:var(--primary); --color-primary-foreground:var(--primary-foreground); --color-secondary:var(--secondary); --color-secondary-foreground:var(--secondary-foreground); --color-muted:var(--muted); --color-muted-foreground:var(--muted-foreground); --color-accent:var(--accent); --color-accent-foreground:var(--accent-foreground); --color-border:var(--border); --color-input:var(--input); --color-ring:var(--ring); --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --font-sans:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--paper)} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px} a{color:inherit;text-decoration:none} button,input{font:inherit}.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}
.word-lab{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:0 clamp(24px,4vw,58px);overflow:hidden;background:var(--paper)}
.lab-header{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;min-height:72px;gap:28px;border-bottom:1px solid var(--line)}
.lab-logo{padding-right:28px;border-right:1px solid #92928e;font:600 1.15rem Georgia,"Yu Mincho",serif}.lab-header>p{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.82rem;letter-spacing:.18em;white-space:nowrap}.lab-header nav{display:flex;justify-content:flex-end;align-items:stretch;gap:27px;height:72px}.lab-header nav a{display:grid;place-items:center;border-bottom:2px solid transparent;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.82rem;letter-spacing:.08em}.lab-header nav a:hover,.lab-header nav a.active{border-color:var(--ink)}
.lab-menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;margin-left:10px;padding-left:15px;border-left:1px solid #92928e}.lab-menu span{display:block;width:24px;height:1px;background:var(--ink)}
.lab-hero{display:grid;grid-template-columns:350px minmax(0,1fr) 70px;gap:42px;min-height:350px;padding:48px 0 34px}.lab-title>span{display:block;margin-bottom:20px;font:700 .63rem Arial,sans-serif;letter-spacing:.18em}.lab-title h1{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(3.9rem,5.4vw,5.5rem);font-weight:400;line-height:1.08;letter-spacing:.02em}.lab-title h1 b{display:block;white-space:nowrap;font:inherit}.lab-title p{margin:22px 0 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.12rem;line-height:1.9;letter-spacing:.1em}
.lab-entry{align-self:center;padding-top:20px}.lab-entry-copy{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:14px}.lab-entry-copy p{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1rem;letter-spacing:.08em}.lab-entry-copy span{color:#686864;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.72rem;letter-spacing:.1em;white-space:nowrap}.lab-entry form{display:grid;grid-template-columns:1fr 110px;height:86px;border:1px solid #999995;background:rgba(255,255,255,.38)}.lab-entry input{min-width:0;padding:0 30px;border:0;outline:0;background:transparent;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.12rem;letter-spacing:.08em}.lab-entry input::placeholder{color:#72726e;opacity:1}.lab-entry form:focus-within{outline:2px solid var(--ink);outline-offset:2px}.lab-entry form button{border:0;background:var(--ink);color:#fff;font-family:Arial,sans-serif;font-size:2rem;font-weight:200;cursor:pointer;transition:background .2s}.lab-entry form button:hover{background:#3b3b39}.lab-current{display:flex;align-items:center;gap:18px;min-height:38px;padding-top:10px;color:#686864;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.76rem;letter-spacing:.08em}.lab-current strong{color:var(--ink);font-size:1rem;font-weight:500}.lab-side{align-self:stretch;margin:0;padding:22px 0 0 20px;border-left:1px solid #8f8f8b;font:600 .62rem/2.35 Georgia,serif;letter-spacing:.2em}
.lab-viewpoints{padding:0 0 34px;border-bottom:1px solid #999995}.lab-section-title{display:grid;grid-template-columns:230px 1fr auto;align-items:end;gap:28px;min-height:88px;padding-bottom:20px}.lab-section-title h2{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.2rem;font-weight:400;letter-spacing:.09em}.lab-section-title p{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.82rem;line-height:1.7;letter-spacing:.08em}.lab-section-title>span{padding-bottom:5px;border-bottom:1px solid #777;font:600 .62rem Arial,sans-serif;letter-spacing:.15em}
.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lab-card{position:relative;display:grid;grid-template-columns:1fr 126px;grid-template-rows:auto 1fr auto;gap:10px 22px;min-height:230px;padding:20px 18px 0;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.16);color:var(--ink);text-align:left;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.lab-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.52);border-color:#565653}.lab-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:rgba(255,255,255,.48)}.card-no{grid-column:1;font:500 .72rem Georgia,serif;letter-spacing:.12em}.card-copy{grid-column:1;display:flex;flex-direction:column;align-self:center;padding-bottom:10px}.card-copy strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.62rem;font-weight:400;letter-spacing:.04em}.card-copy small{max-width:190px;margin-top:16px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.83rem;line-height:1.75;letter-spacing:.04em}.card-art{position:relative;grid-column:2;grid-row:1/3;align-self:center;width:126px;height:126px;overflow:hidden;background-color:#dededb;background-position:center;background-size:cover;filter:grayscale(1) contrast(.86);transition:filter .25s,transform .25s}.lab-card:hover .card-art{filter:grayscale(1) contrast(1);transform:scale(1.015)}.card-art i{display:none}.card-foot{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;min-height:47px;border-top:1px solid #bebeba}.card-foot em{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.78rem;font-style:normal;letter-spacing:.06em}.card-foot b{font:400 1.15rem Arial,sans-serif}
.card-art.abstract{background-image:url("https://images.unsplash.com/photo-1499346030926-9a72daac6c63?auto=format&fit=crop&w=520&q=82");background-position:45% 65%}.card-art.divide{background:#d8d8d4}.card-art.divide::before{content:"";position:absolute;left:30px;top:29px;width:67px;height:67px;background:linear-gradient(135deg,#b4b4af,#e5e5e1);box-shadow:inset -13px -9px 20px rgba(0,0,0,.14);transform:rotate(30deg) skew(-5deg)}.card-art.divide::after{content:"";position:absolute;left:42px;top:17px;width:63px;height:63px;border:1px solid rgba(255,255,255,.62);transform:rotate(30deg) skew(-5deg)}.card-art.expand{background-color:#e8e8e5;background-image:radial-gradient(circle,#50504d 0 1.5px,transparent 2px),radial-gradient(circle,#9a9a96 0 1px,transparent 1.6px);background-position:0 0,9px 13px;background-size:23px 23px,31px 31px}.card-art.trace{background-image:url("https://w0.peakpx.com/wallpaper/188/225/HD-wallpaper-earthview-river-texture-nature-rock-bw-dark.jpg");background-position:center}.card-art.compare{background:#dededb}.card-art.compare::before,.card-art.compare::after{content:"";position:absolute;top:29px;width:69px;height:69px;border-radius:50%;mix-blend-mode:multiply}.card-art.compare::before{left:17px;background:rgba(49,49,47,.82)}.card-art.compare::after{right:17px;background:rgba(164,164,159,.82)}.card-art.opposite{background-image:url("https://images.wallpaperscraft.com/image/single/moon_craters_black_180194_2560x1600.jpg");background-position:53% center}
.lab-selection{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:center;min-height:76px;margin-top:18px;padding:14px 18px;border-left:3px solid var(--ink);background:#e5e5e1}.lab-selection>span{font:700 .64rem Arial,sans-serif;letter-spacing:.14em}.lab-selection p{display:flex;align-items:baseline;gap:26px;margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.84rem;line-height:1.6;letter-spacing:.05em}.lab-selection strong{min-width:220px;font-size:1.2rem;font-weight:500}
.lab-tools{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:29px 0 32px;border-bottom:1px solid #999995}.lab-tools h2{margin:0 0 9px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.2rem;font-weight:400;letter-spacing:.07em}.lab-tools p{margin:0;color:#62625e;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.68rem;letter-spacing:.07em}.tool-list{display:flex;flex-wrap:wrap;gap:7px}.tool-list button,.tool-list a{min-height:42px;padding:0 19px;border:1px solid #c2c2be;border-radius:0;background:rgba(255,255,255,.24);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.75rem;line-height:40px;cursor:pointer}.tool-list button:hover,.tool-list a:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.lab-footer{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:42px;min-height:155px}.lab-mark{position:relative;width:210px;height:125px}.lab-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.lab-footer p{padding-left:28px;border-left:1px solid #999995;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:.8rem;line-height:1.8;letter-spacing:.08em}.lab-footer strong{padding-right:18px;font:600 .66rem/1.7 Georgia,serif;letter-spacing:.12em}
@media(max-width:980px){.lab-header{grid-template-columns:auto 1fr auto}.lab-header>p{display:none}.lab-header nav{gap:18px}.lab-hero{grid-template-columns:280px minmax(0,1fr);gap:30px}.lab-title h1{font-size:4.35rem}.lab-side{display:none}.lab-entry-copy{align-items:flex-start;flex-direction:column;gap:7px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-selection{grid-template-columns:160px 1fr}.lab-selection p{flex-direction:column;gap:4px}.lab-tools{grid-template-columns:1fr}}
@media(max-width:680px){.word-lab{padding:0 16px}.lab-header{grid-template-columns:1fr auto;min-height:62px}.lab-logo{border:0;padding-right:0}.lab-header nav{display:none}.lab-menu{width:42px;height:42px;margin:0;border:0;padding-left:8px}.lab-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:38px 0 30px}.lab-title>span{margin-bottom:14px}.lab-title h1{font-size:3.7rem;line-height:1.05}.lab-title p{margin-top:16px;font-size:.95rem}.lab-entry{padding:0}.lab-entry-copy{margin-bottom:12px}.lab-entry-copy p{font-size:.9rem;line-height:1.7}.lab-entry-copy span{white-space:normal;line-height:1.7}.lab-entry form{grid-template-columns:1fr 66px;height:70px}.lab-entry input{padding:0 17px;font-size:1rem}.lab-section-title{grid-template-columns:1fr auto;gap:10px;padding:24px 0 17px}.lab-section-title h2{font-size:1.8rem}.lab-section-title p{grid-column:1/3;grid-row:2}.lab-section-title>span{grid-column:2;grid-row:1}.lab-grid{grid-template-columns:1fr;gap:10px}.lab-card{grid-template-columns:1fr 104px;min-height:196px;padding:16px 14px 0}.card-art{width:104px;height:104px}.card-copy strong{font-size:1.42rem}.card-copy small{margin-top:10px;font-size:.78rem}.lab-selection{grid-template-columns:1fr;gap:8px;padding:16px}.lab-selection p{display:block}.lab-selection strong{display:block;min-width:0;margin-bottom:6px}.lab-tools{gap:18px}.tool-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.tool-list button,.tool-list a{flex:0 0 auto}.lab-footer{grid-template-columns:100px 1fr;gap:18px;min-height:120px}.lab-mark{width:95px;transform:scale(.72);transform-origin:left center}.lab-footer p{padding-left:18px}.lab-footer strong{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}