.contact-page{background:radial-gradient(circle at 82% 22%,#dec29f33,#0000 32rem),radial-gradient(circle at 6% 52%,#ffffff80,#0000 28rem),#f1ede5;min-height:100svh;overflow:clip}.contact-main{width:min(96rem,100%);margin:0 auto;padding:8.25rem clamp(1.5rem,4.25vw,4.25rem) 5rem}.contact-hero{grid-template-columns:minmax(25rem,.78fr) minmax(38rem,1.22fr);align-items:center;gap:clamp(3rem,5.5vw,6.5rem);display:grid}.contact-copy{z-index:2;position:relative}.contact-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-kicker,.conversation-label{color:#fff7ea;letter-spacing:.075em;text-transform:uppercase;text-shadow:0 1px 1px #461d1059;background:linear-gradient(145deg,#d47a48,#b85a31);border:1px solid #6a321929;width:max-content;margin:0;font-weight:850;line-height:1;box-shadow:0 9px 13px #5a2d1840,inset 2px 3px 4px #ffdcb74d,inset -3px -4px 5px #5f27152b}.contact-kicker{border-radius:.82rem 1rem .74rem .92rem;margin-bottom:1.65rem;padding:.66rem 1.1rem .6rem;font-size:.82rem;transform:rotate(-.55deg)}.contact-copy h1{letter-spacing:-.032em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(4.5rem,6.1vw,6.7rem);font-weight:400;line-height:.9}.contact-copy h1 span{display:block}.contact-lede{letter-spacing:-.018em;max-width:33rem;margin:1.35rem 0 0;font-size:clamp(1rem,1.35vw,1.28rem);font-weight:520;line-height:1.5}.location-pill{letter-spacing:.065em;text-transform:uppercase;background:linear-gradient(145deg,#eadcc7,#ddc7a8);border:1px solid #5e402424;border-radius:.85rem 1rem .78rem .95rem;align-items:center;gap:.7rem;width:max-content;max-width:100%;margin:1.55rem 0 0;padding:.68rem 1.05rem;font-size:.78rem;font-weight:850;line-height:1;display:flex;transform:rotate(.35deg);box-shadow:0 8px 12px #4d36202e,inset 2px 3px 4px #ffffff75,inset -3px -4px 5px #5b3b1f1f}.location-pill span{color:#92a245;text-shadow:0 2px 2px #3c451538;font-size:1rem}.contact-avatar-card{background:radial-gradient(circle at 18% 12%,#fff6,#0000 8rem),linear-gradient(145deg,#eadbc4,#dcc5a6);border:1px solid #5b3a1f24;border-radius:1.35rem 1.08rem 1.45rem 1.16rem;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:1rem;width:min(100%,27rem);margin-top:1.25rem;padding:.65rem 1rem .65rem .65rem;transition:transform .19s cubic-bezier(.16,1,.3,1),box-shadow .19s;display:grid;position:relative;transform:rotate(-.35deg);box-shadow:0 15px 20px #4d351f2e,inset 4px 5px 7px #ffffff6b,inset -5px -6px 8px #5c3a1e1f}.contact-avatar-card:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #fff3;position:absolute;inset:.34rem}.contact-avatar-card img{z-index:1;aspect-ratio:1;object-fit:cover;border-radius:.9rem .75rem .98rem .8rem;width:100%;height:auto;display:block;position:relative;box-shadow:0 9px 12px #452f1d33}.contact-avatar-card>span{z-index:1;gap:.35rem;display:grid;position:relative}.contact-avatar-card small{color:#a34d28;letter-spacing:.085em;text-transform:uppercase;font-size:.65rem;font-weight:900}.contact-avatar-card strong{letter-spacing:.015em;text-transform:uppercase;font-family:Impact,Arial Narrow,sans-serif;font-size:1.45rem;font-weight:400;line-height:1}.contact-avatar-card i{color:#c56438;font-style:normal}.contact-avatar-card:hover,.contact-avatar-card:focus-visible{transform:translateY(-4px)rotate(-.7deg);box-shadow:0 20px 26px #4d351f38,inset 4px 5px 7px #ffffff6b,inset -5px -6px 8px #5c3a1e1f}.conversation-scene{filter:drop-shadow(0 24px 22px #4b352133);min-width:0;position:relative;transform:rotate(.2deg)}.conversation-scene>img{width:100%;height:auto;display:block}.conversation-hotspot{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:0;position:absolute}.email-hotspot{width:31.6%;height:15.2%;top:54.1%;left:34%}.copy-hotspot{width:25.3%;height:14.1%;top:56.3%;left:68.3%}.conversation-hotspot:focus-visible{outline-offset:-7px;outline:2px solid #c66a3cb8}.conversation-scene .copy-status{z-index:5;color:#fff6e9;opacity:0;pointer-events:none;background:#282624;border-radius:.7rem;min-height:0;margin:0;padding:.55rem .8rem;font-size:.68rem;transition:opacity .16s,transform .16s;position:absolute;bottom:5.5%;left:63.5%;transform:translate(-50%,.5rem);box-shadow:0 8px 12px #2e22183d}.conversation-scene .copy-status:not(:empty){opacity:1;transform:translate(-50%)}.conversation-board{isolation:isolate;background:radial-gradient(circle at 25% 14%,#ffffff61,#0000 16rem),linear-gradient(145deg,#ead9c0 0%,#dfc9ab 60%,#d7bea0 100%);border:1px solid #5c3b1e2b;position:relative;box-shadow:0 24px 34px #5239203b,0 6px 9px #5239201f,inset 6px 7px 9px #ffffff6b,inset -7px -8px 11px #5c3a1e26}.conversation-board:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.68;background-image:radial-gradient(circle at 1px 1px,#472f1c3d 0 .7px,#0000 .9px),radial-gradient(circle at 2px 2px,#ffffff8f 0 .65px,#0000 .85px);background-position:0 0,3px 4px;background-size:8px 9px,11px 13px;position:absolute;inset:0}.conversation-board:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;border:1px solid #fff3;position:absolute;inset:.35rem;box-shadow:inset 0 0 0 1px #6140240b}.conversation-board{border-radius:2.35rem 1.9rem 2.5rem 2.05rem/2rem 2.45rem 1.95rem 2.35rem;min-height:27rem;padding:4.65rem clamp(2rem,4vw,4rem) 2.7rem;transform:rotate(.35deg)}.conversation-label{z-index:4;border-radius:.8rem 1.05rem .75rem .96rem;padding:.78rem 1.5rem .7rem;font-size:.96rem;position:absolute;top:-1.15rem;left:19%;transform:rotate(.45deg)}.board-holes{z-index:1;opacity:.82;background:radial-gradient(circle,#6f4e32 0 3px,#3d281847 3.2px,#ffffff61 4px,#0000 4.7px) 0 0/2.3rem 2.3rem;width:8rem;position:absolute;top:4rem;bottom:2rem;left:2.5rem;mask-image:linear-gradient(90deg,#000,#000 58%,#0000 100%)}.conversation-grid{z-index:2;grid-template-columns:minmax(11rem,.68fr) minmax(19rem,1.32fr);align-items:center;gap:clamp(2rem,4vw,4.25rem);display:grid;position:relative}.mail-object{justify-self:center;width:11rem;height:14rem;position:relative}.mail-socket{z-index:2;aspect-ratio:1;background:linear-gradient(145deg,#44413d,#272624);border:1px solid #00000059;border-radius:1.35rem 1.05rem 1.45rem 1.15rem;place-items:center;width:8.4rem;display:grid;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 15px 18px #3b2a1b52,inset 4px 4px 5px #ffffff17,inset -5px -6px 7px #00000047}.mail-envelope{background:linear-gradient(145deg,#3f3c38,#2c2a27);border:.38rem solid #181715;border-radius:.55rem .45rem .62rem .48rem;width:5.1rem;height:3.75rem;display:block;position:relative;box-shadow:0 7px 8px #00000061,inset 2px 2px 3px #ffffff0f,inset -3px -3px 4px #00000038}.mail-envelope:before,.mail-envelope:after{content:"";background:#171614;border-radius:999px;width:2.75rem;height:.38rem;position:absolute;top:.28rem;box-shadow:0 2px 2px #0000004d}.mail-envelope:before{transform-origin:0;left:.12rem;transform:rotate(35deg)}.mail-envelope:after{transform-origin:100%;right:.12rem;transform:rotate(-35deg)}.mail-cable{border-bottom:.68rem solid #c76639;border-left:.68rem solid #c76639;border-radius:0 0 0 1.8rem;width:3.15rem;height:4rem;position:absolute;top:8.7rem;left:50%;transform:translate(-.25rem)rotate(-1deg);box-shadow:-3px 4px 5px #562d173d,inset 2px 0 #ffd4ab3d}.mail-cable:before{content:"";background:#d17645;border-radius:.35rem;width:1.15rem;height:.95rem;position:absolute;top:-.7rem;left:-.9rem;box-shadow:0 3px 4px #4f281447,inset 1px 1px 2px #ffddb947}.conversation-copy{z-index:2;position:relative}.conversation-copy h2{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.4rem,3.4vw,3.55rem);font-weight:400;line-height:1}.email-actions{align-items:center;gap:1rem;margin-top:1.45rem;display:flex}.email-button,.copy-email-button{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:4.2rem;font-size:.88rem;font-weight:850;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.email-button{color:#fff;background:linear-gradient(145deg,#313131,#1f1f1f);border:1px solid #171717;gap:1.1rem;min-width:14.5rem;padding:.95rem 1.5rem;box-shadow:0 12px 16px #231f1a38,inset 0 1px #ffffff1a}.email-button span{font-size:1.35rem}.copy-email-button{color:#28241f;background:#f1e7d894;border:2px solid #28241f;min-width:11.5rem;padding:.95rem 1.25rem;box-shadow:inset 2px 2px 4px #ffffff61}.copy-email-button.is-copied{background:#aeb957;border-color:#7e8a39}.email-button:hover,.email-button:focus-visible,.copy-email-button:hover,.copy-email-button:focus-visible{transform:translateY(-3px)}.conversation-note{margin:1.3rem 0 0;font-size:1rem;font-weight:520;line-height:1.45}.copy-status{color:#8f4828;letter-spacing:.03em;min-height:1.1rem;margin:.35rem 0 0;font-size:.72rem;font-weight:800}.contact-details{margin-top:4.4rem;position:relative}.connection-board{isolation:isolate;background:radial-gradient(circle at 12% 5%,#ffffff80,#0000 20rem),radial-gradient(circle at 92% 90%,#b88b5b29,#0000 22rem),linear-gradient(145deg,#ebddc7 0%,#e2cfb3 57%,#d5b994 100%);border:1px solid #5b3a1f29;border-radius:2.55rem 2rem 2.75rem 2.2rem/2.15rem 2.65rem 2rem 2.5rem;padding:clamp(2rem,3.6vw,3.5rem);position:relative;transform:rotate(-.12deg);box-shadow:0 30px 42px #4c341d3d,0 7px 11px #4c341d1a,inset 8px 9px 11px #ffffff6b,inset -9px -10px 13px #58371c24}.connection-board:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.58;background-image:radial-gradient(circle at 1px 1px,#472f1c38 0 .7px,#0000 .9px),radial-gradient(circle at 2px 2px,#ffffff8a 0 .65px,#0000 .85px);background-position:0 0,3px 4px;background-size:8px 9px,11px 13px;position:absolute;inset:0}.connection-board:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;border:1px solid #ffffff38;position:absolute;inset:.55rem}.connection-board>*{z-index:2;position:relative}.board-pin,.card-pin{z-index:5;aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#e59a68,#b85630 68%,#8f3e23);border:1px solid #5728143d;border-radius:50%;display:block;position:absolute;box-shadow:0 5px 7px #4a26144d,inset 2px 2px 3px #ffdbb759,inset -2px -3px 3px #4a1c0e2e}.board-pin{width:1.28rem}.card-pin{background:radial-gradient(circle at 32% 28%,#ead2ae,#b89568 72%,#92704b);width:.62rem;top:.65rem;right:.72rem}.pin-one{top:1.25rem;left:2rem}.pin-two{bottom:1.45rem;right:2.2rem;transform:scale(.78)}.connection-heading{border-bottom:1px solid #6140242e;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);align-items:end;gap:2rem;padding:.15rem 1.25rem 1.7rem;display:grid}.connection-kicker,.route-heading small{color:#a34d28;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:900;line-height:1}.connection-heading h2{letter-spacing:-.025em;text-transform:uppercase;margin:.55rem 0 0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.55rem,4vw,4.45rem);font-weight:400;line-height:.95}.connection-heading>p{max-width:30rem;margin:0 0 .25rem auto;font-size:.88rem;font-weight:600;line-height:1.45}.connection-routes{grid-template-columns:minmax(0,.83fr) 2.75rem minmax(0,1.17fr);align-items:stretch;gap:1.25rem;padding-top:2rem;display:grid}.reasons-panel,.social-panel{min-width:0}.route-heading{align-items:center;gap:.72rem;margin:0 0 1rem .35rem;display:flex}.route-heading>span{aspect-ratio:1;color:#fff3e2;letter-spacing:.04em;background:linear-gradient(145deg,#d9804e,#ad4f2c);border-radius:50%;place-items:center;width:2.15rem;font-family:Impact,Arial Narrow,sans-serif;font-size:.95rem;display:grid;box-shadow:0 6px 8px #4f27143d,inset 2px 2px 3px #ffdab552,inset -2px -3px 4px #521f0f29}.route-heading h3{letter-spacing:.055em;text-transform:uppercase;margin:.25rem 0 0;font-size:.78rem;font-weight:900;line-height:1}.reason-cards,.social-cards{align-items:center;gap:0;display:grid;position:relative}.reason-cards{grid-template-columns:minmax(0,1fr) 1.05rem minmax(0,1fr) 1.05rem minmax(0,1fr)}.clay-connector{z-index:1;background:radial-gradient(at 30% 18%,#ffdeba61,#0000 42%),linear-gradient(#d77b49 0%,#c36539 58%,#aa4f2c 100%);border:1px solid #65301847;border-radius:52% 44% 57% 46%/48% 62% 43% 58%;place-self:center;width:calc(100% + 1rem);height:.62rem;position:relative;transform:rotate(-4deg)scaleY(.92);box-shadow:0 5px 7px #52281440,inset 2px 2px 3px #ffdebb4f,inset -3px -3px 4px #5b241130}.clay-connector:nth-of-type(2n){transform:rotate(3.2deg)scaleY(.92)}.route-bridge{min-height:12rem;display:block;position:relative}.route-bridge:before{content:"";background:linear-gradient(90deg,#b5522e,#dc8050 45%,#bd5c34);border:1px solid #65301847;border-radius:48% 58% 45% 55%/62% 48% 58% 44%;width:.72rem;position:absolute;top:1.1rem;bottom:1.1rem;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 6px 8px #4f271438,inset 2px 1px 3px #ffdeba4d,inset -2px -2px 3px #521f0f2b}.route-bridge i{z-index:2;aspect-ratio:1;background:#e5cfaf;border:.28rem solid #d37848;border-radius:50%;width:1.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 7px #4a261440,inset 0 2px 3px #ffffff5c}.reason-card{--clay-light:#efd8b8;--clay-mid:#d7b184;--clay-dark:#b8875c;isolation:isolate;z-index:2;background:radial-gradient(ellipse at 21% 10%, #fffaecad 0%, transparent 34%), radial-gradient(ellipse at 83% 86%, #82522b2e 0%, transparent 42%), linear-gradient(148deg, var(--clay-light) 0%, var(--clay-mid) 56%, var(--clay-dark) 100%);text-align:center;border:0;border-radius:2.15rem 1.55rem 2.35rem 1.7rem/1.65rem 2.2rem 1.55rem 2.05rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:10rem;padding:1.2rem .62rem 1rem;display:flex;position:relative;box-shadow:0 .55rem #ad7b51,0 1.35rem 1.35rem #4f331b40,inset .5rem .62rem .82rem #fff8e575,inset -.65rem -.72rem .92rem #673f1f33}.reason-card:first-child{transform:rotate(-1.25deg)}.reason-card:nth-child(3){transform:rotate(.9deg)}.reason-card:nth-child(5){transform:rotate(-.7deg)}.reason-card:before,.social-card:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.46;background:url(/images/ui/clay-grain.svg) 50%/11rem 11rem,radial-gradient(at 18% 22%,#fff9e84d 0 2px,#0000 5px),radial-gradient(at 76% 67%,#5b361c29 0 1px,#0000 4px);position:absolute;inset:0}.reason-card:after,.social-card:after{content:"";z-index:1;pointer-events:none;border:0;border-radius:1.65rem 1.2rem 1.85rem 1.3rem/1.2rem 1.7rem 1.1rem 1.55rem;position:absolute;inset:.55rem .48rem .42rem .58rem;box-shadow:inset .16rem .2rem .26rem #fffaed30,inset -.18rem -.22rem .28rem #5c391d1c}.product-card{--clay-light:#edd6b7;--clay-mid:#d5ae80;--clay-dark:#b78358}.systems-card{--clay-light:#ead4b5;--clay-mid:#d0aa7c;--clay-dark:#b17f54}.graphics-card{--clay-light:#efd9ba;--clay-mid:#d8b183;--clay-dark:#b9855a}.reason-card>*,.social-card>*{z-index:2;position:relative}.reason-card h4,.social-card h4{color:#29221d;letter-spacing:.035em;text-shadow:0 1px #ffefd675;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:900;line-height:1.2}.reason-icon{object-fit:contain;filter:drop-shadow(0 8px 7px #48311d3d);width:4.5rem;height:4.5rem;position:relative}.social-cards{grid-template-columns:minmax(0,1fr) .78rem minmax(0,1fr) .78rem minmax(0,1fr) .78rem minmax(0,1fr)}.social-card{--clay-light:#efd9b9;--clay-mid:#d5ae80;--clay-dark:#b9855a;isolation:isolate;z-index:2;background:radial-gradient(ellipse at 21% 10%, #fffaecad 0%, transparent 34%), radial-gradient(ellipse at 83% 86%, #82522b2e 0%, transparent 42%), linear-gradient(148deg, var(--clay-light) 0%, var(--clay-mid) 56%, var(--clay-dark) 100%);color:#26211d;text-align:center;border:0;border-radius:2.05rem 1.48rem 2.2rem 1.62rem/1.58rem 2.08rem 1.48rem 1.95rem;flex-direction:column;justify-content:center;align-items:center;min-height:10rem;padding:1.15rem .48rem 1rem;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .18s;display:flex;position:relative;box-shadow:0 .55rem #ad7b51,0 1.35rem 1.35rem #4f331b40,inset .5rem .62rem .82rem #fff8e575,inset -.65rem -.72rem .92rem #673f1f33}.social-card:first-child{transform:rotate(-1deg)}.social-card:nth-child(3){transform:rotate(.75deg)}.social-card:nth-child(5){transform:rotate(-.65deg)}.social-card:nth-child(7){transform:rotate(.9deg)}.social-card.linkedin{--clay-light:#e9d4b6;--clay-mid:#d1aa7c;--clay-dark:#ad7c54}.social-card.github{--clay-light:#efd8b9;--clay-mid:#d5ae80;--clay-dark:#b68157}.social-card.twitter{--clay-light:#ebd4b4;--clay-mid:#cfa677;--clay-dark:#ae7950}.social-card.hashnode{--clay-light:#eed7bb;--clay-mid:#d5ad82;--clay-dark:#b27e5d}.social-card img{object-fit:contain;filter:drop-shadow(0 7px 6px #442e1f38);width:3.85rem;height:3.85rem;margin-bottom:.55rem}.social-card p{color:#fff1dc;letter-spacing:.055em;text-transform:uppercase;background:linear-gradient(145deg,#cf7243,#ac4f2c);border-radius:.48rem .62rem .44rem .58rem;margin:.48rem 0 0;padding:.28rem .48rem .25rem;font-size:.54rem;font-weight:800;line-height:1;box-shadow:0 .25rem .35rem #4d251238,inset 1px 2px 2px #ffd8b245,inset -2px -2px 3px #511d0d29}.social-card:hover,.social-card:focus-visible{filter:brightness(1.025)saturate(1.02);transform:translateY(-6px)rotate(-.7deg)scale(1.012)}@media (width<=1180px){.contact-hero{grid-template-columns:minmax(22rem,.72fr) minmax(34rem,1.28fr);gap:3rem}.contact-copy h1{font-size:clamp(4rem,6vw,5.25rem)}.contact-details{margin-top:4rem}.connection-routes{grid-template-columns:1fr;gap:1.8rem}.route-bridge{display:none}.social-card{min-height:10rem}}@media (width<=900px){.contact-hero{grid-template-columns:1fr}.contact-copy{max-width:42rem}.conversation-board{margin-top:1rem}}@media (width<=760px){.contact-page .mockup-header{position:relative}.contact-main{padding:2.5rem 1.25rem 4rem}.contact-copy h1{font-size:clamp(3.75rem,15vw,5rem)}.contact-lede{font-size:1rem}.location-pill{justify-content:center;width:100%;font-size:.68rem}.contact-avatar-card{grid-template-columns:6.5rem minmax(0,1fr);width:100%}.conversation-board{min-height:auto;padding:4.5rem 1.25rem 2rem}.conversation-label{font-size:.76rem;left:50%;transform:translate(-50%)rotate(.45deg)}.board-holes{display:none}.conversation-grid{grid-template-columns:1fr;gap:.75rem}.mail-object{height:11.5rem}.mail-socket{width:7.2rem}.mail-cable{top:7.5rem}.conversation-copy{text-align:center}.conversation-copy h2{font-size:2.75rem}.email-actions{flex-direction:column}.email-button,.copy-email-button{width:100%;min-width:0}.contact-details{margin-top:3.5rem}.connection-board{border-radius:1.75rem;padding:1.5rem}.connection-heading{grid-template-columns:1fr;gap:.75rem;padding:.35rem .45rem 1.25rem}.connection-heading>p{margin:0}.connection-routes{padding-top:1.5rem}.reason-cards{grid-template-columns:1fr}.social-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-cards:before,.social-cards:before,.clay-connector{display:none}.reason-card{min-height:9.5rem}.reason-card:nth-child(n),.social-card:nth-child(n){transform:none}.social-card{min-height:10rem}.social-card img{width:4.45rem;height:4.45rem}}@media (width<=420px){.connection-board{padding:1.15rem}.connection-heading h2{font-size:2.55rem}.social-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.email-button,.copy-email-button,.social-card,.contact-avatar-card{transition:none}}.clay-shelf-stage{grid-template-columns:minmax(0,.94fr) 4.25rem minmax(0,1.06fr);align-items:stretch;margin-top:.25rem;display:grid;position:relative}.clay-shelf-board{isolation:isolate;z-index:1;min-width:0;min-height:24rem;box-shadow:none;background:0 0;border:0;padding:2rem clamp(1.4rem,2.4vw,2.25rem) 5.4rem;position:relative}.reasons-shelf{transform:rotate(-.28deg)}.social-shelf{transform:rotate(.24deg)}.clay-shelf-board:before,.clay-shelf-board:after{content:none}.clay-board-shell{z-index:0;pointer-events:none;position:absolute;inset:0}.clay-board-shell img{object-fit:fill;filter:drop-shadow(0 1.5rem 1.25rem #482d1733);width:100%;height:100%;display:block}.shelf-heading,.shelf-tokens{z-index:3;position:relative}.shelf-heading{align-items:center;gap:.85rem;min-height:3.7rem;margin-bottom:1rem;display:flex}.shelf-heading>span{aspect-ratio:1;color:#fff1da;letter-spacing:.035em;text-shadow:0 2px 2px #451a0c42;background:radial-gradient(circle at 30% 22%,#ffd0a67a,#0000 29%),linear-gradient(145deg,#d47745,#a84927);border-radius:47% 53% 44% 56%/54% 46% 55% 45%;flex:none;place-items:center;width:3rem;font-family:Impact,Arial Narrow,sans-serif;font-size:1.35rem;display:grid;transform:rotate(-3deg);box-shadow:0 .42rem .6rem #4b231147,inset .18rem .22rem .28rem #ffd5ad47,inset -.22rem -.26rem .34rem #471a0c33}.shelf-heading small{color:#9e4525;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px #ffe1bd47;margin-bottom:.4rem;font-size:.68rem;font-weight:900;line-height:1;display:block}.shelf-heading h3{color:#28211c;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 1px #ffe6c45c;margin:0;font-size:clamp(.82rem,1.18vw,1.08rem);font-weight:900;line-height:1.05}.shelf-tokens{z-index:3;align-items:end;gap:clamp(.55rem,1.1vw,.9rem);display:grid;position:relative}.challenge-tokens{grid-template-columns:repeat(3,minmax(0,1fr))}.social-tokens{grid-template-columns:repeat(4,minmax(0,1fr))}.clay-token{min-width:0;color:inherit;transform-origin:50% 86%;filter:drop-shadow(0 .9rem .65rem #41271433);background:0 0;border:0;place-items:end center;padding:0;text-decoration:none;display:grid;position:relative}.clay-token img{object-fit:contain;width:100%;height:auto;display:block}.challenge-token img{max-width:clamp(10rem,14vw,13.5rem)}.social-token img{max-width:clamp(8.5rem,10.5vw,11.25rem)}.challenge-token:first-child{transform:rotate(-1.1deg)}.challenge-token:nth-child(2){transform:rotate(.7deg)}.challenge-token:nth-child(3){transform:rotate(-.55deg)}.social-token:first-child{transform:rotate(-.8deg)}.social-token:nth-child(2){transform:rotate(.55deg)}.social-token:nth-child(3){transform:rotate(-.5deg)}.social-token:nth-child(4){transform:rotate(.72deg)}.social-token{transition:transform .19s cubic-bezier(.16,1,.3,1),filter .18s}.social-token:hover,.social-token:focus-visible{filter:drop-shadow(0 1.15rem .72rem #4127143d)brightness(1.035)saturate(1.03);transform:translateY(-.48rem)rotate(-.65deg)scale(1.025)}.social-token:focus-visible{outline-offset:.22rem;border-radius:1.2rem;outline:.18rem solid #9e4827}.shelf-cable{z-index:0;pointer-events:none;min-height:24rem;display:block;position:relative}.shelf-cable:before{content:none}.shelf-cable svg{width:calc(100% + 6.2rem);height:4.65rem;position:absolute;top:45%;left:-3.1rem;overflow:visible}.shelf-cable path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.shelf-cable-shadow{stroke:#58261257;stroke-width:1.15rem;transform:translate(.18rem,.32rem)}.shelf-cable-body{stroke:#bf5a31;stroke-width:.82rem;filter:drop-shadow(0 .34rem .3rem #4b200e38)}.shelf-cable-glint{stroke:#f19763a6;stroke-width:.16rem}@media (width<=1180px){.clay-shelf-stage{grid-template-columns:1fr;gap:0}.clay-shelf-board{min-height:23rem}.shelf-cable{min-height:5rem}.shelf-cable:before{content:"";background:linear-gradient(90deg,#a94b28,#d57545 52%,#b4512d);border:0;border-radius:48% 56% 44% 52%;width:.8rem;height:6.5rem;top:-.8rem;left:50%;transform:translate(-50%)rotate(5deg)}.shelf-cable svg{display:none}}@media (width<=700px){.clay-shelf-board{min-height:0;padding:2.2rem 1.35rem 6.8rem}.shelf-heading{align-items:flex-start;gap:.68rem;margin-bottom:1.2rem}.shelf-heading>span{width:2.65rem;font-size:1.15rem}.shelf-heading h3{font-size:.76rem;line-height:1.15}.challenge-tokens{grid-template-columns:1fr;gap:.85rem}.social-tokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.challenge-token img{max-width:10.5rem}.social-token img{max-width:10rem}}@media (width<=420px){.social-tokens{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.social-token img{max-width:10rem}}@media (prefers-reduced-motion:reduce){.social-token{transition:none}}