@charset "UTF-8";
:root{--bg:#071d26;--panel:#0b2630;--ink:#f6f3e9;--muted:#b0c1c5;--cyan:#2bd4d0;--line:#24414b;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button{font:inherit}.skip{position:absolute;top:-70px;left:10px;padding:15px;background:var(--ink);color:var(--bg);z-index:100}.skip:focus{top:10px}.site-header{position:relative;z-index:10;max-width:1600px;margin:auto;height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:16px;letter-spacing:.15em;font-weight:700;white-space:nowrap}.brand img{object-fit:contain;border-radius:3px}.site-header nav{display:flex;gap:31px;align-items:center;font-size:12px;font-weight:600}.site-header nav a:hover{color:var(--cyan)}.nav-contact span{display:inline-grid;place-items:center;border:1px solid #5c737b;border-radius:50%;width:30px;height:30px;margin-left:8px}.menu-toggle{display:none}.hero{position:relative;min-height:700px;max-height:950px;height:calc(100svh - 98px);overflow:hidden}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#071d26 1%,rgba(7,29,38,.5) 40%,rgba(7,29,38,0) 73%),url('hero-door.webp');background-size:cover;background-position:center}.hero-inner{position:relative;max-width:1440px;margin:auto;padding:66px 5% 70px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;line-height:1.8;color:var(--cyan);margin:0 0 22px}.hero .eyebrow{font-size:9px;color:#d4e6e8}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(48px,5.4vw,82px);font-weight:500;line-height:1.45;letter-spacing:.015em;margin:25px 0 20px}h1 em{font-style:normal;color:var(--cyan)}.hero-lead{font-size:14px;line-height:2.15;letter-spacing:.05em;color:#d2dfe1}.hero-scroll{display:inline-flex;gap:12px;align-items:center;letter-spacing:.16em;font-size:9px;margin-top:27px}.hero-scroll span{display:grid;place-items:center;border:1px solid #69828a;border-radius:50%;height:30px;width:30px;font-size:16px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #6b8b9155;font-size:9px;letter-spacing:.2em;color:#a7c0c5}.business,.about,.company,.contact,footer{max-width:1440px;margin:auto;padding-left:5%;padding-right:5%}.section-heading{padding:90px 0 42px;display:flex;justify-content:space-between;align-items:end;gap:40px}h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(32px,3.5vw,50px);line-height:1.6;font-weight:500;margin:0}.section-note{padding-bottom:8px;color:var(--muted);font-size:13px;line-height:2}.legend{display:flex;gap:18px;font-size:10px;margin-top:20px;flex-wrap:wrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.live-dot{background:var(--cyan)}.making-dot{background:#b8c9e6}.research-dot{background:#b4ad91}.category-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;padding:20px 0;margin-bottom:0;font-size:11px}.category-nav span{font-size:10px;color:var(--cyan);margin-right:10px}.category-nav a:hover{color:var(--cyan)}.business-row{display:grid;grid-template-columns:27% 1fr;border-bottom:1px solid var(--line);scroll-margin-top:28px}.row-intro{padding:38px 32px 40px 0;display:flex;gap:18px;align-items:start}.row-number{font-family:Georgia,serif;color:#76dce0;font-size:56px;line-height:1}.row-intro .eyebrow{font-size:10px;margin:0 0 20px;letter-spacing:.12em}.row-intro h3{font-size:16px;line-height:1.8;font-weight:500;margin:0 0 15px}.row-desc{font-size:11px;line-height:2;color:var(--muted);margin:0}.row-content{border-left:1px solid var(--line)}.project-art{height:275px;overflow:hidden;position:relative;background:#0d303b}.project-list{padding:0 25px}.project{padding:23px 0;border-bottom:1px solid var(--line)}.project:last-child{border-bottom:0}.project-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.project h4{font-size:16px;margin:0;line-height:1.6;font-weight:600}.project p{font-size:12px;line-height:1.95;color:var(--muted);max-width:630px;margin:8px 0 0}.status{font-size:9px;border-radius:30px;padding:5px 10px;white-space:nowrap;flex:none;letter-spacing:.02em}.status.live{background:#173c40;color:#6cf0d7;border:1px solid #347568}.status.making{background:#1c3345;color:#d5e0ff;border:1px solid #465d78}.status.research{background:#333b35;color:#e5dec1;border:1px solid #5b6253}.project-link{display:inline-flex;align-items:center;gap:16px;color:var(--cyan);font-size:10px;margin-top:12px;padding:5px 0}.project-link:hover{color:white}.project-link span{font-size:14px}.archive{border:1px solid var(--line);margin-top:30px;font-size:12px}.archive summary{cursor:pointer;padding:20px;display:flex;align-items:center;gap:30px;list-style:none}.archive summary::-webkit-details-marker{display:none}.archive summary span{font-size:9px;color:var(--muted);letter-spacing:.12em}.archive b{margin-left:auto;font-weight:400;color:var(--cyan)}.archive[open] b{transform:rotate(45deg)}.archive p{color:var(--muted);font-size:12px;padding:0 20px 15px;line-height:2}.about{padding-top:110px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid var(--line)}.about-large{font-family:"Yu Mincho",serif;font-size:23px;line-height:2!important;color:var(--ink)!important;margin-top:0}.about p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2.3}.company{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:90px;padding-bottom:90px;border-bottom:1px solid var(--line)}.company>div>p:last-child{color:var(--muted);font-size:12px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;line-height:2}.company dt{color:var(--muted)}.company dd{margin:0}.company a:hover{text-decoration:underline}.contact{padding-top:100px;padding-bottom:90px;position:relative;background:radial-gradient(ellipse at 90% 80%,#12434d70,transparent 70%)}.contact h2{font-size:clamp(40px,5vw,66px)}.contact>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2}.contact-mail{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--cyan);font-size:clamp(16px,2.6vw,34px);padding:22px 0;margin:25px 0 28px;letter-spacing:.015em;overflow-wrap:anywhere}.contact-mail span{border:1px solid var(--line);border-radius:50%;height:50px;width:50px;display:grid;place-items:center;flex:none;color:var(--cyan)}.contact p.fine{font-size:10px;color:#8fa8af}footer{padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:var(--muted)}footer .brand{font-size:12px;color:var(--ink)}footer>a:last-child{letter-spacing:.12em}
/* Project-specific artwork uses typography and abstract shapes, never fabricated product screenshots. */
.study-art{height:100%;background:radial-gradient(ellipse at 10% 90%,#b9be96 0,transparent 50%),linear-gradient(125deg,#384c43,#b1c3ba);display:flex;justify-content:center;align-items:center;gap:30px;transform-style:preserve-3d}.paper{background:#faf9f1;color:#142e35;width:300px;padding:24px;box-shadow:18px 25px 60px #001a2370;transform:rotate(-6deg);margin-top:35px}.paper>span{font-size:8px;letter-spacing:.15em;color:#44756e}.paper>b{display:block;font-size:24px;line-height:1.5;margin:12px 0 16px}.answer{border:1px solid #d1dfdb;margin:7px 0;padding:8px;font-size:9px;display:flex;gap:12px;align-items:center}.answer i{height:3px;background:#b9ccc6;width:70%}.answer em{font-style:normal;margin-left:auto}.answer.correct{border-color:#26897c;background:#dff2e9}.phone{background:#f3f6f2;color:#102b33;padding:20px 13px;border:5px solid #18313b;box-shadow:15px 15px 45px #0b1c3844;width:120px;border-radius:20px;transform:rotate(8deg);margin-top:50px}.phone span{font-size:12px}.phone strong{font-size:47px;display:block;color:#187c73;margin:20px 0}.phone small{font-size:6px}.progress{height:6px;border-radius:3px;background:linear-gradient(90deg,#1da799 70%,#cbdbd6 70%);margin-top:20px}.web-art{height:100%;background:linear-gradient(125deg,#113542,#07171f);display:flex;align-items:center;justify-content:center;gap:35px}.editor{width:280px;background:#0c202b;transform:rotate(-5deg);box-shadow:12px 20px 50px #0005;border:1px solid #46747c;border-radius:8px}.window-head{display:flex;gap:4px;padding:10px;border-bottom:1px solid #264853;font-size:8px;color:#adc2c9}.window-head i{width:5px;height:5px;border-radius:50%;background:#45939a}.window-head span{margin-left:10px}.code{padding:25px}.code span{font-family:monospace;color:#55c1be;font-size:10px}.code b{font-size:27px;display:block;font-weight:500;line-height:1.6;margin:10px 0}.orbit{height:160px;width:160px;border-radius:50%;border:1px solid var(--cyan);display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 0 60px #20c5cd18,inset 0 0 25px #20c5cd11}.orbit span{font-size:11px;letter-spacing:.2em;color:#8bcccc}.orbit strong{font-size:28px;font-weight:400;letter-spacing:.08em;margin:7px 0}.orbit small{font-size:5px;letter-spacing:.1em}.music-art{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 10%,#986b4555,transparent 70%),#172a30}.record{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#111b20 0px,#111b20 2px,#26343a 3px,#111b20 4px);display:grid;place-items:center;box-shadow:0 15px 35px #0009;transform:translateX(35px)}.record>div{width:65px;height:65px;border-radius:50%;background:#29c2bd;border:24px solid #17505a}.album{position:relative;width:270px;height:220px;padding:28px;background:linear-gradient(140deg,#e6ccb5,#526d77 60%,#193e4e);color:#f7f0e5;box-shadow:10px 20px 45px #0006;transform:rotate(4deg)}.album>span{font-size:6px;letter-spacing:.15em}.album b{display:block;font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:.1em;margin:30px 0 10px}.album small{font-size:9px}.wave{display:flex;align-items:center;height:60px;gap:4px}.wave i{height:calc(var(--h)*.6);width:3px;background:#b4f3e4aa}.product-art{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 80% 90%,#21515f,#132d38)}.collect-card{width:155px;height:210px;padding:20px;border:1px solid #a4cbd780;box-shadow:0 15px 40px #0005;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.collect-card span{font-size:8px;letter-spacing:.13em}.collect-card b{font-size:30px;font-family:Georgia,"Yu Mincho",serif;font-weight:400}.collect-card small{font-size:6px;letter-spacing:.1em}.c1{background:linear-gradient(135deg,#a2762b,#4a3d32 55%,#152d3b);transform:rotate(-9deg)}.c2{background:linear-gradient(135deg,#ced6b6,#517f78 55%,#173c48);transform:translateY(-8px)}.c3{background:linear-gradient(135deg,#35668b,#3b325a 55%,#121f2b);transform:rotate(9deg)}.story-art{height:100%;display:flex;align-items:center;justify-content:center;gap:45px;background:radial-gradient(ellipse at 90% 5%,#8a675944,transparent 60%),#17262a}.story-art img{height:220px;width:220px;object-fit:contain;box-shadow:0 15px 40px #0004}.story-copy>span,.lab-copy>span{font-size:7px;letter-spacing:.17em;color:#bacccd}.story-copy b{display:block;font-family:"Yu Mincho",serif;font-weight:400;font-size:30px;line-height:1.6;margin:20px 0}.story-copy small,.lab-copy small{font-size:8px;letter-spacing:.1em;color:#b6c8ca}.lab-art{height:100%;display:flex;align-items:center;justify-content:center;gap:65px;background:radial-gradient(ellipse at 20% 100%,#0d5460,#0b2534 65%)}.globe{width:220px;height:220px;border:1px solid #4ca0ac;border-radius:50%;position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 42px,#478e9d55 43px,transparent 44px);box-shadow:0 0 45px #1d9ca51a,inset 0 0 25px #1bb9bf22}.globe:after,.globe:before{content:"";position:absolute;inset:0 45px;border:1px solid #4ca0ac;border-radius:50%}.globe:after{inset:0 80px}.globe i{position:absolute;width:7px;height:7px;border-radius:50%;background:#6be8d6;box-shadow:0 0 15px #42e3db;left:30%;top:22%}.globe i:nth-child(2){left:70%;top:45%}.globe i:nth-child(3){left:38%;top:70%}.globe i:nth-child(4){left:60%;top:12%}.lab-copy b{display:block;font-family:Georgia,serif;font-size:64px;font-weight:400;line-height:1;margin:15px 0;color:#86e4df}
@media(min-width:1550px){.hero-inner{padding-top:95px}.hero{min-height:780px}}@media(max-width:1050px){.site-header nav{gap:18px}.brand{font-size:13px}.business-row{grid-template-columns:31% 1fr}.row-intro{padding-right:20px;gap:12px}.row-number{font-size:42px}.row-intro h3{font-size:15px}.project-art{height:245px}.project-art>div{transform:scale(.9);transform-origin:center;width:111%;height:111%;margin:-2% -5.5%}.hero{min-height:650px;height:auto}.hero-inner{padding-top:60px;padding-bottom:100px}h1{font-size:60px}.company{gap:40px}.company dl>div{grid-template-columns:95px 1fr}}
@media(max-width:720px){html{scroll-padding-top:20px}.site-header{height:76px;padding:0 6%}.brand{font-size:12px;letter-spacing:.1em;gap:9px}.brand img{width:36px;height:36px}.menu-toggle{display:block;background:transparent;border:1px solid #45606b;border-radius:30px;padding:9px 12px;color:var(--ink);font-size:10px}.menu-toggle span{color:var(--cyan);margin-left:5px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px 6%;background:#09232d;box-shadow:0 20px 30px #0006}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.hero{min-height:705px;max-height:none;height:auto}.hero-image{background-position:65% center;opacity:.65;background-image:linear-gradient(90deg,#071d26d9,rgba(7,29,38,.4)),url('hero-door.webp')}.hero-inner{padding:55px 6% 100px}.hero .eyebrow{font-size:7px;letter-spacing:.1em;max-width:270px}h1{font-size:clamp(37px,8.8vw,57px);line-height:1.6;white-space:nowrap;margin-top:28px}.hero-lead{font-size:12px;margin-top:30px;line-height:2.2}.hero-bottom{left:6%;right:6%;font-size:7px;gap:15px;letter-spacing:.08em}.hero-bottom span:last-child{max-width:100px;text-align:right}.hero-scroll{margin-top:25px;font-size:8px}.business,.about,.company,.contact,footer{padding-left:6%;padding-right:6%}.section-heading{padding-top:65px;display:block}.section-note{margin-top:22px;font-size:12px}h2{font-size:33px}.legend{gap:15px;font-size:9px}.category-nav{overflow-x:auto;white-space:nowrap;justify-content:start;gap:25px;padding:17px 0}.category-nav span{margin-right:6px}.business-row{display:block}.row-intro{padding:30px 0 25px;gap:20px}.row-number{font-size:48px;min-width:60px}.row-intro .eyebrow{margin-bottom:6px}.row-intro h3{font-size:19px;margin:0 0 8px}.row-desc{font-size:11px;max-width:300px}.row-content{border-left:0}.project-art{height:235px;border-radius:3px}.project-list{padding:0 0 12px}.project{padding:24px 0}.project-title{align-items:start;gap:8px}.project h4{font-size:15px;max-width:70%}.status{font-size:8px;padding:4px 7px;margin-top:3px}.project p{font-size:12px}.project-link{font-size:11px;padding:9px 0}.archive summary{gap:12px;font-size:10px;padding:16px}.archive summary span{font-size:7px}.about{padding-top:65px;padding-bottom:55px;grid-template-columns:1fr;gap:25px}.about-large{font-size:19px}.about p:not(.eyebrow){font-size:12px}.company{grid-template-columns:1fr;gap:24px;padding-top:60px;padding-bottom:50px}.company dl>div{grid-template-columns:85px 1fr;font-size:11px}.company dd{min-width:0;overflow-wrap:anywhere}.contact{padding-top:65px;padding-bottom:55px}.contact h2{font-size:43px}.contact>p:not(.eyebrow){font-size:11px}.contact-mail{font-size:16px;letter-spacing:0;gap:10px;margin-top:20px}.contact-mail span{height:34px;width:34px}.contact p.fine{font-size:9px}footer{flex-wrap:wrap;padding-top:22px;padding-bottom:22px;font-size:8px}footer .brand{width:100%;font-size:12px}.study-art{gap:20px}.paper{width:225px;padding:18px}.paper>b{font-size:20px}.phone{width:95px}.web-art{gap:15px}.editor{width:205px}.orbit{width:120px;height:120px}.orbit strong{font-size:20px}.orbit small{font-size:4px}.code{padding:18px}.code b{font-size:24px}.music-art .record{width:185px;height:185px;flex:none}.album{width:210px;flex:none;padding:20px}.album b{font-size:26px}.product-art{gap:6px}.collect-card{width:107px;padding:14px;height:180px}.collect-card b{font-size:24px}.collect-card small{font-size:5px}.story-art{gap:20px}.story-art img{height:160px;width:160px}.story-copy b{font-size:23px}.story-copy>span{font-size:6px}.story-copy small{font-size:5px}.lab-art{gap:25px}.globe{height:150px;width:150px;flex:none}.lab-copy b{font-size:48px}.lab-copy>span{font-size:6px}.lab-copy small{font-size:6px}}
.creators-wordmark{width:250px;height:200px;display:flex;flex-direction:column;justify-content:center;border:1px solid #6f8e8b55;background:linear-gradient(135deg,#122d36,#142b32);padding:24px;box-shadow:0 15px 40px #0004}.creators-wordmark>span{font-family:Georgia,serif;font-size:26px;letter-spacing:.13em}.creators-wordmark>strong{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:.04em;color:var(--cyan);margin-top:8px}.creators-wordmark>small{font-size:6px;letter-spacing:.1em;color:var(--muted);margin-top:30px}@media(max-width:720px){.creators-wordmark{width:170px;height:170px;padding:15px}.creators-wordmark>span{font-size:18px}.creators-wordmark>strong{font-size:20px}.creators-wordmark>small{font-size:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.status.paused{color:#9caaad;background:#ffffff06;border-color:#ffffff20}