@font-face{font-family:'Totem Text';src:url('/static/assets/Pretendard.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Totem Text';src:url('/static/assets/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Totem Text';src:url('/static/assets/Pretendard-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Totem Text';src:url('/static/assets/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Totem Text';src:url('/static/assets/Pretendard-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
html:has(body.totem){background:#f6f0e5;color-scheme:light}
body.totem{--paper:#f6f0e5;--ink:#30453a;--muted:#6d7b73;--line:#c2d6ca;--gold:#416952;--tt-forest:#365747;--tt-sage:#b4cebf;background:var(--paper);color:var(--ink);font-family:'Totem Text',Pretendard,sans-serif;font-weight:500;min-height:100vh}
.totem .preview{background:#d3e2d9;color:#65726a;font-size:11px;border:0}
.totem .header{border-color:#c2d6ca;height:94px}
.totem .brand{color:#2f483a;font-weight:800}.totem .brand img{filter:none;opacity:.78}
.totem .nav-switch summary,.totem .header .contact-link{color:#4b5f53}
.totem .contact-link{border-color:#9ab6a6;border-radius:40px}
.totem .contact-link:hover{background:#d4e3da;border-color:#5f836e;color:#365747}
.totem .nav-panel{background:#fffaf1;border-color:#adc6b7;border-radius:13px;box-shadow:0 16px 45px #32503f21;color:#394d41}
.totem .nav-panel a{border-radius:7px}.totem .nav-panel a:hover,.totem .nav-panel a[aria-current]{background:#dbe7e0}
.totem .nav-panel a>span{color:#6d7c73}.totem .nav-panel strong{font-weight:700}
.totem .module-nav{border-color:#c2d6ca;padding-block:22px}.totem .module-nav span{color:#6f7e75}.totem .module-nav a{color:#416751}
.totem .button{border-radius:40px;background:#365747;border-color:#365747;color:#fff6e6;font-weight:700;padding:17px 23px;gap:21px;min-height:53px;box-shadow:0 6px 14px #36574710}
.totem .button:hover{background:#466955;border-color:#466955;box-shadow:0 8px 20px #3657471c}
.totem .button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.totem a:focus-visible,.totem button:focus-visible,.totem summary:focus-visible{outline:2px solid #416952;outline-offset:5px}
.tt-hero{display:grid;grid-template-columns:.92fr 1.16fr;align-items:center;gap:38px;padding:62px 0 66px}
.tt-intro{position:relative;z-index:1;padding-bottom:15px}
.tt-wordmark{display:flex;align-items:center;gap:11px;margin-bottom:30px;color:#304b3d}
.tt-wordmark span{font-size:43px;line-height:1;letter-spacing:-2.5px;font-weight:800}.tt-wordmark img{width:39px;height:41px}
.totem .tt-intro h1{font-size:clamp(40px,3.9vw,62px);line-height:1.24;letter-spacing:-.055em;font-weight:800;margin:0 0 26px;color:#304b3d;word-break:keep-all}
.tt-lead{font-size:17px;line-height:1.95;color:#60705f;margin:0 0 30px;letter-spacing:-.4px}
.tt-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.tt-text-link{display:inline-flex;align-items:center;gap:19px;font-size:13px;color:#526b5c;border-bottom:1px solid #97b2a2;padding:10px 0}
.tt-text-link:hover{color:#69977c}.tt-hero-note{font-size:11px;color:#6d7968;margin:25px 0 0;display:flex;gap:7px;align-items:center}
.tt-hero-note>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8d9778;flex-shrink:0}
.tt-showcase{min-width:0;position:relative}
.tt-art-wrap{position:relative}.tt-art{display:block;width:100%;height:auto;overflow:visible;color:#365747}
.tt-art text{font-family:'Totem Text',Pretendard,sans-serif;letter-spacing:-.4px}
.tt-concept-tag{position:absolute;right:3%;top:4%;border:1px solid #97b9a5;background:#f9f0e2;color:#5c7767;border-radius:50px;padding:6px 11px;font-size:10px;transform:rotate(5deg)}
.tt-scene{display:none}
.tt-showcase[data-scene='0'] .tt-scene-0,.tt-showcase[data-scene='1'] .tt-scene-1,.tt-showcase[data-scene='2'] .tt-scene-2{display:block}
.tt-showcase-footer{display:flex;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:0 9px 13px}
.tt-caption{font-size:15px;line-height:1.6;font-weight:700;color:#476654;margin:0;text-align:center;word-break:keep-all;letter-spacing:-.4px}
.tt-play{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;min-height:38px;border:1px solid #a7c3b3;border-radius:40px;color:#5c7b69;background:none;font-size:10px;cursor:pointer}
.tt-play svg{width:12px;height:12px;stroke:currentColor;stroke-linejoin:round;fill:none}
.tt-play:hover{background:#d0e0d7}
.tt-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;background:#d2e1d8;border-radius:40px;gap:3px;margin:0 5%}
.tt-controls button{position:relative;min-width:0;overflow:hidden;min-height:44px;border:0;border-radius:30px;background:transparent;color:#6c8074;font-size:12px;font-weight:600;padding:10px 12px}
.tt-controls button[aria-pressed='true']{background:#385b48;color:#fff4df;box-shadow:0 3px 7px #2f4a3a18}
.tt-controls button:hover:not([aria-pressed='true']){background:#e0ebe5;color:#3b5e4a}
.tt-controls i{position:absolute;bottom:5px;height:2px;left:20%;right:20%;background:#c1d7ca;transform:scaleX(0);transform-origin:left;border-radius:3px}
.tt-controls [aria-pressed='true'] i{transform:scaleX(1)}
.tt-controls button:focus-visible{outline-offset:-3px}
.tt-ribbon{display:flex;align-items:center;justify-content:center;gap:35px;border-block:1px solid #bcd3c6;padding:24px 0;color:#678574;font-size:14px;font-weight:600;margin-bottom:72px}
.tt-ribbon svg{width:20px;height:20px;color:#7f9e8c;flex-shrink:0}
.tt-connection{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:38px;border-radius:26px;background:#365747;color:#e6eee9;padding:64px 55px;position:relative;overflow:clip}
.tt-connection::after{content:'';position:absolute;inset:auto -150px -260px auto;width:470px;height:470px;border:1px solid #7699852e;border-radius:50%;pointer-events:none}
.tt-eyebrow{display:block;font-size:12px;line-height:1.5;margin-bottom:24px;color:#799384}
.tt-connection .tt-eyebrow{color:#b0cbbb;margin-bottom:22px}
.totem .tt-connection h2{font-size:clamp(38px,3.6vw,55px);font-weight:800;line-height:1.25;letter-spacing:-2.5px;color:#fff1d9;margin:0 0 24px}
.tt-connection-copy>p{color:#bbd2c5;font-size:14px;line-height:1.9;margin-bottom:24px}
.tt-planned{color:#b2ccbd;font-size:10px;border:1px solid #719881;border-radius:30px;padding:5px 9px}
.tt-network{position:relative;min-width:0;height:440px;z-index:1}
.tt-network-lines{position:absolute;inset:0;width:100%;height:calc(100% - 50px);overflow:visible}
.tt-edge{fill:none;stroke:#bed4c7;stroke-width:2;opacity:0;stroke-dasharray:740}
.tt-spoke{fill:none;stroke:#8eb49e;stroke-width:1.5;stroke-dasharray:3 7;opacity:.65}
.tt-network[data-role='creator'] .tt-edge-creator,.tt-network[data-role='maker'] .tt-edge-maker,.tt-network[data-role='brand'] .tt-edge-brand{opacity:.85;animation:tt-connect .9s ease-out backwards}
.tt-person-node{position:absolute;transform:translate(-50%,-50%);width:clamp(108px,27%,151px);height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#426450;border:1px solid #8fa58a;border-radius:15px;color:#dbe8e0;box-shadow:0 10px 20px #1f322722;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.tt-person-node:disabled{opacity:1;cursor:default}.tt-person-node[aria-pressed='true'],.tt-person-node:hover{background:#e4eee8;color:#365747;border-color:#e4eee8;box-shadow:0 10px 25px #1f322733}
.tt-person-node>span{font-size:14px;font-weight:700}.tt-person-node>small{font-size:10px;opacity:1;line-height:1.5}
.tt-person-node svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tt-person-node svg use{stroke:none}
.tt-node-creator{left:50%;top:calc(13.6% - 6.8px)}
.tt-node-maker{left:18.8%;top:calc(71.3% - 35.65px)}
.tt-node-brand{left:81.2%;top:calc(71.3% - 35.65px)}
.tt-network-core{position:absolute;left:50%;top:calc(50% - 25px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;background:#365747}
.tt-network-core img{width:64px;height:66px;filter:brightness(0) invert(1);opacity:.9}.tt-network-core strong{font-size:21px;font-weight:800;letter-spacing:-1px;color:#dbe8e0}
.tt-network-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:13px;color:#caddd2;margin:0;line-height:1.8;word-break:keep-all}
.totem .tt-network button:focus-visible{outline-color:#fff3d8}
.tt-built{padding:83px 0 66px;scroll-margin-top:35px}
.tt-built-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.tt-built .tt-eyebrow{margin-bottom:15px}
.totem .tt-built h2{font-size:35px;font-weight:800;line-height:1.3;letter-spacing:-1.5px;margin:0;color:#3a5947}
.tt-prototype-status{font-size:11px;color:#658372;background:#d7e5dd;border-radius:30px;padding:7px 12px;white-space:nowrap}
.tt-built-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.tt-built-grid article{min-width:0}.tt-built-grid h3{font-size:20px;line-height:1.5;font-weight:700;color:#4a6857;margin:22px 0 7px;letter-spacing:-.5px}.tt-built-grid p{font-size:13px;color:#667661;margin:0;line-height:1.8}
.tt-mini{height:206px;border-radius:15px;background:#d8e6de;position:relative;overflow:hidden;padding:23px}
.tt-mini-shop{background:#d3e3da}.tt-mini-filters{display:flex;gap:6px;margin-bottom:18px}.tt-mini-filters i{width:40px;height:9px;border-radius:15px;background:#a9c0b3}.tt-mini-filters i:first-child{background:#62826f;width:52px}
.tt-mini-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tt-mini-products>span{height:91px;background:#f8f1e6;display:grid;place-items:center;border-radius:7px;transition:transform .4s}.tt-mini-products>span:nth-child(2){background:#bbd3c5}.tt-mini-products>span:nth-child(3){background:#b7bf9e}
.tt-mini-products svg{height:64px;width:58px;fill:#deeae3;stroke:#61816e;stroke-width:1.8;stroke-linejoin:round}.tt-mini-products svg use{color:#365747;stroke:none}
.tt-mini-cart{display:flex;align-items:center;justify-content:space-between;background:#4a6e59;color:#e3ece7;border-radius:6px;padding:6px 12px;margin-top:10px;font-size:10px}.tt-mini-cart span:last-child{font-size:16px}
.tt-mini-offer{background:#dbe4d2;display:flex;align-items:center;justify-content:center}
.tt-mini-form{width:84%;background:#fcf5e9;border-radius:9px;padding:17px;transform:rotate(-4deg);box-shadow:0 8px 15px #5f7e6c16;transition:transform .4s}
.tt-mini-form>span{font-size:12px;font-weight:700;color:#547361;display:block;margin-bottom:14px}.tt-mini-form>i{display:block;height:7px;background:#c1d7ca;border-radius:3px;margin:8px 0}.tt-mini-form>i:nth-of-type(2){width:70%}.tt-mini-form>div{display:flex;gap:6px;margin-top:16px}.tt-mini-form b{font-size:8px;font-weight:500;border:1px solid #a1bead;border-radius:5px;color:#688474;padding:4px 6px}.tt-mini-form b:last-child{color:#fff1d8;background:#5a7a67;border-color:#5a7a67}
.tt-mini-send{position:absolute;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#4a6c58;bottom:26px;right:20px;transition:transform .4s}.tt-mini-send svg{width:24px;height:24px;stroke:#e3ede7;stroke-width:1.5;fill:none}
.tt-mini-inbox{background:#dfe1cd;display:grid;place-items:center}.tt-mini-letter{background:#fcf6e9;width:86%;padding:18px;border-radius:10px;transform:rotate(3deg);box-shadow:0 8px 18px #57644418;transition:transform .4s}.tt-mini-letter>span{font-size:12px;display:flex;align-items:center;gap:7px;color:#5d654e;font-weight:700}.tt-mini-letter i{width:6px;height:6px;border-radius:50%;background:#8a9b6b}.tt-mini-letter>div{height:6px;background:#c9d9d0;border-radius:4px;margin-top:11px}.tt-mini-letter>div:nth-of-type(2){width:68%}.tt-mini-letter>p{display:flex;gap:6px;margin-top:14px}.tt-mini-letter b{font-size:9px;padding:4px 14px;background:#859170;border-radius:5px;color:#fff8e7;font-weight:500}.tt-mini-letter b:last-child{background:#dbe7e0;color:#8b8d7a}.tt-mini-check{position:absolute;right:23px;top:21px;background:#71825f;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#f9f4dd;font-size:20px}
.tt-built .tt-built-note{font-size:11px;color:#687662;margin:27px 0 0;line-height:1.8}
.tt-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 48px;border-radius:21px;background:#dbe3d3;margin:0 0 69px;overflow:hidden}
.tt-contact>div,.tt-contact>.button{position:relative;z-index:1}.tt-contact .tt-eyebrow{color:#7a9485;margin-bottom:20px}.totem .tt-contact h2{font-size:43px;line-height:1.25;letter-spacing:-2px;color:#3e614d;font-weight:800;margin:0}.tt-contact-clover{position:absolute;right:29%;bottom:-60px;width:210px;height:210px;transform:rotate(16deg);filter:grayscale(1);opacity:.065}
.totem .other-modules{color:#63746a}.totem .other-label{color:#83988c}.totem .other-modules a{border-color:#b4cabd;color:#79887f}.totem .other-modules a strong{color:#475c50;font-weight:700}.totem .other-modules a:hover{color:#365747}.totem footer{border-color:#bad1c4;color:#6a7866}.totem .wordmark{color:#465c4f;font-weight:800}
.totem .tt-hero-note,.totem .tt-built-note,.totem .tt-built-grid p,.totem .tt-contact .tt-eyebrow,.totem .tt-built .tt-eyebrow,.totem footer,.totem .other-label{color:#5f7267}
.tt-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* The objects move once, settling into a readable illustration. */
.tt-idea{opacity:.88;transform-origin:490px 135px}.tt-tote{transform-origin:200px 370px}.tt-shirt{transform-origin:355px 360px}.tt-keyring{transform-origin:533px 365px}.tt-goods-seal{transform-origin:175px 103px}
.tt-figurine{transform-origin:532px 479px}
.tt-envelope{transform-origin:364px 334px}.tt-brand-card{transform-origin:489px 220px}.tt-creator-card{transform-origin:214px 290px}.tt-offer-note{transform-origin:444px 444px}
.tt-brief{transform-origin:317px 260px}.tt-maker-card{transform-origin:509px 371px}.tt-paper-plane{transform-origin:535px 190px}.tt-request-badge{transform-origin:150px 386px}
.tt-showcase.is-running .tt-scene{animation:tt-scene-in .35s both}
.tt-showcase.is-running .tt-controls [aria-pressed='true'] i{animation:tt-progress 4.5s linear both}
.tt-showcase[data-scene='0'].is-running .tt-idea{animation:tt-idea 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-tote{animation:tt-tote 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-shirt{animation:tt-shirt 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-keyring{animation:tt-keyring 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-figurine{animation:tt-figurine 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-goods-seal{animation:tt-seal 4.5s both}
.tt-showcase[data-scene='0'].is-running .tt-spark-a,.tt-showcase[data-scene='0'].is-running .tt-spark-b{animation:tt-spark 4.5s both;transform-box:fill-box;transform-origin:center}
.tt-showcase[data-scene='1'].is-running .tt-brand-card{animation:tt-brand 4.5s both}
.tt-showcase[data-scene='1'].is-running .tt-creator-card{animation:tt-creator 4.5s both}
.tt-showcase[data-scene='1'].is-running .tt-envelope{animation:tt-envelope 4.5s both}
.tt-showcase[data-scene='1'].is-running .tt-offer-trail{animation:tt-offer-trail 4.5s both}
.tt-showcase[data-scene='1'].is-running .tt-offer-note{animation:tt-offer-note 4.5s both}
.tt-showcase[data-scene='2'].is-running .tt-brief{animation:tt-brief 4.5s both}
.tt-showcase[data-scene='2'].is-running .tt-maker-card{animation:tt-maker 4.5s both}
.tt-showcase[data-scene='2'].is-running .tt-paper-plane{animation:tt-plane 4.5s both}
.tt-showcase[data-scene='2'].is-running .tt-request-route{animation:tt-route 4.5s both}
.tt-showcase[data-scene='2'].is-running .tt-request-badge{animation:tt-request-badge 4.5s both}
.tt-showcase.is-paused *{animation-play-state:paused!important}
@keyframes tt-scene-in{from{opacity:.15}to{opacity:1}}
@keyframes tt-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tt-idea{0%{opacity:0;transform:translate(-90px,120px) rotate(-15deg) scale(.6)}18%,35%{opacity:1;transform:translate(-65px,65px) rotate(-8deg) scale(1)}62%,100%{opacity:.88;transform:none}}
@keyframes tt-tote{0%,12%{opacity:0;transform:translate(-45px,70px) rotate(-12deg) scale(.8)}42%{opacity:1;transform:translate(0,-7px) rotate(2deg) scale(1)}60%,100%{opacity:1;transform:none}}
@keyframes tt-shirt{0%,18%{opacity:0;transform:translate(0,35px) scale(.72)}53%{opacity:1;transform:translate(0,-8px) scale(1.03)}74%,100%{opacity:1;transform:none}}
@keyframes tt-keyring{0%,35%{opacity:0;transform:translate(40px,-85px) rotate(24deg)}65%{opacity:1;transform:translate(0,5px) rotate(-6deg)}86%,100%{opacity:1;transform:none}}
@keyframes tt-figurine{0%,43%{opacity:0;transform:translate(12px,-48px) rotate(8deg) scale(.92)}65%{opacity:1;transform:translateY(3px) rotate(-3deg) scale(1.02,.97)}76%{opacity:1;transform:translateY(-3px) rotate(1deg)}87%,100%{opacity:1;transform:none}}
@keyframes tt-seal{0%,68%{opacity:0;transform:scale(1.4) rotate(-20deg)}82%{opacity:1;transform:scale(.9) rotate(5deg)}100%{opacity:1;transform:none}}
@keyframes tt-spark{0%,50%{opacity:0;transform:scale(.1) rotate(-40deg)}80%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes tt-brand{0%{opacity:0;transform:translate(35px,30px) rotate(5deg)}30%,100%{opacity:1;transform:none}}
@keyframes tt-creator{0%,8%{opacity:0;transform:translate(-35px,30px) rotate(-7deg)}36%,100%{opacity:1;transform:none}}
@keyframes tt-envelope{0%,23%{opacity:0;transform:translate(140px,-90px) rotate(17deg) scale(.65)}35%{opacity:1;transform:translate(120px,-80px) rotate(10deg) scale(.72)}65%{opacity:1;transform:translate(-38px,12px) rotate(-12deg) scale(1)}83%,100%{opacity:1;transform:none}}
@keyframes tt-offer-trail{0%,28%{opacity:0;stroke-dashoffset:120}70%,100%{opacity:.65;stroke-dashoffset:0}}
@keyframes tt-offer-note{0%,72%{opacity:0;transform:translateY(15px) scale(.95)}90%,100%{opacity:1;transform:none}}
@keyframes tt-brief{0%{opacity:0;transform:translateY(35px) rotate(7deg)}30%,100%{opacity:1;transform:none}}
@keyframes tt-maker{0%,37%{opacity:0;transform:translate(35px,30px) rotate(-12deg)}65%{opacity:1;transform:translate(-3px,-4px) rotate(3deg)}83%,100%{opacity:1;transform:none}}
@keyframes tt-plane{0%,20%{opacity:0;transform:translate(-185px,120px) scale(.5) rotate(-15deg)}32%{opacity:1;transform:translate(-140px,70px) scale(.65) rotate(-5deg)}61%{opacity:1;transform:translate(18px,-16px) scale(1) rotate(4deg)}84%,100%{opacity:1;transform:none}}
@keyframes tt-route{0%,35%{stroke-dashoffset:280;opacity:0}47%{opacity:1}83%,100%{stroke-dashoffset:0;opacity:.8}}
@keyframes tt-request-badge{0%,72%{opacity:0;transform:scale(.5) rotate(-40deg)}90%{opacity:1;transform:scale(1.05) rotate(4deg)}100%{opacity:1;transform:none}}
@keyframes tt-connect{from{stroke-dashoffset:740;opacity:.2}to{stroke-dashoffset:0;opacity:.85}}
@media(hover:hover) and (pointer:fine){.tt-built-grid article:hover .tt-mini-products>span:nth-child(1){transform:translateY(-5px) rotate(-4deg)}.tt-built-grid article:hover .tt-mini-products>span:nth-child(2){transform:translateY(-8px)}.tt-built-grid article:hover .tt-mini-products>span:nth-child(3){transform:translateY(-5px) rotate(4deg)}.tt-built-grid article:hover .tt-mini-form,.tt-built-grid article:hover .tt-mini-letter{transform:rotate(0) translateY(-4px)}.tt-built-grid article:hover .tt-mini-send{transform:translate(4px,-7px) rotate(-8deg)}}
@media(max-width:1100px){.tt-hero{grid-template-columns:1fr 1.12fr;gap:20px;padding-top:45px}.totem .tt-intro h1{font-size:41px}.tt-lead{font-size:15px}.tt-wordmark{margin-bottom:24px}.tt-wordmark span{font-size:36px}.tt-actions{gap:16px}.totem .tt-actions .button{font-size:13px;padding:14px 18px}.tt-hero-note{font-size:10px}.tt-caption{font-size:13px}.tt-connection{padding:48px 34px;gap:23px;grid-template-columns:.7fr 1.3fr}.totem .tt-connection h2{font-size:42px}.tt-person-node>span{font-size:12px}.tt-person-node>small{font-size:9px}.tt-built-grid{gap:18px}.tt-mini{padding:18px;height:190px}.tt-mini-products>span{height:80px}.tt-mini-form{width:90%;padding:14px}.tt-mini-letter{width:95%;padding:14px}.tt-mini-form b{padding:4px}.tt-ribbon{gap:25px;font-size:12px}.tt-network{height:405px}}
@media(max-width:800px){.tt-hero{grid-template-columns:1fr;gap:24px;padding:35px 0 45px}.tt-intro{padding-bottom:0}.totem .tt-intro h1{font-size:clamp(38px,6.4vw,54px);margin-bottom:21px}.tt-wordmark{margin-bottom:22px}.tt-wordmark span{font-size:32px}.tt-wordmark img{width:31px;height:34px}.tt-lead{font-size:15px;margin-bottom:23px}.tt-hero-note{margin-top:18px}.tt-showcase{max-width:620px;width:100%;margin:0 auto}.tt-art-wrap{margin-top:-3px}.tt-ribbon{gap:15px;margin-bottom:45px;flex-wrap:wrap;padding:20px 0;font-size:12px}.tt-ribbon svg{width:14px;height:14px}.tt-connection{grid-template-columns:1fr;padding:35px 30px;gap:40px;border-radius:20px}.totem .tt-connection h2{font-size:41px;line-height:1.25;margin-bottom:18px}.tt-connection h2 br:nth-of-type(2){display:none}.tt-connection-copy>p{font-size:13px;margin-bottom:16px}.tt-connection .tt-eyebrow{margin-bottom:17px}.tt-network{height:400px;max-width:530px;width:100%;margin:0 auto}.tt-person-node{width:clamp(108px,27%,148px)}.tt-built{padding:55px 0}.tt-built-grid{grid-template-columns:1fr;gap:29px}.tt-built-grid article{display:grid;grid-template-columns:1fr 1fr;gap:0 23px;align-content:center}.tt-mini{grid-row:1/3;height:190px}.tt-built-grid h3{margin:0 0 9px;align-self:end;font-size:19px}.tt-built-grid p{font-size:12px}.tt-built-heading{margin-bottom:28px;align-items:center}.totem .tt-built h2{font-size:29px}.tt-contact{padding:35px 30px;border-radius:18px;margin-bottom:50px}.totem .tt-contact h2{font-size:34px}.tt-contact .button{font-size:13px;padding:15px 19px;gap:12px}.tt-contact-clover{right:26%}.tt-connection-copy{position:relative}.tt-planned{position:absolute;right:0;bottom:3px}}
@media(max-width:480px){.totem .header{height:78px}.totem .brand{font-size:21px;gap:9px}.totem .header nav{gap:16px}.totem .header .contact-link{padding:8px 12px;font-size:12px}.totem .module-nav{gap:13px;padding-block:19px;font-size:12px}.tt-wordmark{margin-bottom:21px}.totem .tt-intro h1{font-size:37px;letter-spacing:-1.9px}.tt-lead{font-size:13px;line-height:1.9}.tt-actions{gap:20px}.tt-text-link{font-size:12px;gap:12px}.tt-hero-note{font-size:9px}.tt-concept-tag{font-size:8px;padding:4px 7px;right:0;top:4%}.tt-showcase-footer{gap:8px;padding:0 0 12px;min-height:58px}.tt-caption{font-size:12px}.tt-play{font-size:9px;padding:7px 8px;gap:4px}.tt-play svg{width:10px}.tt-controls{margin:0;padding:4px}.tt-controls button{font-size:11px;padding:9px 7px;min-height:43px}.tt-ribbon{gap:9px;font-size:10px;padding:17px 0}.tt-ribbon svg{width:10px;height:10px}.tt-ribbon span:last-child{flex-basis:100%;text-align:center}.tt-ribbon svg:last-of-type{display:none}.tt-connection{padding:30px 19px;gap:29px;border-radius:17px}.totem .tt-connection h2{font-size:36px;letter-spacing:-1.8px}.tt-connection .tt-eyebrow{font-size:10px}.tt-connection-copy>p{font-size:12px}.tt-network{height:357px}.tt-person-node{width:94px;height:100px;border-radius:12px;gap:4px}.tt-person-node>span{font-size:11px}.tt-person-node>small{font-size:8px}.tt-person-node svg{width:28px;height:28px}.tt-network-core{padding:10px;gap:6px}.tt-network-core img{width:43px;height:45px}.tt-network-core strong{font-size:17px}.tt-network-caption{font-size:11px;line-height:1.7;left:8px;right:8px}.tt-built-heading{align-items:start;flex-direction:column;gap:16px}.tt-built .tt-eyebrow{font-size:11px}.totem .tt-built h2{font-size:29px}.tt-prototype-status{font-size:10px;padding:5px 9px}.tt-built-grid article{display:block}.tt-mini{height:190px;padding:23px 30px}.tt-built-grid h3{margin:16px 0 5px;font-size:19px}.tt-built-grid p{font-size:12px}.tt-mini-products>span{height:85px}.tt-mini-form{max-width:200px}.tt-mini-letter{max-width:220px}.tt-built .tt-built-note{font-size:10px;margin-top:24px}.tt-contact{padding:29px 24px;flex-direction:column;align-items:start;gap:26px}.totem .tt-contact h2{font-size:33px}.tt-contact .tt-eyebrow{font-size:10px;margin-bottom:17px}.tt-contact-clover{right:-30px;bottom:-10px;width:185px}.totem footer{font-size:11px}.totem .wordmark{font-size:21px}}
@media(max-width:350px){.totem .tt-intro h1{font-size:32px}.tt-actions{gap:14px}.tt-caption{font-size:11px}.tt-controls button{font-size:10px}.tt-person-node{width:82px}.tt-person-node>span{font-size:10px}.tt-person-node>small{font-size:7px}.tt-connection{padding-inline:16px}.totem .tt-connection h2{font-size:32px}.tt-mini{padding-inline:23px}}
@media(prefers-reduced-motion:reduce){.totem *{animation:none!important;transition:none!important}.tt-play{display:none}.tt-edge{stroke-dashoffset:0}.tt-idea{opacity:.88}}
