:root{color-scheme:dark;--view-h:100svh;--travel:360svh;--scene-h:100svh;--ink:#d5ff46;--contact-top-gap:18px;--contact-bottom:48px;--wave:#d5ff46}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;width:100%;background:#080908;color:#f1f1e9;font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:auto;scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{-webkit-tap-highlight-color:transparent;overflow-x:clip}
#journey{height:calc(var(--travel) + var(--scene-h));position:relative;overflow-anchor:none}
#stage{position:sticky;top:0;width:100%;height:var(--scene-h);overflow:clip}
#art{position:absolute;top:0;left:0;width:100%;height:var(--view-h);display:block;pointer-events:none}
header{position:absolute;top:0;left:0;z-index:2;padding:32px 42px;pointer-events:none}
.name{margin:0;font-size:18px;font-weight:700;line-height:1.13;letter-spacing:-.7px;text-shadow:0 1px 12px #0008}
footer{position:absolute;right:max(42px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 10px));z-index:2;font-size:9px;line-height:1.5;letter-spacing:.045em;color:#f1f1e96b;pointer-events:none}
#scroll-cue{position:absolute;left:42px;top:calc(var(--view-h) - 62px);font-size:24px;text-decoration:none;color:#f1f1e999;padding:8px;line-height:1;z-index:3}
#scroll-cue:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.contact{position:absolute;top:140px;left:50%;width:min(1140px,calc(100% - 104px));transform:translateX(-50%);display:grid;grid-template-columns:1.08fr 1fr;grid-template-areas:'title form' 'proof proof';column-gap:clamp(56px,8vw,120px);row-gap:48px;opacity:0;pointer-events:none}
.contact.is-ready{pointer-events:auto}.contact-main,.contact-proof,.contact-heading{position:relative;min-width:0}
.contact-art{position:absolute;left:-12%;top:-38px;width:72%;height:310px;pointer-events:none}
.contact-heading{grid-area:title;align-self:start;padding-top:232px;pointer-events:none}
.contact h2{font-size:clamp(46px,5vw,66px);letter-spacing:-.065em;line-height:.94;font-weight:700;margin:0;color:var(--ink)}
.contact-main{grid-area:form;padding-top:14px}.contact-proof{grid-area:proof}
[data-ascii]{position:relative}.ascii-morph{position:absolute;top:0;left:0;z-index:1;display:block;pointer-events:none;user-select:none}.has-ascii{color:transparent!important}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.field{position:relative;margin:0 0 14px}
.field label{font:14px/20px monospace;letter-spacing:.01em;display:block;color:#c9cdc0;transition:color .2s}
.field input,.field textarea{display:block;width:100%;border:0;border-radius:0;border-bottom:1px solid #f1f1e940;background:transparent;color:#f1f1e9;font:16px/1.5 Arial,Helvetica,sans-serif;padding:8px 0;outline:none;box-shadow:none;transition:border-color .2s}
.field textarea{resize:vertical;min-height:90px;max-height:420px}
.field input:focus,.field textarea:focus{border-color:var(--wave)}.field:focus-within label{color:#f1f1e9}
.field::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:var(--wave);transform:scaleX(0);transform-origin:left;opacity:0}
.field:focus-within::after{animation:field-arrive .65s ease-out both}
@keyframes field-arrive{0%{transform:scaleX(0);opacity:0}50%{opacity:1}100%{transform:scaleX(1);opacity:.5}}
.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ff91b0}
.field-error{display:block;color:#ffb1c4;font:12px/1.4 monospace;padding-top:6px}.field-error:empty{display:none}
.phone-option{margin:-8px 0 12px}
#phone-toggle,.press-toggle{appearance:none;display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:transparent;color:#a9b19b;font:12px/18px monospace;cursor:pointer}
#phone-toggle:hover,.press-toggle:hover{color:var(--ink)}
#phone-toggle:focus-visible,.press-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.phone-field{margin:4px 0 18px}.message-field{margin-bottom:20px}
.contact-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#send{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:#08090866;border:1px solid var(--wave);border-radius:0;padding:12px 18px;color:var(--ink);font:14px/20px monospace;cursor:pointer;transition:background .2s,box-shadow .2s}
#send:hover{background:#d5ff460c;box-shadow:0 0 26px #d5ff4610}#send:focus-visible{outline:2px solid #f1f1e9;outline-offset:5px}
#send:disabled{cursor:wait;opacity:.6}
#send [data-ascii]{display:block;white-space:nowrap;font:700 22px/24px Arial,Helvetica,sans-serif;letter-spacing:-.035em}
#form-status{margin:14px 0 0;font:13px/20px monospace;color:#f1f1e9}#form-status:empty{margin:0}#form-status.is-error{color:#ffb1c4}
.social-links{display:flex;gap:2px;margin:0}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:44px;color:#f1f1e98c;text-decoration:none;transition:color .2s}
.social-links svg{display:block;width:18px;height:18px;fill:currentColor;pointer-events:none}
.social-links a:hover,.social-links a:focus-visible{color:var(--wave)}.social-links a:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
.companies{margin:0;padding:0}
.company-logos{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:22px;margin:0;padding:0}
.company-logos li{display:flex;align-items:center;justify-content:center;min-height:32px;min-width:0}
.company-logos img{display:block;max-width:100%;height:auto;opacity:.66;transition:opacity .2s}
.company-link{display:flex;align-items:center;justify-content:center;width:100%;min-width:44px;min-height:44px;text-decoration:none}
.company-link:hover img,.company-link:focus-visible img{opacity:1}.company-link:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.company-stuffed{width:82px}.company-mate{width:84px;filter:invert(1)}.company-pop{width:49px;filter:invert(1)}.company-rocknwool{width:112px;filter:grayscale(1)}.company-tend{width:124px}.company-operator-one{width:130px}.company-second-supply{width:140px}
.press{display:grid;grid-template-columns:88px 1fr;column-gap:22px;align-items:start;margin-top:28px;padding-top:0}
.press h3{margin:9px 0 0;color:#a9b19b;font:11px/1.5 monospace;letter-spacing:.13em;text-transform:uppercase;font-weight:400}
.press-logos{list-style:none;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:center;gap:5px 24px;margin:0;padding:0}
.press-logos li{min-width:0;grid-column:span 2}.press-logos .press-newspaper{grid-column:span 3}
.press-link{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;padding:4px 0;text-decoration:none;color:var(--ink)}
.press-link img{display:block;width:var(--logo-width);max-width:100%;height:auto;filter:brightness(0) invert(1);opacity:.45;transition:opacity .2s}
.press-lead img,.press-newspaper img{opacity:.7}
.press-link:hover img,.press-link:focus-visible img{opacity:1}.press-link:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.press-forbes{--logo-width:82px}.press-forbes-japan{--logo-width:92px}.press-entrepreneur{--logo-width:110px}.press-sueddeutsche,.press-corriere{--logo-width:174px}.press-the-verge{--logo-width:90px}.press-gq{--logo-width:34px}.press-wallpaper{--logo-width:100px}.press-euroman{--logo-width:88px}.press-berlingske{--logo-width:98px}.press-borsen{--logo-width:92px}.press-tv2{--logo-width:22px}.press-link .press-dr{--logo-width:72px;filter:none;mix-blend-mode:screen}
.press-toggle{display:none}
.trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.no-script{position:fixed;inset:40% 20px;text-align:center}.no-script a{color:var(--ink)}
@media(min-width:761px) and (max-width:1040px){
 .contact{width:calc(100% - 64px);column-gap:48px;grid-template-columns:.95fr 1fr}.contact h2{font-size:clamp(42px,5.3vw,56px)}
 #send{padding-inline:12px}#send [data-ascii]{font-size:20px}.social-links a{width:30px}.press{display:block}.press h3{margin:0 0 6px}.press-logos{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.press-logos li{grid-column:span 3}.company-logos{gap:18px}
}
@media(max-width:760px){
 :root{--contact-top-gap:18px;--contact-bottom:36px}
 header{padding:max(18px,env(safe-area-inset-top)) 24px 0}.name{font-size:16px}
 footer{right:max(24px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));font-size:8px}
 #scroll-cue{left:18px;top:calc(var(--view-h) - 58px)}
 .contact{width:min(440px,calc(100% - 48px));display:block}
 .contact-art{left:-25%;top:-15px;width:150%;height:145px}
 .contact-heading{padding:124px 0 0;margin-bottom:22px}.contact h2{font-size:clamp(36px,10.4vw,48px);line-height:.94}
 .contact-main{padding:0}.pair{gap:20px}.field{margin-bottom:10px}.field label{font-size:13px;line-height:18px}
 .field input,.field textarea{padding:6px 0;line-height:22px}.field textarea{height:68px;min-height:68px}
 .phone-option{margin:-8px 0 6px}.phone-field{margin:4px 0 12px}.message-field{margin-bottom:14px}
 #send{min-height:46px;padding:10px 12px}#send [data-ascii]{font-size:20px;line-height:24px}
 .social-links{gap:0}.social-links a{width:32px;height:44px}.social-links svg{width:17px;height:17px}
 .contact-proof{margin-top:32px}.company-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px}.company-logos li{min-height:24px}
 .company-stuffed{width:67px}.company-mate{width:70px}.company-pop{width:42px}.company-rocknwool{width:90px}.company-tend{width:100px}.company-operator-one{width:112px}
 .company-new{grid-column:1/-1}.company-second-supply{width:140px}
 .press{display:block;margin-top:22px}.press h3{font-size:10px;line-height:14px;margin:0 0 6px}
 .press-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 28px}
 .press-link{min-height:30px;padding:4px 0}.press-forbes{--logo-width:78px}.press-forbes-japan{--logo-width:90px}.press-sueddeutsche,.press-corriere{--logo-width:142px}
 .press-logos li,.press-logos .press-newspaper{grid-column:auto}.press-logos li:nth-child(n+5){display:none}.press-expanded .press-logos li:nth-child(n+5){display:block}
 .press-toggle{display:inline-flex;margin-top:5px;min-height:28px;font-size:11px}
 html[data-view-size="short"]{--contact-top-gap:14px;--contact-bottom:30px}
 html[data-view-size="short"] header{padding-top:max(14px,env(safe-area-inset-top))}html[data-view-size="short"] .name{font-size:14px}
 html[data-view-size="short"] .contact-heading{padding-top:60px;margin-bottom:16px}html[data-view-size="short"] .contact-art{top:-36px;height:100px}html[data-view-size="short"] .contact h2{font-size:clamp(30px,9.5vw,38px)}
 html[data-view-size="short"] .field{margin-bottom:6px}html[data-view-size="short"] .field input,html[data-view-size="short"] .field textarea{padding:4px 0}
 html[data-view-size="short"] .field textarea{height:46px;min-height:46px}html[data-view-size="short"] #phone-toggle{min-height:28px}
 html[data-view-size="short"] .phone-option{margin:-6px 0 2px}html[data-view-size="short"] .message-field{margin-bottom:10px}
 html[data-view-size="short"] .contact-proof{margin-top:20px}html[data-view-size="short"] .company-logos{row-gap:5px}
 html[data-view-size="short"] .press{margin-top:14px}html[data-view-size="short"] .press-link{min-height:26px}
}
@media(max-width:350px){
 header{padding-left:16px;padding-right:16px}.contact{width:calc(100% - 32px)}.pair{gap:16px}
 #send{padding-inline:9px}#send [data-ascii]{font-size:17px}.social-links a{width:28px}
 html[data-view-size="short"] .contact h2{font-size:30px}html[data-view-size="short"] .contact-art{top:-32px;height:96px}html[data-view-size="short"] .contact-proof{margin-top:14px}
 html[data-view-size="short"] .contact-heading{padding-top:30px;margin-bottom:12px}html[data-view-size="short"] .contact-art{top:-20px;height:58px}html[data-view-size="short"] .press{margin-top:10px}
 html[data-view-size="short"] .company-logos li{min-height:22px}
}
@media(min-width:761px){
 html[data-view-size="short"] header{padding:18px 32px}
 html[data-view-size="short"] .contact{row-gap:30px}html[data-view-size="short"] .contact-heading{padding-top:170px}html[data-view-size="short"] .contact-art{top:-24px;height:240px}
 html[data-view-size="short"] .contact h2{font-size:clamp(42px,5.3vw,60px)}
 html[data-view-size="short"] .field textarea{height:68px;min-height:68px}
}
@media(min-width:561px){
 html[data-view-shape="flat"]{--contact-top-gap:10px;--contact-bottom:28px}
 html[data-view-shape="flat"] header{padding:10px max(24px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left))}
 html[data-view-shape="flat"] .name{font-size:14px}
 html[data-view-shape="flat"] .contact{left:max(24px,env(safe-area-inset-left));width:calc(100% - max(24px,env(safe-area-inset-left)) - max(24px,env(safe-area-inset-right)));transform:none;display:grid;grid-template-columns:1fr 1.2fr;grid-template-areas:'title form' 'proof form';gap:18px 32px}
 html[data-view-shape="flat"] .contact-heading{margin:0;padding:0}html[data-view-shape="flat"] .contact h2{font-size:clamp(26px,4.7vw,40px)}
 html[data-view-shape="flat"] .contact-art{width:60%;height:110%;left:-6%;top:-5%}
 html[data-view-shape="flat"] .contact-main{padding:0}
 html[data-view-shape="flat"] .field{margin-bottom:6px}html[data-view-shape="flat"] .field label{font-size:12px;line-height:18px}
 html[data-view-shape="flat"] .field input,html[data-view-shape="flat"] .field textarea{line-height:22px;padding:4px 0}
 html[data-view-shape="flat"] .field textarea{height:44px;min-height:44px}
 html[data-view-shape="flat"] .phone-option{margin:-8px 0 2px}html[data-view-shape="flat"] #phone-toggle{min-height:28px}
 html[data-view-shape="flat"] .message-field{margin-bottom:10px}html[data-view-shape="flat"] #send{min-height:38px;padding:6px 8px}
 html[data-view-shape="flat"] #send [data-ascii]{font-size:17px;line-height:22px}
 html[data-view-shape="flat"] .social-links a{width:28px;height:34px}html[data-view-shape="flat"] .social-links svg{width:16px;height:16px}
 html[data-view-shape="flat"] .contact-proof{margin:0}html[data-view-shape="flat"] .company-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 16px}html[data-view-shape="flat"] .company-logos li{min-height:22px}html[data-view-shape="flat"] .company-logos img{max-width:80px}
 html[data-view-shape="flat"] .company-new{grid-column:1/-1}html[data-view-shape="flat"] .company-new .company-second-supply{max-width:140px}
 html[data-view-shape="flat"] .press{display:block;margin-top:12px}html[data-view-shape="flat"] .press h3{font-size:10px;line-height:14px;margin:0 0 4px}
 html[data-view-shape="flat"] .press-logos{grid-template-columns:1fr 1fr;gap:3px 22px}
 html[data-view-shape="flat"] .press-logos li,html[data-view-shape="flat"] .press-logos .press-newspaper{grid-column:auto}html[data-view-shape="flat"] .press-logos li:nth-child(n+5){display:none}html[data-view-shape="flat"] .press-expanded .press-logos li:nth-child(n+5){display:block}
 html[data-view-shape="flat"] .press-link{min-height:24px;padding:3px 0}
 html[data-view-shape="flat"] .press-toggle{display:inline-flex;font-size:11px;min-height:28px;margin-top:4px}
 html[data-view-shape="flat"] footer{bottom:max(10px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));font-size:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.field:focus-within::after{animation:none;opacity:.5;transform:none}.company-logos img,.press-link img,.field label,.field input,.field textarea,#send,.social-links a{transition:none}}
@media(forced-colors:active){.has-ascii{color:CanvasText!important}.ascii-morph{display:none}.field input,.field textarea,#send{border-color:CanvasText}}
/* Temporary homepage mode. Remove data-mode="hero" to restore the saved journey. */
html[data-mode="hero"],html[data-mode="hero"] body{height:100%;overflow:hidden;overscroll-behavior:none}
html[data-mode="hero"] #journey,html[data-mode="hero"] #stage{height:var(--view-h)}
html[data-mode="hero"] #contact,html[data-mode="hero"] #scroll-cue,html[data-mode="hero"] footer,html[data-mode="hero"] .no-script{display:none!important}