:root{--paper:#fefefe;--ink:#1a1a1a;--muted:#666;--line:#e8e8e8;--pink:#f3bbd8;--blue:#7b9dff;--orange:#ff6b35;--green:#5a6e2c;--wood:#e9e2d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}main{min-height:100vh}.site-header{z-index:20;border-bottom:1.5px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fefefee0;justify-content:space-between;align-items:center;gap:24px;padding:18px 40px;display:flex;position:sticky;top:0}.tadam-logo{align-items:center;gap:4px;display:inline-flex}.tile{border:1.5px solid var(--ink);border-radius:999px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;transition:transform .2s,border-radius .2s;display:grid}.tadam-logo:hover .tile{transform:translateY(-2px) rotate(var(--tilt,0deg));border-radius:7px}.tile-pink{--tilt:-4deg;background:var(--pink)}.tile-blue{--tilt:5deg;background:var(--blue)}.tile-green{--tilt:-6deg;background:var(--green);color:var(--paper)}.tile-orange{--tilt:4deg;background:var(--orange);color:var(--paper)}.tile-face{--tilt:3deg;background:var(--paper)}.eyes{gap:7px;display:flex}.logo-pupil{background:var(--ink);border-radius:999px;width:5px;height:5px}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{min-height:34px;color:var(--muted);text-transform:uppercase;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:0 13px;font-size:13px;font-weight:700;transition:transform .2s,color .2s,border-color .2s,background .2s;display:inline-flex}.main-nav a:hover{color:var(--ink);border-color:var(--ink);background:var(--paper);transform:translateY(-1px)}.hero{border-bottom:1.5px solid var(--ink);grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);align-items:center;gap:54px;min-height:calc(100vh - 75px);padding:72px 40px 92px;display:grid;position:relative}.trail-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.trail-symbol{border:1.5px solid var(--ink);background:var(--paper);width:26px;height:26px;color:var(--orange);border-radius:999px;place-items:center;margin:-13px 0 0 -13px;font-size:16px;font-weight:700;display:grid;position:absolute}.hero-content{z-index:5;max-width:760px;position:relative}.intro-kicker,.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}.hero-title{max-width:760px;margin:0;font-size:clamp(58px,9vw,126px);font-weight:700;line-height:.97}.hero-title span{display:inline-block}.magic-word{font-style:italic;font-weight:300;transition:color .22s,transform .22s;position:relative}.magic-word:hover{color:var(--blue);transform:rotate(-2deg)translateY(-3px)}.hero-copy{max-width:460px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:22px;margin-top:32px;display:flex}.button-primary,.playground-header button{border:1.5px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;padding:0 20px;font-size:12px;font-weight:700;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button-primary:hover,.playground-header button:hover{background:var(--orange);color:var(--ink);transform:scale(1.03)}.button-link{text-underline-offset:5px;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;transition:opacity .2s,transform .2s}.button-link:hover{opacity:.68;transform:translateY(-1px)}.hero-collage{z-index:6;min-height:560px;position:relative}.drag-card{border:1.5px solid var(--ink);background:var(--paper);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:min(360px,78vw);padding:10px;position:absolute;box-shadow:0 16px 28px #1a1a1a1f}.drag-card:active{cursor:grabbing}.drag-card img{border:1.5px solid var(--line);border-radius:5px;width:100%;height:auto;display:block}.drag-card span{border:1.5px solid var(--ink);background:var(--pink);text-transform:uppercase;border-radius:999px;margin-top:9px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.card-one{top:26px;right:70px;transform:rotate(3deg)}.card-two{width:270px;top:230px;left:0;transform:rotate(-7deg)}.card-three{width:295px;bottom:26px;right:0;transform:rotate(8deg)}.ticker{background:var(--ink);color:var(--paper);border-bottom:1.5px solid var(--ink);overflow:hidden}.ticker-track{width:max-content;animation:26s linear infinite ticker;display:flex}.ticker span{text-transform:uppercase;white-space:nowrap;align-items:center;min-height:48px;padding:0 24px;font-size:13px;font-weight:700;display:inline-flex}.ticker span:after{content:"";background:var(--pink);border-radius:999px;width:8px;height:8px;margin-left:24px}@keyframes ticker{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.content-section{border-bottom:1.5px solid var(--line);padding:92px 40px}.section-heading{grid-template-columns:.55fr 1fr;align-items:end;gap:32px;margin-bottom:42px;display:grid}.section-heading h2,.about-section h2,.site-footer h2{max-width:840px;margin:0;font-size:clamp(36px,5.2vw,72px);line-height:1.04}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1.5px solid var(--line);background:var(--paper);border-radius:8px;transition:transform .22s,border-color .22s;overflow:hidden}.project-card:hover{border-color:var(--ink);transform:translateY(-3px)}.project-image{aspect-ratio:4/3;border-bottom:1.5px solid var(--line);position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-image span{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);opacity:0;border-radius:8px;padding:12px;font-size:13px;line-height:1.35;transition:opacity .3s,transform .3s;position:absolute;inset:auto 12px 12px;transform:translateY(8px)}.project-card:hover .project-image span{opacity:1;transform:translateY(0)}.project-card.pink .project-caption{border-top:6px solid var(--pink)}.project-card.blue .project-caption{border-top:6px solid var(--blue)}.project-card.orange .project-caption{border-top:6px solid var(--orange)}.project-caption{padding:18px}.project-caption p{color:var(--muted);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}.project-caption h3,.axis-item h3{margin:0;font-size:24px;line-height:1.12}.axis-grid{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.axis-item{border-right:1.5px solid var(--ink);min-height:280px;padding:34px 28px}.axis-item:last-child{border-right:0}.axis-item p{max-width:360px;color:var(--muted);margin:18px 0 0;line-height:1.65}.axis-mark{border:1.5px solid var(--ink);width:44px;height:44px;margin-bottom:28px;display:block}.axis-mark.circle{background:var(--pink);border-radius:999px}.axis-mark.diamond{background:var(--blue);transform:rotate(45deg)}.axis-mark.zigzag{background:linear-gradient(135deg, transparent 45%, var(--orange) 46% 60%, transparent 61%) 0 0 / 18px 18px, var(--paper);border:0;width:54px}.about-section{grid-template-columns:minmax(280px,.8fr) minmax(300px,.75fr);align-items:start;gap:52px;display:grid}.about-section>p{max-width:560px;color:var(--muted);margin:6px 0 0;font-size:19px;line-height:1.65}.playground-section{border-bottom:1.5px solid var(--ink);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);background-size:36px 36px;padding:40px}.playground-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.playground-header form{gap:8px;display:flex}.playground-header input{border:1.5px solid var(--ink);background:var(--paper);border-radius:4px;width:min(260px,44vw);min-height:44px;padding:0 14px}.playground-board{border:1.5px solid var(--ink);background:#fefefee0;border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:168px;padding:20px;display:flex}.play-item{border:1.5px solid var(--ink);background:var(--pink);min-width:44px;max-width:170px;min-height:44px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex;overflow:hidden}.play-item:nth-child(3n+2){background:var(--blue)}.play-item:nth-child(3n+3){background:var(--orange)}.play-item:hover{background:var(--wood);transform:rotate(-3deg)scale(1.04)}.site-footer{justify-content:space-between;align-items:center;gap:32px;padding:72px 40px;display:flex}@media (max-width:980px){.site-header{align-items:flex-start;padding:16px 22px}.main-nav{flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;min-height:auto;padding:56px 22px 72px}.hero-title{font-size:clamp(52px,15vw,96px)}.hero-collage{min-height:520px}.card-one{right:8%}.card-two{left:4%}.card-three{right:2%}.content-section,.playground-section,.site-footer{padding-left:22px;padding-right:22px}.section-heading,.about-section{grid-template-columns:1fr;gap:18px}.project-grid,.axis-grid{grid-template-columns:1fr}.axis-item{border-right:0;border-bottom:1.5px solid var(--ink);min-height:0}.axis-item:last-child{border-bottom:0}}@media (max-width:640px){.site-header{display:block;position:static}.main-nav{justify-content:flex-start;margin-top:16px}.main-nav a{min-height:32px;padding:0 10px;font-size:11px}.tile{width:33px;height:33px;font-size:15px}.hero{padding-top:44px}.hero-actions,.playground-header,.site-footer{flex-direction:column;align-items:flex-start}.hero-copy,.about-section>p{font-size:16px}.hero-collage{min-height:430px}.drag-card{width:245px}.card-one{top:0;right:0}.card-two{width:220px;top:180px;left:0}.card-three{width:230px;bottom:0;right:0}.playground-header form{width:100%}.playground-header input{flex:1;width:auto;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}