:root{
  --paper:#f2efe7;--paper-2:#e8e4da;--ink:#0d0d0f;--muted:#67665f;--line:rgba(13,13,15,.18);
  --night:#0e1013;--white:#fffdf6;--signal:#ff4d2e;--blue:#3568ff;--yellow:#ffda3e;--green:#27cf84;--violet:#8b5cf6;
  --radius:0px;--max:1480px;--pad:clamp(18px,3vw,48px);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.35;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:auto;max-width:var(--max);margin-inline:max(var(--pad),calc((100% - var(--max))/2))}.hairline{border-top:1px solid var(--line)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(242,239,231,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;border:3px solid var(--ink);position:relative;display:grid;place-items:center;font-size:18px}.brand-mark:after{content:'';position:absolute;inset:7px;border:2px solid var(--ink);border-radius:50%}.brand-mark span{opacity:0}.brand small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.brand strong{font-size:18px}.main-nav{display:flex;justify-content:center;gap:22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.main-nav a{padding:10px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{border-color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.btn.menu-btn{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:.18s ease}.btn:hover{background:var(--ink);color:var(--paper)}.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:var(--signal);border-color:var(--signal);color:#fff}.btn-accent{background:var(--signal);border-color:var(--signal);color:#fff}.btn-accent:hover{background:var(--ink);border-color:var(--ink)}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);border-bottom:1px solid var(--line)}.hero-copy{min-width:0;padding:clamp(60px,9vw,140px) var(--pad) 58px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--signal);margin-bottom:24px}.hero h1{font-size:clamp(62px,9vw,152px);line-height:.78;letter-spacing:-.085em;text-transform:uppercase;margin:0;max-width:900px}.hero h1 span{display:block;font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.06em;font-size:.68em}.hero-lead{display:grid;grid-template-columns:minmax(240px,560px) auto;align-items:end;gap:30px;margin-top:60px}.hero-lead p{font-size:clamp(18px,1.55vw,26px);line-height:1.3;margin:0}.hero-index{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-stage{min-width:0;position:relative;min-height:640px;overflow:hidden;background:var(--ink);color:var(--paper)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px}.stage-copy{position:absolute;left:30px;top:28px;z-index:2;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.stage-note{position:absolute;right:28px;bottom:28px;z-index:2;max-width:235px;font-size:12px;color:rgba(255,255,255,.68)}.toy-field{position:absolute;inset:0;perspective:900px}.toy-block{position:absolute;transform-style:preserve-3d;box-shadow:0 24px 50px rgba(0,0,0,.34);transition:transform .25s ease}.toy-block:before,.toy-block:after{content:'';position:absolute;background:inherit;filter:brightness(.72)}.b1{width:150px;height:260px;background:#ff4d2e;left:17%;top:24%;transform:rotate(-10deg)}.b1:before{width:34px;height:100%;right:-34px;top:17px;transform:skewY(45deg)}.b1:after{width:100%;height:34px;left:17px;top:-34px;transform:skewX(45deg);filter:brightness(1.18)}.b2{width:210px;height:80px;background:#3568ff;right:14%;top:33%;transform:rotate(13deg)}.b2:before{width:28px;height:100%;right:-28px;top:14px;transform:skewY(45deg)}.b2:after{width:100%;height:28px;left:14px;top:-28px;transform:skewX(45deg);filter:brightness(1.22)}.b3{width:94px;height:150px;background:#ffda3e;right:29%;bottom:16%;transform:rotate(-5deg)}.b3:before{width:24px;height:100%;right:-24px;top:12px;transform:skewY(45deg)}.b3:after{width:100%;height:24px;left:12px;top:-24px;transform:skewX(45deg);filter:brightness(1.15)}.orb{position:absolute;width:150px;height:150px;border-radius:50%;border:22px solid #27cf84;right:9%;top:10%;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 30px 50px rgba(0,0,0,.28)}.pin{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 22px #fff;animation:pinmove 5s ease-in-out infinite alternate}@keyframes pinmove{0%{left:28%;top:25%}35%{left:65%;top:42%}68%{left:48%;top:75%}100%{left:82%;top:20%}}
.section-head{display:grid;grid-template-columns:1fr minmax(280px,480px);gap:36px;align-items:end;padding:100px 0 38px}.section-head h2{font-size:clamp(48px,7vw,110px);letter-spacing:-.07em;line-height:.86;text-transform:uppercase;margin:0}.section-head p{margin:0;font-size:17px;color:var(--muted)}.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--signal);font-weight:900;margin-bottom:14px}
.catalog-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-count{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.toy-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);margin-bottom:120px}.toy-card{min-height:560px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--paper);transition:background .25s ease,color .25s ease}.toy-card:nth-child(-n+3){border-top:1px solid var(--line)}.toy-card:hover{background:var(--ink);color:var(--paper)}.toy-visual{height:270px;position:relative;overflow:hidden;background:var(--toy-accent);border-bottom:1px solid var(--line)}.toy-card:hover .toy-visual{filter:saturate(1.15)}.toy-meta{display:flex;justify-content:space-between;padding:14px 18px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}.toy-body{padding:20px 18px 18px;display:flex;flex-direction:column;flex:1}.toy-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.toy-title h3{font-size:34px;line-height:.95;letter-spacing:-.055em;margin:0}.toy-title .num{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--toy-accent)}.toy-ru{font-size:12px;text-transform:uppercase;letter-spacing:.11em;margin-top:8px;color:var(--muted)}.toy-card:hover .toy-ru{color:rgba(255,255,255,.6)}.toy-tagline{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.15;margin:24px 0 10px}.toy-desc{font-size:13px;color:var(--muted);margin:0 0 22px}.toy-card:hover .toy-desc{color:rgba(255,255,255,.66)}.toy-bottom{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:auto}.toy-mechanic{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.toy-link{width:46px;height:46px;border:1px solid currentColor;display:grid;place-items:center;font-size:22px}.status{display:inline-flex;align-items:center;gap:6px}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--signal)}.status.prototype:before{background:var(--green)}
.visual-shape{position:absolute;inset:0}.visual-shape:before,.visual-shape:after{content:'';position:absolute}.shape-tower:before{width:28%;height:74%;left:36%;bottom:0;background:rgba(255,255,255,.92);box-shadow:-20px 16px 0 rgba(0,0,0,.18)}.shape-tower:after{width:58%;height:12px;left:21%;top:40%;background:var(--toy-accent2);box-shadow:0 34px 0 var(--toy-accent2),0 68px 0 var(--toy-accent2),0 102px 0 var(--toy-accent2)}.shape-void:before{width:62%;height:62%;left:19%;top:19%;background:rgba(255,255,255,.9)}.shape-void:after{width:30%;height:30%;left:35%;top:35%;background:var(--toy-accent);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.shape-pinball:before{width:64%;height:74%;left:18%;top:13%;border:3px solid rgba(255,255,255,.9);border-radius:120px 120px 28px 28px}.shape-pinball:after{width:28px;height:28px;border-radius:50%;background:#fff;left:34%;top:26%;box-shadow:86px 45px 0 var(--toy-accent2),20px 100px 0 #fff,110px 130px 0 var(--toy-accent2)}.shape-ruin:before{width:60%;height:58%;left:20%;bottom:16%;background:rgba(255,255,255,.87);clip-path:polygon(0 24%,20% 24%,20% 0,48% 0,48% 18%,70% 18%,70% 7%,100% 7%,100% 100%,0 100%)}.shape-ruin:after{width:12%;height:42%;left:45%;bottom:16%;background:var(--toy-accent);box-shadow:-70px 24px 0 var(--toy-accent),72px -12px 0 var(--toy-accent)}.shape-facade:before{width:70%;height:56%;left:15%;top:22%;background:rgba(255,255,255,.9);background-image:repeating-linear-gradient(90deg,transparent 0 32px,rgba(0,0,0,.2) 32px 35px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,0,0,.18) 38px 41px)}.shape-facade:after{width:13px;height:13px;border-radius:50%;background:var(--toy-accent2);left:24%;top:30%;box-shadow:42px 0 0 var(--toy-accent2),84px 0 0 var(--toy-accent2),126px 0 0 var(--toy-accent2),21px 54px 0 var(--toy-accent2),64px 54px 0 var(--toy-accent2),107px 54px 0 var(--toy-accent2)}.shape-crowd:before{width:12px;height:12px;border-radius:50%;background:#fff;left:18%;top:24%;box-shadow:48px 30px 0 #fff,106px -5px 0 #fff,160px 40px 0 #fff,30px 110px 0 #fff,120px 125px 0 #fff,190px 100px 0 #fff}.shape-crowd:after{width:64%;height:52%;left:18%;top:26%;border:2px dashed rgba(255,255,255,.86);border-radius:50%;transform:rotate(-12deg)}.shape-wind:before{width:70%;height:45%;left:15%;top:28%;border-top:5px solid rgba(255,255,255,.95);border-bottom:3px solid rgba(255,255,255,.55);border-radius:50%;transform:skewY(-12deg)}.shape-wind:after{width:8px;height:8px;border-radius:50%;background:#fff;left:20%;top:46%;box-shadow:35px -18px 0 #fff,72px 10px 0 #fff,110px -22px 0 #fff,150px 2px 0 #fff,188px -15px 0 #fff}.shape-scale:before{width:52%;height:72%;left:24%;bottom:0;background:rgba(255,255,255,.9);clip-path:polygon(40% 0,60% 0,60% 22%,76% 22%,76% 100%,24% 100%,24% 22%,40% 22%)}.shape-scale:after{width:18px;height:70px;background:var(--toy-accent2);left:48%;bottom:18%;box-shadow:-72px 38px 0 -4px var(--toy-accent2),70px -20px 0 5px var(--toy-accent2)}.shape-shadow:before{width:42%;height:44%;left:18%;top:24%;background:#fff;clip-path:polygon(0 100%,50% 0,100% 100%)}.shape-shadow:after{width:52%;height:26%;left:34%;bottom:18%;background:rgba(0,0,0,.45);transform:skewX(-34deg)}.shape-room:before{width:70%;height:66%;left:15%;top:17%;border:4px solid #fff}.shape-room:after{width:22%;height:32%;left:39%;bottom:17%;background:var(--toy-accent2);box-shadow:-74px -50px 0 -8px #fff,76px -70px 0 -12px #fff}.shape-alchemy:before{width:118px;height:118px;border-radius:50%;left:18%;top:27%;background:#fff;box-shadow:110px -26px 0 rgba(255,255,255,.62),104px 82px 0 rgba(255,255,255,.8)}.shape-alchemy:after{width:80px;height:16px;left:42%;top:48%;background:var(--toy-accent2);transform:rotate(-28deg)}.shape-door:before{width:36%;height:70%;left:32%;bottom:0;border:6px solid #fff;border-bottom:0}.shape-door:after{width:26%;height:58%;left:37%;bottom:0;background:rgba(255,255,255,.2);transform-origin:left bottom;transform:skewY(-16deg);border:2px solid #fff}
.manifesto{background:var(--ink);color:var(--paper);padding:110px 0}.manifesto-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.manifesto-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--yellow)}.manifesto blockquote{font-family:var(--serif);font-size:clamp(35px,5vw,76px);font-style:italic;line-height:1.03;margin:0;letter-spacing:-.04em}.manifesto-copy{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:55px;color:rgba(255,255,255,.7)}.manifesto-copy p{margin:0}
.audience{padding:110px 0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.audience-card{padding:28px;min-height:360px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.audience-num{font-family:var(--serif);font-style:italic;color:var(--signal);font-size:22px}.audience-card h3{font-size:32px;letter-spacing:-.05em;margin:70px 0 14px}.audience-card p{color:var(--muted);margin:0}.audience-card .btn{margin-top:auto;align-self:start}

.cta{padding:100px 0}.cta-box{display:grid;grid-template-columns:1.2fr .8fr;background:var(--signal);color:#fff}.cta-copy{min-width:0;padding:clamp(36px,6vw,90px);border-right:1px solid rgba(255,255,255,.35)}.cta h2{font-size:clamp(48px,7vw,106px);line-height:.86;letter-spacing:-.07em;margin:0;text-transform:uppercase}.cta p{font-size:18px;max-width:580px}.cta-actions{min-width:0;padding:clamp(36px,5vw,70px);display:flex;flex-direction:column;justify-content:end;gap:10px}.cta .btn{border-color:#fff;color:#fff;white-space:normal;text-align:center}.cta .btn:hover{background:#fff;color:var(--signal)}
.site-footer{background:var(--ink);color:var(--paper);padding:34px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-brand{font-size:34px;line-height:.9;letter-spacing:-.05em}.footer-col{font-size:12px;color:rgba(255,255,255,.62)}.footer-col a{display:block;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.46)}
.page-hero{padding:120px 0 54px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(64px,10vw,150px);letter-spacing:-.08em;line-height:.8;text-transform:uppercase;margin:0}.page-hero p{font-size:21px;max-width:680px;margin:42px 0 0}.design-tokens{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin:40px 0 100px}.token{min-height:220px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.token-swatch{height:110px;background:var(--swatch);border:1px solid var(--line)}.token code{font-size:11px}.component-section{padding:70px 0;border-top:1px solid var(--line)}.component-section h2{font-size:48px;letter-spacing:-.06em;margin:0 0 30px}.component-demo{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.type-display{font-size:96px;line-height:.86;letter-spacing:-.08em;text-transform:uppercase}.type-serif{font-family:var(--serif);font-style:italic;font-size:54px}.type-body{font-size:18px;max-width:700px}.spacing-demo{display:flex;align-items:end;gap:18px}.space-box{background:var(--signal);width:var(--s);height:var(--s)}
.toy-detail{min-height:100vh}.toy-detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px)}.toy-detail-copy{padding:90px var(--pad);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.toy-detail-copy h1{font-size:clamp(70px,9vw,135px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase;margin:0}.toy-detail-copy h1 span{display:block;font-family:var(--serif);font-style:italic;text-transform:none;font-weight:400;font-size:.55em;line-height:1.1;margin-top:20px}.toy-detail-copy p{font-size:22px;max-width:620px}.toy-detail-visual{position:relative;overflow:hidden;background:var(--accent);min-height:620px}.toy-detail-visual .visual-shape{transform:scale(1.8)}.toy-detail-panel{padding:80px 0}.toy-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.detail-cell{padding:24px;min-height:240px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-cell h3{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 48px}.detail-cell p{font-size:18px;margin:0}.prototype-note{padding:22px;background:var(--yellow);color:var(--ink);font-size:13px}
@media(max-width:1050px){.main-nav{display:none}.btn.menu-btn{display:inline-flex}.header-inner{grid-template-columns:1fr auto}.header-actions .btn:not(.menu-btn){display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:680px;border-right:0;border-bottom:1px solid var(--line);padding-left:var(--pad)}.hero-stage{min-height:680px}.toy-grid{grid-template-columns:repeat(2,1fr)}.toy-card:nth-child(3){border-top:0}.manifesto-grid{grid-template-columns:1fr}.manifesto-copy{grid-column:1}.audience-grid{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr}.cta-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.design-tokens{grid-template-columns:repeat(2,1fr)}.toy-detail-hero{grid-template-columns:1fr}.toy-detail-copy{min-height:600px;border-right:0;border-bottom:1px solid var(--line)}.toy-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header-inner{min-height:62px}.brand strong{font-size:15px}.hero-copy{min-height:560px;padding-top:56px}.hero h1{font-size:49px}.hero h1 span{font-size:.82em}.hero-lead{grid-template-columns:1fr;margin-top:40px}.hero-index{display:none}.hero-stage{min-height:520px}.b1{left:12%;transform:scale(.75) rotate(-10deg)}.b2{right:4%;transform:scale(.75) rotate(13deg)}.orb{transform:scale(.75);right:1%}.section-head{grid-template-columns:1fr;padding-top:75px}.catalog-controls{align-items:flex-start;flex-direction:column}.toy-grid{grid-template-columns:1fr}.toy-card:nth-child(2){border-top:0}.toy-card{min-height:520px}.manifesto{padding:75px 0}.manifesto-copy{grid-template-columns:1fr}.audience,.cta{padding:75px 0}.design-tokens{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.type-display{font-size:54px}.toy-detail-copy{padding:60px var(--pad)}.toy-detail-copy h1{font-size:61px}}


/* Collection 01 — additional toy symbols */
.shape-gravity:before{width:48%;height:48%;left:26%;top:19%;border:5px solid #fff;transform:rotate(28deg)}.shape-gravity:after{width:34px;height:34px;border-radius:50%;background:var(--toy-accent2);left:44%;top:43%;box-shadow:-68px 74px 0 rgba(255,255,255,.82),74px -52px 0 rgba(255,255,255,.82)}
.shape-stair:before{width:64%;height:64%;left:18%;bottom:15%;background:#fff;clip-path:polygon(0 100%,0 78%,22% 78%,22% 58%,44% 58%,44% 38%,66% 38%,66% 18%,100% 18%,100% 100%)}.shape-stair:after{width:10px;height:10px;border-radius:50%;background:var(--toy-accent2);left:24%;bottom:24%;box-shadow:48px -30px 0 var(--toy-accent2),96px -62px 0 var(--toy-accent2),146px -94px 0 var(--toy-accent2)}
.shape-cup:before{width:50%;height:48%;left:20%;top:30%;border:6px solid #fff;border-top:0;border-radius:0 0 48px 48px}.shape-cup:after{width:31%;height:32%;right:14%;top:35%;border:6px solid var(--toy-accent2);border-left:0;border-radius:0 52px 52px 0;box-shadow:-128px -42px 0 -12px #fff,-88px -58px 0 -12px #fff,-52px -36px 0 -12px #fff}
.shape-roof:before{width:74%;height:54%;left:13%;top:28%;background:#fff;clip-path:polygon(0 55%,17% 18%,34% 55%,50% 4%,67% 55%,84% 24%,100% 55%,100% 100%,0 100%)}.shape-roof:after{width:18px;height:18px;border-radius:50%;background:var(--toy-accent2);left:17%;top:42%;box-shadow:50px -25px 0 var(--toy-accent2),100px -55px 0 var(--toy-accent2),150px -12px 0 var(--toy-accent2)}
.shape-blind:before{width:68%;height:38%;left:16%;top:31%;border:4px solid #fff;border-radius:50%}.shape-blind:after{width:52px;height:52px;border-radius:50%;background:var(--toy-accent2);left:41%;top:37%;box-shadow:0 0 0 14px rgba(0,0,0,.25)}
.shape-windows:before{width:70%;height:66%;left:15%;top:17%;background:#fff;background-image:linear-gradient(90deg,transparent 47%,rgba(0,0,0,.18) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(0,0,0,.18) 48% 52%,transparent 53%)}.shape-windows:after{width:24px;height:34px;background:var(--toy-accent2);left:24%;top:26%;box-shadow:64px 0 0 var(--toy-accent2),128px 0 0 var(--toy-accent2),0 72px 0 var(--toy-accent2),64px 72px 0 var(--toy-accent2),128px 72px 0 var(--toy-accent2)}
.shape-queue:before{width:18px;height:18px;border-radius:50%;background:#fff;left:17%;top:35%;box-shadow:36px 28px 0 #fff,74px 0 0 #fff,112px 30px 0 #fff,150px 2px 0 #fff,188px 32px 0 #fff}.shape-queue:after{width:72%;height:38%;left:14%;top:37%;border-bottom:4px dashed var(--toy-accent2);border-radius:50%;transform:rotate(7deg)}
.shape-lost:before{width:66%;height:66%;left:17%;top:17%;border:4px solid #fff;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.65) 30px 34px),repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.45) 30px 34px)}.shape-lost:after{width:34px;height:34px;border-radius:50% 50% 50% 0;background:var(--toy-accent2);left:45%;top:35%;transform:rotate(-45deg);box-shadow:-66px 78px 0 -8px #fff}
.shape-nowalls:before{width:72%;height:10px;left:14%;top:24%;background:#fff;box-shadow:0 150px 0 rgba(255,255,255,.8)}.shape-nowalls:after{width:10px;height:56%;left:23%;top:24%;background:var(--toy-accent2);box-shadow:54px 0 0 var(--toy-accent2),108px 0 0 var(--toy-accent2),162px 0 0 var(--toy-accent2)}
.shape-cooking:before{width:56%;height:42%;left:22%;bottom:20%;border:6px solid #fff;border-top:0;border-radius:0 0 70px 70px}.shape-cooking:after{width:12px;height:70px;border-left:5px solid var(--toy-accent2);border-radius:50%;left:35%;top:18%;box-shadow:45px -10px 0 -2px transparent,90px 5px 0 -2px transparent;filter:drop-shadow(45px 0 0 var(--toy-accent2)) drop-shadow(90px 4px 0 var(--toy-accent2))}
.shape-roulette:before{width:44%;height:58%;left:18%;top:21%;background:#fff;transform:rotate(-10deg);box-shadow:82px 10px 0 rgba(255,255,255,.64)}.shape-roulette:after{width:18px;height:18px;border-radius:50%;background:var(--toy-accent2);left:31%;top:34%;box-shadow:35px 45px 0 var(--toy-accent2),112px -2px 0 var(--toy-accent2),144px 62px 0 var(--toy-accent2)}
.shape-mole:before{width:76%;height:48%;left:12%;bottom:12%;border-top:5px solid #fff;background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 25px,transparent 25px 29px)}.shape-mole:after{width:116px;height:78px;left:31%;bottom:15%;border:6px solid var(--toy-accent2);border-bottom:0;border-radius:70px 70px 0 0;box-shadow:-78px 26px 0 -24px #fff,96px -8px 0 -25px #fff}
.shape-secret:before{width:64%;height:74%;left:18%;top:13%;background:#fff;background-image:repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,0,0,.2) 38px 42px)}.shape-secret:after{width:64%;height:22px;left:18%;top:49%;background:var(--toy-accent2);box-shadow:0 0 0 5px rgba(0,0,0,.18);transform:skewY(-5deg)}


/* =========================================================
   DØMO ARCHITOYS v5 — refined typography, identity and briefs
   ========================================================= */
:root{--paper:#f2efe7;--logo-red:#ff4d2e}
.brand{gap:11px;letter-spacing:-.025em}.brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 auto}.brand strong{font-size:17px;letter-spacing:-.025em}.brand small{font-size:8px;letter-spacing:.13em;margin-top:2px}.header-inner{gap:20px}.main-nav{gap:12px}.main-nav .nav-external{border:1px solid var(--ink);padding:8px 10px;line-height:1}.main-nav .nav-external:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero-lockup{display:block;width:min(520px,82%);height:auto;margin:0 0 34px}.hero h1{font-size:clamp(58px,7.6vw,124px);line-height:.88;letter-spacing:-.052em;text-wrap:balance}.hero h1 span{letter-spacing:-.035em}.section-head h2{font-size:clamp(44px,5.7vw,88px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}.page-hero h1{font-size:clamp(56px,8vw,116px);line-height:.88;letter-spacing:-.055em}.toy-title h3{font-size:30px;line-height:1;letter-spacing:-.038em;overflow-wrap:anywhere}.toy-detail-copy h1{font-size:clamp(50px,6.1vw,96px);line-height:.9;letter-spacing:-.047em;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}.toy-detail-copy h1.long-title{font-size:clamp(42px,4.65vw,68px);line-height:.95;letter-spacing:-.035em}.toy-detail-copy h1 span{font-size:.48em;line-height:1.16;letter-spacing:-.025em}.cta h2{font-size:clamp(48px,6.2vw,90px);line-height:.92;letter-spacing:-.045em}
.stage-logo{position:absolute;left:50%;top:50%;width:min(42%,320px);transform:translate(-50%,-50%);opacity:.11;z-index:1}.stage-logo img{width:100%;height:auto}.toy-field{z-index:2}.page-hero-branded{display:grid;grid-template-columns:1fr minmax(180px,320px);gap:50px;align-items:end}.page-logo{width:100%;height:auto;opacity:.96}.footer-identity{display:flex;align-items:center;gap:18px}.footer-identity img{width:76px;height:76px}.footer-brand{font-size:31px}.site-links{padding:0 0 90px}.site-links-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.site-links-grid a{min-height:160px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.site-links-grid a:hover{background:var(--ink);color:var(--paper)}.site-links-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.site-links-grid a:hover span{color:rgba(255,255,255,.58)}.site-links-grid strong{font-size:clamp(26px,3vw,46px);letter-spacing:-.04em}
.card-logo{position:absolute;left:14px;bottom:14px;width:30px;height:30px;z-index:5;opacity:.72}.card-logo img{width:100%;height:100%}.visual-logo-corner{position:absolute;left:26px;bottom:26px;z-index:7;display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.visual-logo-corner img{width:54px;height:54px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.22))}.detail-brandline{display:flex;align-items:center;gap:13px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--signal);font-weight:900;margin-bottom:28px}.detail-brandline img{width:45px;height:45px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}.detail-tags span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:7px 9px;background:rgba(255,255,255,.18)}
/* Animated motion grammar for all catalog and detail visuals */
.motion-layer{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.motion-layer i{position:absolute;display:block}.motion-layer .d1,.motion-layer .d2,.motion-layer .d3,.motion-layer .d4{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 0 18px rgba(255,255,255,.9)}.motion-layer .d2{width:7px;height:7px;opacity:.72}.motion-layer .d3{width:14px;height:14px;background:var(--toy-accent2);box-shadow:0 0 22px var(--toy-accent2)}.motion-layer .d4{width:5px;height:5px;opacity:.65}.motion-ring{width:72px;height:72px;border:4px solid var(--toy-accent2);border-radius:50%;background:transparent;opacity:.52;left:50%;top:50%;margin:-36px 0 0 -36px}
.motion-route .d1{animation:routeA 5.5s ease-in-out infinite}.motion-route .d2{animation:routeB 7.2s ease-in-out infinite}.motion-route .d3{animation:routeC 6.3s ease-in-out infinite}.motion-route .d4{animation:routeD 4.8s ease-in-out infinite}.motion-route .motion-ring{animation:ringPulse 4.2s ease-in-out infinite}
.motion-orbit .d1{animation:orbitA 6s linear infinite}.motion-orbit .d2{animation:orbitB 8s linear infinite reverse}.motion-orbit .d3{animation:orbitC 5.2s linear infinite}.motion-orbit .d4{animation:orbitD 9s linear infinite reverse}.motion-orbit .motion-ring{animation:ringRotate 8s linear infinite;border-style:dashed}
.motion-rise .d1{animation:riseA 5.5s ease-in infinite}.motion-rise .d2{animation:riseB 7s ease-in infinite}.motion-rise .d3{animation:riseC 6.2s ease-in infinite}.motion-rise .d4{animation:riseD 8s ease-in infinite}.motion-rise .motion-ring{animation:ringFloat 5s ease-in-out infinite}
.motion-wave .d1{animation:waveA 5.8s ease-in-out infinite}.motion-wave .d2{animation:waveB 7.1s ease-in-out infinite}.motion-wave .d3{animation:waveC 6.4s ease-in-out infinite}.motion-wave .d4{animation:waveD 8.2s ease-in-out infinite}.motion-wave .motion-ring{animation:ringWave 6s ease-in-out infinite}
.motion-pulse .d1{left:22%;top:28%;animation:dotPulse 2.8s ease-in-out infinite}.motion-pulse .d2{left:71%;top:24%;animation:dotPulse 3.6s ease-in-out infinite .5s}.motion-pulse .d3{left:64%;top:72%;animation:dotPulse 3.1s ease-in-out infinite 1s}.motion-pulse .d4{left:28%;top:76%;animation:dotPulse 4s ease-in-out infinite 1.5s}.motion-pulse .motion-ring{animation:ringPulse 3.8s ease-in-out infinite}
@keyframes routeA{0%{left:10%;top:16%}28%{left:72%;top:30%}56%{left:42%;top:72%}82%{left:84%;top:60%}100%{left:10%;top:16%}}@keyframes routeB{0%{left:80%;top:12%}35%{left:25%;top:40%}68%{left:70%;top:82%}100%{left:80%;top:12%}}@keyframes routeC{0%{left:18%;top:80%}40%{left:50%;top:48%}72%{left:82%;top:20%}100%{left:18%;top:80%}}@keyframes routeD{0%{left:48%;top:12%}50%{left:88%;top:78%}100%{left:48%;top:12%}}
@keyframes orbitA{from{left:50%;top:12%;transform:rotate(0deg) translateX(90px)}to{left:50%;top:12%;transform:rotate(360deg) translateX(90px)}}@keyframes orbitB{from{left:48%;top:50%;transform:rotate(0deg) translateX(120px)}to{left:48%;top:50%;transform:rotate(360deg) translateX(120px)}}@keyframes orbitC{from{left:50%;top:50%;transform:rotate(0deg) translateX(62px)}to{left:50%;top:50%;transform:rotate(360deg) translateX(62px)}}@keyframes orbitD{from{left:48%;top:48%;transform:rotate(0deg) translateX(145px)}to{left:48%;top:48%;transform:rotate(360deg) translateX(145px)}}
@keyframes riseA{0%{left:18%;top:105%;opacity:0}18%{opacity:1}100%{left:30%;top:-8%;opacity:0}}@keyframes riseB{0%{left:70%;top:110%;opacity:0}24%{opacity:.7}100%{left:58%;top:-10%;opacity:0}}@keyframes riseC{0%{left:46%;top:102%;opacity:0}20%{opacity:1}100%{left:53%;top:-12%;opacity:0}}@keyframes riseD{0%{left:84%;top:104%;opacity:0}28%{opacity:.7}100%{left:74%;top:-6%;opacity:0}}
@keyframes waveA{0%,100%{left:8%;top:30%}50%{left:84%;top:44%}}@keyframes waveB{0%,100%{left:82%;top:18%}50%{left:18%;top:64%}}@keyframes waveC{0%,100%{left:14%;top:76%}50%{left:72%;top:24%}}@keyframes waveD{0%,100%{left:58%;top:86%}50%{left:34%;top:12%}}@keyframes dotPulse{0%,100%{transform:scale(.55);opacity:.35}50%{transform:scale(1.65);opacity:1}}
@keyframes ringPulse{0%,100%{transform:scale(.6);opacity:.18}50%{transform:scale(1.45);opacity:.7}}@keyframes ringRotate{from{transform:rotate(0) scale(.8)}to{transform:rotate(360deg) scale(1.25)}}@keyframes ringFloat{0%,100%{transform:translate(-45px,35px) scale(.65)}50%{transform:translate(55px,-42px) scale(1.15)}}@keyframes ringWave{0%,100%{transform:translateX(-80px) scale(.7)}50%{transform:translateX(80px) scale(1.2)}}
.toy-card:nth-child(3n+2) .motion-layer i{animation-delay:-1.7s}.toy-card:nth-child(3n+3) .motion-layer i{animation-delay:-3.1s}.toy-detail-visual .motion-layer{transform:scale(1.12)}
/* Detailed student brief pages */
.quick-spec{border-bottom:1px solid var(--line);background:var(--paper-2)}.quick-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.quick-spec-grid>div{min-height:116px;padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.quick-spec span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.quick-spec strong{font-size:18px;letter-spacing:-.025em}.spec-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(40px,7vw,110px);padding-top:110px;padding-bottom:110px}.spec-intro h2,.spec-section h2,.brief-head h2,.spec-two h2{font-size:clamp(42px,5vw,76px);line-height:.93;letter-spacing:-.045em;text-transform:uppercase;margin:0}.spec-lead{font-family:var(--serif);font-size:clamp(21px,2vw,30px);line-height:1.34;margin:38px 0 24px}.spec-role{max-width:760px;font-size:16px;color:var(--muted)}.research-question{align-self:start;background:var(--ink);color:var(--paper);padding:30px;min-height:390px;display:flex;flex-direction:column}.research-question>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent2)}.research-question blockquote{font-family:var(--serif);font-size:clamp(23px,2.4vw,36px);line-height:1.18;font-style:italic;margin:auto 0}.research-question small{color:rgba(255,255,255,.54);font-size:11px;line-height:1.45}.spec-section{padding-top:90px;padding-bottom:110px;border-top:1px solid var(--line)}.spec-section-head{display:grid;grid-template-columns:1fr minmax(260px,470px);gap:40px;align-items:end;margin-bottom:42px}.spec-section-head .section-kicker{grid-column:1/-1;margin-bottom:-20px}.spec-section-head p{margin:0;color:var(--muted);font-size:16px}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.loop-grid article{min-height:250px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.loop-grid span{font-family:var(--serif);font-style:italic;font-size:32px;color:var(--accent)}.loop-grid p{font-size:17px;margin:0}.student-brief{background:var(--ink);color:var(--paper);padding:100px 0}.brief-head{display:grid;grid-template-columns:1fr minmax(280px,500px);gap:50px;align-items:end;margin-bottom:60px}.brief-head p{color:rgba(255,255,255,.6);font-size:16px;margin:0}.brief-columns{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(255,255,255,.24);border-top:1px solid rgba(255,255,255,.24)}.brief-columns article{padding:28px;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.brief-columns h3,.deliverables h3{font-size:24px;letter-spacing:-.03em;margin:0 0 26px}.spec-list,.extension-list{list-style:none;margin:0;padding:0}.spec-list li,.extension-list li{position:relative;padding:13px 0 13px 25px;border-top:1px solid currentColor;border-color:rgba(255,255,255,.18);font-size:14px;line-height:1.48}.spec-list li:before,.extension-list li:before{content:'•';position:absolute;left:4px;color:var(--accent2)}.acceptance-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.acceptance-grid>div{min-height:145px;display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.acceptance-grid span{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900}.acceptance-grid p{font-size:15px;margin:5px 0 0}.alt-section{background:var(--paper-2);margin:0;max-width:none;padding:100px 0}.spec-two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.extension-list{margin-top:32px}.extension-list li{border-color:var(--line);font-size:16px}.deliverables{background:var(--paper);border:1px solid var(--line);padding:30px}.deliverables ol{margin:0;padding-left:22px}.deliverables li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.prototype-strip{background:var(--accent);color:#fff}.prototype-strip>.container{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.prototype-strip img{width:72px;height:72px}.prototype-strip strong{display:block;font-size:22px}.prototype-strip span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:5px;opacity:.7}.prototype-strip .btn{border-color:#fff;color:#fff}.prototype-strip .btn:hover{background:#fff;color:var(--ink)}
@media(max-width:1240px){.main-nav{gap:8px;font-size:10px}.main-nav .nav-external{padding:7px 8px}.org-btn{display:none}}
@media(max-width:1050px){.page-hero-branded{grid-template-columns:1fr 180px}.quick-spec-grid{grid-template-columns:repeat(2,1fr)}.spec-intro{grid-template-columns:1fr}.research-question{min-height:300px}.loop-grid{grid-template-columns:repeat(2,1fr)}.brief-head,.spec-section-head{grid-template-columns:1fr}.brief-head .section-kicker,.spec-section-head .section-kicker{grid-column:auto;margin-bottom:0}.brief-columns,.spec-two{grid-template-columns:1fr}.footer-identity img{width:62px;height:62px}}
@media(max-width:640px){.brand-logo{width:36px;height:36px}.brand strong{font-size:14px}.brand small{font-size:7px}.hero-lockup{width:94%;margin-bottom:26px}.hero h1{font-size:47px;line-height:.93;letter-spacing:-.04em}.section-head h2{font-size:43px;line-height:.96}.page-hero h1{font-size:54px;line-height:.92}.page-hero-branded{grid-template-columns:1fr}.page-logo{width:150px;margin-top:30px}.site-links-grid{grid-template-columns:1fr}.site-links-grid a{min-height:130px}.toy-detail-copy h1{font-size:47px;line-height:.96;letter-spacing:-.03em}.toy-detail-copy h1.long-title{font-size:38px;line-height:1;letter-spacing:-.02em}.toy-detail-copy h1 span{font-size:.55em}.toy-detail-visual{min-height:470px}.quick-spec-grid{grid-template-columns:1fr}.spec-intro,.spec-section{padding-top:70px;padding-bottom:75px}.spec-intro h2,.spec-section h2,.brief-head h2,.spec-two h2{font-size:41px}.research-question{padding:24px}.loop-grid{grid-template-columns:1fr}.loop-grid article{min-height:190px}.student-brief{padding:72px 0}.brief-columns{grid-template-columns:1fr}.acceptance-grid{grid-template-columns:1fr}.spec-two{gap:45px}.prototype-strip>.container{grid-template-columns:auto 1fr;padding:24px 0}.prototype-strip .btn{grid-column:1/-1}.footer-identity{align-items:flex-start}.motion-layer .d4{display:none}}
@media(prefers-reduced-motion:reduce){.motion-layer i,.pin{animation:none!important}.toy-block,.orb{transition:none!important}}