:root{--ink:#111111;--paper:#f3f3f3;--orange:#ff7039;--muted:#858585;--line:#d0d0d0;--sans:'Geist',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif;--mono:'Roboto Mono',monospace;--ease:cubic-bezier(.22,.7,.15,1);--outer:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.button-orange:focus-visible,.invitation :focus-visible{outline-color:var(--ink)}svg{width:24px;height:24px;flex-shrink:0}p,h1,h2,h3{margin:0}p{text-wrap:pretty}::selection{background:var(--orange);color:var(--ink)}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.mono{font:400 11px/1.5 var(--mono);letter-spacing:.01em}.display{font:800 clamp(64px,7.9vw,120px)/.91 var(--display);letter-spacing:-.025em}.muted{color:#a0a0a0}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--orange);padding:16px}.skip-link:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;height:86px;margin:0 48px;gap:24px}.wordmark{display:inline-flex;align-items:flex-start;font-size:34px;font-weight:700;letter-spacing:-2px;line-height:1}.logo-dot{font:500 11px var(--mono);margin:0 0 0 5px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:auto}.rolling-link{position:relative;overflow:hidden;height:22px;font-size:13px;font-weight:500}.rolling-link span{display:block;transition:transform .35s var(--ease);line-height:22px}.rolling-link:hover span{transform:translateY(-100%)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:6px;padding:0 20px;font-size:12px;font-weight:500;transition:background .25s,transform .25s var(--ease)}.button svg{width:18px;height:18px;transition:transform .35s var(--ease)}.button:hover svg{transform:translate(3px,-3px)}.button:active{transform:scale(.98)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#353535}.button-orange{background:var(--orange);color:var(--ink)}.button-orange:hover{background:#ff8a5d}.button-label{height:18px;overflow:hidden;display:block}.button-label>span{display:block;line-height:18px;transition:transform .4s var(--ease)}.button:hover .button-label>span{transform:translateY(-100%)}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:650px;height:min(740px,calc(100svh - 110px));margin:0 var(--outer);background:var(--ink);color:var(--paper);border-radius:18px;position:relative;overflow:hidden;padding:57px 44px 42px;isolation:isolate}.hero canvas{position:absolute;right:-5%;top:8%;width:60%;height:92%;z-index:-1;opacity:.72;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,17,17,.2),transparent 65%);pointer-events:none}.hero h1{font:800 clamp(110px,13.8vw,218px)/.88 var(--display);letter-spacing:-.035em;position:relative;z-index:1}.hero .line{display:block;overflow:hidden;padding-bottom:.075em;margin-bottom:-.065em}.hero .line>span{display:block}.hero .second-line{margin-left:10%;}.hero h1 em{font-style:normal;color:var(--orange)}.hero-cross{position:absolute;color:#757575;font:400 21px var(--mono)}.cross-one{right:32px;top:26px}.cross-two{left:33px;bottom:24px}.hero-lower{display:flex;align-items:flex-end;justify-content:space-between;margin-top:53px;gap:40px}.hero-copy{margin-left:10%;}.hero-copy p{font-size:18px;line-height:1.45;letter-spacing:-.02em;margin-bottom:26px}.hero-copy .button{min-height:54px;padding:0 22px;gap:44px}.hero-index{width:285px;margin:0 12px 8px 0}.hero-index>.mono{color:#c6c6c6;font-size:10px}.hero-index-line{display:block;height:1px;background:#4d4d4d;margin-top:17px;margin-bottom:16px}.hero-index-bottom{display:flex;align-items:center;gap:30px;font-size:11px;color:#c6c6c6}.hero-index-bottom>a{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #737373;border-radius:50%;transition:background .2s}.hero-index-bottom>a:hover{background:#474747}.hero-index svg{width:15px;height:15px;transform:rotate(90deg)}.motion-toggle{position:absolute;right:35px;bottom:20px;display:flex;align-items:center;gap:8px;background:none;color:#a6a6a6;font:400 9px var(--mono);padding:6px 0}.pause-symbol{height:8px;width:7px;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-paused .pause-symbol{width:0;height:0;border-left:6px solid currentColor;border-right:0;border-top:4px solid transparent;border-bottom:4px solid transparent}
.section-shell{padding:88px 68px 98px;max-width:1600px;margin:auto}.section-meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);gap:24px}.section-meta .mono:last-child{color:#6c6c6c;text-align:right}.opportunity-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:52px 0 58px}.opportunity-intro h2{font-size:clamp(64px,7.3vw,110px)}.opportunity-intro>p{font-size:16px;line-height:1.6;letter-spacing:-.02em;max-width:280px;margin:0 8px 3px 0}.opportunity-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:68px;align-items:start}.opportunity-options{padding-top:10px}.opportunity-options [role="tab"]{width:100%;display:flex;align-items:center;gap:22px;padding:24px 0 26px;border-bottom:1px solid var(--line);background:none;position:relative;text-align:left}.opportunity-options [role="tab"]:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.opportunity-options [aria-selected="true"]:before{transform:scaleX(1)}.tab-number{align-self:flex-start;margin-top:14px;color:#8b8b8b}.tab-name{font-size:clamp(42px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.1;color:#9b9b9b;transition:color .3s,transform .5s var(--ease)}.opportunity-options [aria-selected="true"] .tab-name{color:var(--ink)}.opportunity-options button:hover .tab-name{color:var(--ink);transform:translateX(5px)}.opportunity-options svg{margin-left:auto;height:34px;width:34px;transform:rotate(45deg);opacity:.35;transition:transform .4s var(--ease),opacity .3s}.opportunity-options [aria-selected="true"] svg{transform:rotate(0);opacity:1}.selection-hint{font-size:9px;color:#717171;margin-top:28px;display:flex;justify-content:space-between}.selection-hint span{font-size:16px}.opportunity-panel{min-width:0}.category-art{position:relative;overflow:hidden;height:290px;background:#dedede;border-radius:10px;perspective:800px;display:flex;align-items:center;justify-content:center;transition:background .45s}.art-coordinate{position:absolute;left:20px;top:18px;z-index:2}.art-caption{position:absolute;left:20px;bottom:18px;font-size:9px;z-index:2}.art-arrow{position:absolute;right:18px;bottom:16px;width:21px;height:21px}.product-glyph{position:relative;transform:rotateX(54deg) rotateZ(-35deg);transform-style:preserve-3d;width:180px;height:180px;transition:transform .8s var(--ease),opacity .35s}.product-glyph i{position:absolute;inset:0;display:block;background:var(--ink);border:1px solid #747474;border-radius:8px;background-image:radial-gradient(#858585 1px,transparent 1.2px);background-size:8px 8px;box-shadow:0 10px 0 #2b2b2b;transition:transform .8s var(--ease)}.product-glyph i:nth-child(1){transform:translateZ(-60px)}.product-glyph i:nth-child(2){transform:translateZ(-30px)}.product-glyph i:nth-child(3){transform:translateZ(0)}.product-glyph i:nth-child(4){transform:translateZ(30px)}.product-glyph i:nth-child(5){transform:translateZ(60px);background:var(--orange);background-image:radial-gradient(#77371c 1px,transparent 1.2px);background-size:8px 8px;border-color:#ff9b75}.category-art:hover .product-glyph{transform:rotateX(62deg) rotateZ(-15deg) translateY(5px)}.project-glyph{position:absolute;width:200px;height:190px;display:flex;align-items:flex-end;gap:13px;transform:translateY(20px);opacity:0;transition:transform .8s var(--ease),opacity .4s}.project-glyph i{flex:1;background:var(--ink);background-image:radial-gradient(#d5d5d5 .8px,transparent 1px);background-size:6px 6px;transform:skewY(-16deg);box-shadow:8px 3px 0 #777777}.project-glyph i:nth-child(1){height:55px}.project-glyph i:nth-child(2){height:95px}.project-glyph i:nth-child(3){height:130px}.project-glyph i:nth-child(4){height:170px;background-color:var(--orange);background-image:radial-gradient(#703014 .8px,transparent 1px);box-shadow:8px 3px 0 #b94b22}.opportunity-panel[data-kind="project"] .product-glyph{opacity:0;transform:rotateX(54deg) rotateZ(-65deg) translateY(-50px)}.opportunity-panel[data-kind="project"] .project-glyph{transform:translateY(-9px);opacity:1}.opportunity-panel[data-kind="project"] .category-art{background:#dfdfdf}.opportunity-panel[data-kind="project"] .category-art:hover .project-glyph{transform:translateY(-18px)}.category-copy{padding-top:26px}.category-copy>.mono{font-size:9px;color:#6e6e6e}.category-copy h3{font-size:26px;letter-spacing:-.045em;font-weight:500;margin-top:11px}.category-copy p{font-size:14px;line-height:1.65;color:#636363;margin:13px 0 22px;max-width:410px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;background:none;padding:0 0 8px;border-bottom:1px solid currentColor;font-weight:500}.text-link svg{width:18px;height:18px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translateX(5px)}
.operating{background:var(--ink);color:var(--paper);padding:66px max(68px,calc((100vw - 1464px)/2)) 80px;margin:0 var(--outer);border-radius:18px}.operating .section-meta{border-color:#3a3a3a}.operating .section-meta .mono:last-child{color:#949494}.operating-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:50px 0 63px}.operating-intro>p{max-width:245px;color:#ababab;font-size:15px;line-height:1.6}.operating-intro .display{font-size:clamp(70px,7.5vw,112px)}.dot-type{background-image:radial-gradient(var(--paper) 1.2px,transparent 1.4px);background-size:4px 4px;background-clip:text;-webkit-background-clip:text;color:transparent}.operation-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.steps button{display:flex;align-items:flex-start;width:100%;background:transparent;text-align:left;gap:20px;padding:28px 0 25px;border-top:1px solid #3e3e3e}.steps button>.mono{font-size:10px;color:#828282;margin-top:4px}.steps button>div{flex:1}.steps h3{font-size:19px;font-weight:500;letter-spacing:-.035em;color:#888888;transition:color .3s}.steps p{max-width:285px;font-size:13px;line-height:1.7;color:#a3a3a3;margin-top:13px;display:none}.steps [aria-selected="true"] p{display:block;animation:slidein .4s var(--ease)}.steps [aria-selected="true"] h3{color:var(--paper)}.steps [aria-selected="true"]>.mono{color:var(--orange)}.steps svg{width:16px;height:16px;transition:transform .4s var(--ease);margin-top:3px;color:#8f8f8f}.steps [aria-selected="true"] svg{transform:rotate(45deg);color:var(--orange)}.steps button:hover h3{color:var(--paper)}.record-panel{background:#e9e9e9;color:var(--ink);border-radius:9px;transform:rotate(-1.3deg);box-shadow:9px 9px 0 #363636;transition:transform .5s var(--ease);overflow:hidden}.record-panel:hover{transform:rotate(0)}.record-top{display:flex;align-items:center;border-bottom:1px solid #cacaca;padding:18px 22px;gap:20px}.wordmark.small{font-size:20px;letter-spacing:-1.2px}.record-top>.mono{font-size:8px;margin-left:auto}.record-status{font:400 8px var(--mono);display:flex;align-items:center;gap:5px}.record-status i{width:5px;height:5px;border-radius:50%;background:#606060}.record-content{padding:28px 28px 24px;min-height:329px}.record-eyebrow{font-size:8px;color:#787878}.record-content h3{font-size:32px;line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:14px 0 25px}.record-data{font-size:10px}.record-data>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #cecece}.record-data>div>span{color:#787878}.record-data strong{font-weight:500;text-align:right;display:flex;gap:6px;align-items:center}.record-data svg{width:12px;height:12px}.underlined{text-decoration:underline;text-underline-offset:3px}.record-bottom{display:flex;align-items:center;gap:17px;margin-top:25px}.record-bottom p{font-size:10px;line-height:1.5;color:#747474}.record-symbol{width:38px;height:38px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-4deg)}.record-symbol i{background:#bababa}.record-symbol i:first-child{background:var(--orange)}.record-foot{border-top:1px solid #cacaca;display:flex;justify-content:space-between;padding:12px 22px;font-size:8px;color:#787878}
.approach{padding-top:88px;padding-bottom:96px}.approach-body{display:flex;align-items:center;justify-content:center;gap:58px;margin:65px 0}.approach-body h2{font-size:clamp(42px,5.6vw,86px);letter-spacing:-.065em;font-weight:500;line-height:1.08}.approach-body h2 span{color:#969696}.asterisk{width:135px;height:135px;position:relative;flex:none;animation:turn 40s linear infinite}.asterisk i{position:absolute;width:100%;height:20%;left:0;top:40%;background:var(--orange)}.asterisk i:nth-child(2){transform:rotate(45deg)}.asterisk i:nth-child(3){transform:rotate(90deg)}.asterisk i:nth-child(4){transform:rotate(135deg)}.principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px;margin-top:75px}.principles>div{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:37px 1fr;align-items:baseline;gap:12px 8px}.principles .mono{font-size:9px;color:#909090}.principles h3{font-size:18px;letter-spacing:-.035em;font-weight:500}.principles p{grid-column:2;font-size:13px;line-height:1.6;color:#6c6c6c;max-width:250px}.invitation{background:var(--orange);margin:0 var(--outer);border-radius:18px;padding:28px 44px 38px;position:relative;overflow:hidden}.invitation-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #cd5c30}.invitation .mono{font-size:9px}.invitation h2{font-size:clamp(100px,15vw,220px);line-height:.84;margin:44px 0 32px;letter-spacing:-.035em}.round-access{width:150px;height:150px;position:absolute;right:85px;top:46%;border-radius:50%;background:var(--ink);color:var(--orange);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),background .3s}.round-access svg{height:70px;width:70px;transition:transform .5s var(--ease)}.round-access:hover{transform:rotate(45deg);background:#343434}.round-access:hover svg{transform:scale(1.1)}.invitation-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-top:25px;gap:30px}.invitation-bottom p{font-size:16px;line-height:1.4}.invitation-bottom .text-link{font-size:13px}footer{margin:0 48px;padding:42px 0 24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}footer>.wordmark{font-size:38px}footer>span{font:400 8px var(--mono);color:#757575;text-align:center}footer>a:last-of-type{display:flex;align-items:center;gap:15px;justify-self:end;font-size:11px}footer svg{width:15px;height:15px}footer p{grid-column:1/-1;font-size:10px;color:#898989;border-top:1px solid var(--line);padding-top:20px;margin-top:7px}
dialog{padding:0;margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(640px,100%);max-width:100%;border:0;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:-20px 0 100px #0004}dialog::backdrop{background:#111111bd;backdrop-filter:blur(5px)}dialog[open]{animation:drawer-in .5s var(--ease)}.access-dialog-inner{padding:30px 44px 44px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.close-button{width:42px;height:42px;background:var(--ink);border-radius:50%;position:relative;color:var(--paper)}.close-button span{position:absolute;left:11px;top:20px;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}.close-button span:last-child{transform:rotate(-45deg)}.dialog-kicker{display:block;color:#797979;font-size:9px;margin-top:80px}.access-dialog-inner h2{font-size:clamp(60px,7vw,84px);margin:23px 0}.dialog-description{font-size:15px;line-height:1.6;max-width:430px;color:#6b6b6b}.preview-list{display:grid;grid-template-columns:1fr 24px;font-size:18px;font-weight:500;letter-spacing:-.03em;margin:35px 0}.preview-list>*{padding:16px 0;border-top:1px solid var(--line)}.preview-list svg{height:54px;width:24px}.dialog-note{font-size:11px;line-height:1.6;color:#7f7f7f;margin-bottom:25px;max-width:380px}.dialog-open{overflow:hidden}
.js-ready .hero h1 .line>span{animation:hero-in 1.1s var(--ease) both}.js-ready .hero h1 .second-line>span{animation-delay:.12s}.js-ready .hero-copy{animation:slidein 1s .35s var(--ease) both}.js-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.js-ready .reveal.is-visible{opacity:1;transform:none}.panel-change{animation:slidein .4s var(--ease)}@keyframes hero-in{from{transform:translateY(112%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes slidein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes turn{to{transform:rotate(360deg)}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero h1 .line>span,.motion-paused .hero-copy{animation:none!important}.motion-paused .rolling-link span,.motion-paused .button-label>span{transition:none}.motion-paused .asterisk{animation:none}
@media(min-width:1600px){.hero{max-width:1552px;margin-left:auto;margin-right:auto}.hero h1{font-size:218px}.hero-lower{margin-top:65px}.operating{max-width:1552px;padding-left:68px;padding-right:68px;margin-left:auto;margin-right:auto}.invitation{max-width:1552px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.site-header{margin:0 36px}.desktop-nav{gap:22px}.hero{padding:65px 35px 42px;min-height:620px}.hero h1{font-size:14vw}.hero-copy{margin-left:6%}.hero .second-line{margin-left:6%}.hero-index{width:240px}.hero-lower{margin-top:66px}.section-shell{padding-left:48px;padding-right:48px}.opportunity-layout{gap:40px}.opportunity-intro>p{max-width:230px;font-size:14px}.operating{padding-left:40px;padding-right:40px}.operation-layout{gap:36px}.operating-intro>p{max-width:210px}.steps h3{font-size:17px}.steps button{gap:15px}.record-content{padding-left:22px;padding-right:22px}.record-top{gap:12px;padding:18px}.record-top>.mono{display:none}.record-status{margin-left:auto}.principles{gap:24px}.round-access{right:65px;width:128px;height:128px}}
@media(max-width:800px){:root{--outer:16px}.site-header{height:78px;margin:0 30px}.wordmark{font-size:30px}.desktop-nav{display:none}.access-button{margin-left:auto}.menu-toggle{display:block;background:none;width:32px;height:40px;padding:0;position:relative}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);position:absolute;left:4px;top:16px;transition:transform .25s}.menu-toggle span:last-child{top:23px}.menu-toggle[aria-expanded="true"] span{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:block;position:absolute;top:78px;left:16px;right:16px;z-index:10;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 24px 24px #0002}.mobile-nav a,.mobile-nav>button{display:flex;align-items:center;justify-content:space-between;font-size:26px;letter-spacing:-.04em;padding:18px 0;border-bottom:1px solid var(--line);width:100%;background:none;text-align:left}.mobile-nav a span{font:400 10px var(--mono);letter-spacing:0}.mobile-nav>button{font-size:16px}.hero{height:auto;min-height:650px;padding:75px 28px 55px}.hero h1{font-size:14.5vw;line-height:.93}.hero .second-line{margin-left:0}.hero-lower{margin-top:100px}.hero-copy{margin-left:0}.hero-copy p{font-size:17px}.hero-index{width:190px}.hero-index>.mono{font-size:8px}.hero-index-bottom{font-size:9px}.hero canvas{width:75%;right:-12%;top:5%}.section-shell{padding:65px 36px}.section-meta .mono{font-size:9px}.section-meta .mono:last-child{max-width:180px}.opportunity-intro{align-items:flex-start;gap:25px;margin:38px 0 40px}.opportunity-intro h2{font-size:8vw}.opportunity-intro>p{font-size:13px;max-width:190px}.opportunity-layout{gap:28px}.tab-name{font-size:44px}.tab-number{margin-top:7px}.opportunity-options [role="tab"]{gap:15px;padding:23px 0}.opportunity-options svg{width:25px;height:25px}.category-art{height:250px}.product-glyph{width:150px;height:150px}.project-glyph{transform:translateY(20px) scale(.8)}.opportunity-panel[data-kind="project"] .project-glyph{transform:translateY(-9px) scale(.8)}.category-copy h3{font-size:22px}.category-copy p{font-size:13px}.category-copy>.mono{font-size:8px}.selection-hint{font-size:8px;max-width:180px}.operating{padding:45px 32px 55px}.operating-intro{gap:30px;margin:40px 0}.operating-intro .display{font-size:8.6vw}.operating-intro>p{font-size:12px;max-width:180px}.operation-layout{gap:28px;grid-template-columns:.95fr 1fr}.steps h3{font-size:16px}.steps p{font-size:12px}.steps button{gap:12px}.steps button>.mono{font-size:8px}.steps svg{width:12px}.record-content h3{font-size:26px}.record-data>div{align-items:flex-start;flex-direction:column;gap:6px}.record-data strong{text-align:left}.record-content{padding:24px 18px;min-height:380px}.record-top{padding:14px 16px}.record-foot{padding:12px 14px;font-size:7px}.record-bottom p{font-size:9px}.record-symbol{width:30px;height:30px}.approach-body{gap:36px;margin:50px 0}.asterisk{width:90px;height:90px}.approach-body h2{font-size:6.5vw}.principles{gap:25px;margin-top:55px}.principles>div{grid-template-columns:1fr;gap:10px}.principles p{grid-column:1;font-size:12px}.principles h3{font-size:16px}.invitation{padding:24px 30px 30px}.invitation h2{font-size:16vw}.invitation .mono{font-size:8px}.round-access{width:100px;height:100px;right:50px}.round-access svg{width:50px;height:50px}footer{margin:0 30px;gap:20px}footer>span{font-size:7px}footer>.wordmark{font-size:30px}}
@media(max-width:560px){:root{--outer:10px}.site-header{height:76px;margin:0 24px;gap:16px}.site-header .wordmark{font-size:30px}.site-header .access-button{min-height:36px;font-size:10px;padding:0 12px;gap:12px}.site-header .access-button svg{width:13px;height:13px}.site-header .button-label{height:15px}.site-header .button-label>span{line-height:15px}.menu-toggle{width:24px}.menu-toggle span{width:21px;left:0}.mobile-nav:not([hidden]){top:76px;left:10px;right:10px}.hero{border-radius:14px;min-height:685px;padding:67px 22px 50px}.hero h1{font-size:clamp(72px,19.9vw,112px);line-height:.86;letter-spacing:-.025em;max-width:440px}.hero .line:first-child>span{max-width:100%;}.hero .line{overflow:visible;padding-bottom:0;margin-bottom:0}.hero h1 .line:first-child{max-width:300px}.hero .second-line{margin-top:6px}.hero h1 em{display:block}.hero canvas{width:118%;height:70%;right:-40%;top:26%;opacity:.55}.cross-one{top:20px;right:22px;font-size:16px}.cross-two{left:22px;bottom:22px;font-size:16px}.hero-lower{margin-top:40px;display:block}.hero-copy p{font-size:15px;line-height:1.4;margin-bottom:23px}.hero-copy .button{min-height:48px;gap:37px;font-size:11px;padding:0 17px}.hero-index{display:none}.motion-toggle{right:22px;bottom:20px;font-size:8px}.section-shell{padding:56px 24px 55px}.section-meta{padding-bottom:16px}.section-meta .mono{font-size:8px}.section-meta .mono:last-child{max-width:140px;font-size:7px}.opportunity-intro{display:block;margin:33px 0 34px}.opportunity-intro h2{font-size:clamp(49px,12.4vw,67px);line-height:.93;letter-spacing:-.02em}.opportunity-intro>p{font-size:14px;max-width:260px;margin-top:24px;line-height:1.55}.opportunity-intro>p br{display:none}.opportunity-layout{grid-template-columns:1fr;gap:28px}.opportunity-options{padding-top:0;display:flex;gap:20px}.opportunity-options [role="tab"]{gap:10px;padding:10px 0 17px}.tab-name{font-size:30px;letter-spacing:-.045em}.tab-number{font-size:8px;margin-top:5px}.opportunity-options svg{height:16px;width:16px;margin-left:0}.selection-hint{display:none}.category-art{height:270px;border-radius:8px}.product-glyph{width:165px;height:165px}.category-copy{padding-top:23px}.category-copy>.mono{font-size:8px}.category-copy h3{font-size:25px;margin-top:13px}.category-copy p{font-size:14px;line-height:1.6;margin-top:12px}.text-link{font-size:12px}.operating{padding:36px 22px 43px;border-radius:14px}.operating-intro{display:block;margin:34px 0 28px}.operating-intro .display{font-size:clamp(52px,13.4vw,72px);line-height:.93}.dot-type{background-size:3px 3px;background-image:radial-gradient(var(--paper) .9px,transparent 1.1px)}.operating-intro>p{font-size:14px;line-height:1.5;max-width:290px;margin-top:24px}.operation-layout{grid-template-columns:1fr;gap:32px}.steps button{padding:20px 0;gap:15px}.steps h3{font-size:17px}.steps p{font-size:12px;line-height:1.6;margin-top:10px}.steps button>.mono{font-size:9px}.steps svg{width:15px;height:15px}.record-panel{margin:0 4px}.record-content{padding:25px 22px 24px;min-height:325px}.record-top{padding:17px 19px}.record-top>.mono{display:block;font-size:7px}.record-status{font-size:7px;margin-left:0}.record-content h3{font-size:31px;margin-top:16px}.record-data>div{flex-direction:row;align-items:center;font-size:9px;padding:11px 0}.record-data strong{text-align:right}.record-bottom{margin-top:25px}.record-bottom p{font-size:9px}.record-foot{font-size:7px}.approach{padding-top:52px;padding-bottom:53px}.approach-body{display:block;margin:39px 0}.asterisk{width:66px;height:66px;margin-bottom:30px}.approach-body h2{font-size:clamp(34px,9.5vw,52px);letter-spacing:-.06em}.principles{grid-template-columns:1fr;gap:24px;margin-top:38px}.principles>div{grid-template-columns:35px 1fr;gap:8px 7px;padding-top:16px}.principles p{grid-column:2;max-width:none;font-size:13px}.principles h3{font-size:18px}.invitation{padding:23px 22px 29px;border-radius:14px}.invitation-top{padding-bottom:20px}.invitation .mono{font-size:7px;max-width:190px}.invitation-top .mono:last-child{display:none}.invitation h2{font-size:24vw;line-height:.87;margin:35px 0 30px}.round-access{width:61px;height:61px;right:24px;top:auto;bottom:113px}.round-access svg{width:30px;height:30px}.invitation-bottom{display:block;padding-top:0}.invitation-bottom p{font-size:14px;line-height:1.4}.invitation-bottom .text-link{font-size:11px;margin-top:29px;width:100%;gap:20px}.invitation-bottom svg{width:16px;height:16px}footer{margin:0 24px;padding:30px 0 23px;grid-template-columns:1fr 1fr;gap:22px}footer>span{grid-column:1;grid-row:2;text-align:left;font-size:7px;white-space:nowrap}footer>a:last-of-type{grid-column:2;grid-row:1;font-size:10px}footer p{margin-top:0;font-size:9px;line-height:1.5}.access-dialog-inner{padding:24px}.dialog-kicker{margin-top:60px;font-size:8px}.access-dialog-inner h2{font-size:70px}.dialog-description{font-size:14px}.preview-list{font-size:17px;margin:30px 0}.dialog-note{font-size:10px}.dialog-head .wordmark{font-size:30px}}
@media(max-width:560px){.opportunity-layout{grid-template-columns:minmax(0,1fr)}.opportunity-options{min-width:0}.opportunity-options [role="tab"]{min-width:0;flex:1}}
@media(max-width:360px){.site-header{margin:0 22px}.site-header .access-button{display:none}.menu-toggle{margin-left:auto}.opportunity-options{gap:14px}.opportunity-options [role="tab"]{gap:7px}.tab-name{font-size:27px}.opportunity-options svg{width:13px;height:13px}.opportunity-intro h2{font-size:42px}.operating-intro .display{font-size:45px}.hero h1{font-size:66px}.record-top{gap:8px}.record-top>.mono{display:none}.record-status{margin-left:auto}.record-data>div{font-size:8px}.record-content{padding-left:18px;padding-right:18px}.access-dialog-inner h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}.hero h1 .line>span{transform:none}.asterisk{animation:none}.record-panel{transform:none}}
