:root{--text: #e4ebff;--muted: #9aa7ca;--blue: #66b6ff;--violet: #8679ff;--line: rgb(128 146 194 / .35);--design-thumb-h: clamp(240px, 30vw, 320px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Instrument Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 12%,rgb(102 182 255 / 8%),transparent 34%),radial-gradient(circle at 90% -6%,rgb(134 121 255 / 11%),transparent 32%),linear-gradient(165deg,#050812,#070c1a 52%,#04070f)}.page{position:relative;overflow:hidden;padding-bottom:4rem}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px);background-size:100% 28px}.container{width:min(1080px,92vw);margin-inline:auto}.topbar{position:sticky;top:0;z-index:20;padding-top:.9rem;padding-bottom:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-nav{display:flex;justify-content:center;gap:.55rem}.topbar-nav button{border:0;background:transparent;color:#b9c8ee;padding:.48rem .2rem .62rem;border-radius:0;font-size:.92rem;cursor:pointer;border-bottom:2px solid transparent}.topbar-nav button:hover{color:#e4ecff}.topbar-nav button.active{color:#e6efff;border-bottom-color:var(--blue)}.hero{padding-top:clamp(1.6rem,4vw,2.8rem);padding-bottom:2rem}.kicker{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;color:var(--blue)}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0}h1{margin-top:.9rem;font-size:clamp(2.05rem,5.6vw,4.35rem);line-height:1.03;max-width:12ch}.title{margin:1rem 0 0;color:#cad5f4;font-size:clamp(1.04rem,2.2vw,1.42rem);max-width:60ch}.hero-description{margin:1rem 0 0;color:var(--muted);max-width:65ch;line-height:1.65}.signature{margin:1.2rem 0 0;width:fit-content;color:#d5def8}.hero-links{margin-top:1.45rem;display:flex;flex-wrap:wrap;gap:.62rem}.hero-links a{text-decoration:none;color:#fff;padding:.48rem .9rem;border-radius:999px;border:1px solid rgb(86 146 225 / .9);background:#2b6eb8;font-size:.9rem;font-weight:500;line-height:1;transition:border-color .17s ease,background-color .17s ease,transform .17s ease}.hero-links a:hover{border-color:#8cbefff2;background:#245ea0;transform:translateY(-1px)}.hero-links a:focus-visible{outline:2px solid rgb(138 176 248 / .95);outline-offset:2px}.content{margin-top:2rem;display:grid;gap:4rem}.section-block{padding-top:0}.dev-view .section-block{position:relative;padding:1.05rem 1rem}.dev-view .section-block:before,.dev-view .section-block:after{content:"";position:absolute;width:34px;height:34px;pointer-events:none}.dev-view .section-block:before{top:0;left:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.dev-view .section-block:after{right:0;bottom:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;gap:.45rem}.section-head h2{font-size:clamp(1.2rem,2.2vw,1.5rem)}.section-head p{margin:0;color:var(--muted);max-width:65ch}.principles{margin-top:1.15rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.principle{padding:.35rem 0}.principle h3{font-size:1rem}.principle p{margin:.55rem 0 0;color:#c9d4f2;line-height:1.55}.principle-list{margin:.65rem 0 0;padding-left:1rem;color:#b7c7ec;display:grid;gap:.28rem}.principle-list li{line-height:1.45}.entry-list{margin-top:1rem}.entry{padding:1.45rem 0}.entry+.entry{border-top:1px solid var(--line)}.entry-layout{position:relative;min-height:230px}.entry-copy{position:relative;z-index:2;max-width:min(64ch,62%)}.entry h3{font-size:1.04rem}.entry p{margin:.62rem 0 0;color:#c8d4f4;line-height:1.58}.entry strong{color:#ebf1ff}.entry footer{margin-top:.9rem;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.8rem;align-items:baseline}.entry span{font-size:.82rem;color:#9fb9ea}.entry-thumb{position:absolute;top:50%;right:0;bottom:auto;width:min(58%,540px);height:220px;transform:translateY(-50%);border-radius:0;overflow:hidden;z-index:1;background:transparent}.entry-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(4 8 16 / .86) 0%,rgb(4 8 16 / .58) 26%,rgb(4 8 16 / .22) 46%,transparent 66%)}.entry-thumb img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .92) 30%,#000 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .92) 30%,#000 48%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.entry-study-link{position:absolute;right:0;bottom:0;z-index:3;padding:.32rem .52rem;font-size:.72rem;text-decoration:none;color:#ecf2ff;background:#080e1ae0;border-left:1px solid rgb(117 143 203 / .45);border-top:1px solid rgb(117 143 203 / .45);border-top-left-radius:6px}.entry-thumb-placeholder{width:100%;height:100%;display:grid;place-items:end end;padding:.52rem;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 42%),repeating-linear-gradient(-45deg,rgb(255 255 255 / .04) 0 10px,transparent 10px 18px);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .92) 30%,#000 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgb(0 0 0 / .92) 30%,#000 48%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.entry-thumb-placeholder span{display:inline-block;font-size:.68rem;color:#ecf2ff;background:#0a101e9e;padding:.18rem .3rem;border-radius:4px}.entry-study-link:hover{background:#0a111ff0}.entry-study-link:focus-visible{outline:1px solid rgb(143 179 248 / .85);outline-offset:1px}.entry-study-link:visited{color:#ecf2ff}.entry-study-link:active{transform:translateY(1px)}.design-categories{margin-top:1rem;display:grid;gap:2rem}.design-category h3{font-size:1.04rem}.design-category p{margin:.6rem 0 0;color:#c9d5f4;line-height:1.58}.design-examples{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.design-example{margin:0}.design-example-media{border-radius:10px;overflow:hidden;min-height:140px;background:radial-gradient(circle at 20% 22%,rgb(255 255 255 / .24),transparent 50%),linear-gradient(155deg,var(--tom),#24345c 60%,#182441)}.design-example-media img{width:100%;height:100%;object-fit:cover;display:block}.design-example-placeholder{width:100%;height:100%;min-height:140px;display:grid;place-items:end start;padding:.6rem;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 42%),repeating-linear-gradient(-45deg,rgb(255 255 255 / .04) 0 10px,transparent 10px 18px)}.design-example-placeholder span{font-size:.72rem;color:#ecf2ff;background:#0a101e9e;padding:.2rem .35rem;border-radius:4px}.carousel{margin-top:1.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem}.carousel-button{width:2.35rem;height:2.35rem;border:1px solid rgb(109 132 186 / .5);color:#c8d7ff;background:#0b122361;border-radius:999px;font-size:1rem;cursor:pointer}.carousel-button:hover{border-color:#91b0f3f2}.carousel-button:focus-visible,.dot:focus-visible,.lightbox-close:focus-visible{outline:2px solid rgb(138 176 248 / .95);outline-offset:2px}.carousel-icon{width:1.05rem;height:1.05rem;display:block;margin:0 auto}.carousel-main{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.slide-art{border-radius:14px;overflow:hidden;height:var(--design-thumb-h);background:radial-gradient(circle at 22% 24%,rgb(255 255 255 / .24),transparent 50%),linear-gradient(155deg,var(--tom),#24345c 60%,#182441)}.slide-open{border:0;padding:0;width:100%;text-align:inherit;cursor:zoom-in;color:inherit}.slide-open:focus-visible{outline:2px solid rgb(138 176 248 / .95);outline-offset:2px}.slide-art img{width:100%;height:100%;object-fit:cover;display:block}.slide-art video{width:100%;height:100%;object-fit:cover;display:block}.slide-placeholder{width:100%;height:100%;display:grid;place-items:end start;padding:.75rem;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 42%),repeating-linear-gradient(-45deg,rgb(255 255 255 / .04) 0 10px,transparent 10px 18px)}.slide-placeholder span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#eef3ff;background:#0a101ea6;padding:.24rem .38rem;border-radius:5px}.slide-info{display:grid;align-content:start;gap:.8rem}.slide-info h3{font-size:1.12rem}.slide-info p{margin:0;line-height:1.6;color:#ccd8f6}.slide-meta{display:flex;flex-wrap:wrap;gap:.55rem}.slide-meta span{display:inline-block;font-size:.78rem;color:#a7bde8;padding-bottom:.14rem;border-bottom:1px solid rgb(122 156 223 / .7)}.carousel-controls{margin-top:1rem;display:grid;justify-items:center;gap:.5rem}.carousel-dots{display:flex;gap:.42rem}.dot{width:.52rem;height:.52rem;border-radius:999px;border:0;background:#a2b5e459;cursor:pointer}.dot.active{background:var(--blue)}.carousel-count{margin:0;font-size:.78rem;color:#9fb2dd}.contact-footer{margin-top:4.5rem;padding-top:1.45rem;border-top:1px solid rgb(124 145 196 / .33);display:grid;gap:.85rem;justify-items:center;text-align:center}.contact-kicker{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#86c7ff}.contact-footer h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}.contact-text{margin:0;color:#bdcdef;max-width:62ch;line-height:1.62}.contact-actions{display:flex;flex-wrap:wrap;gap:.62rem;justify-content:center}.contact-actions a{text-decoration:none;color:#fff;padding:.5rem .95rem;border-radius:999px;border:1px solid rgb(86 146 225 / .9);background:#2b6eb8;font-size:.88rem;font-weight:500;line-height:1;transition:border-color .17s ease,background-color .17s ease,transform .17s ease}.contact-actions a:hover{border-color:#8cbefff2;background:#245ea0;transform:translateY(-1px)}.contact-actions a:focus-visible{outline:2px solid rgb(138 176 248 / .95);outline-offset:2px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#02050cdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-panel{width:min(980px,94vw);max-height:92vh;display:grid;gap:.6rem}.lightbox-close{justify-self:end;border:1px solid rgb(124 150 209 / .6);background:#080d18d6;color:#dfebff;border-radius:8px;padding:.4rem .62rem;font-size:.82rem;cursor:pointer}.lightbox-close:hover{border-color:#97b8fbeb}.lightbox-media{border-radius:12px;overflow:hidden;border:1px solid rgb(124 150 209 / .35);background:#03070f;max-height:calc(92vh - 72px)}.lightbox-media img,.lightbox-media video{width:100%;max-height:calc(92vh - 72px);object-fit:contain;display:block}.lightbox-caption{margin:0;color:#b2c4ea;font-size:.82rem}.reveal{opacity:0;animation:fade-up .62s ease forwards}.content .section-block:nth-child(1){animation-delay:70ms}.content .section-block:nth-child(2){animation-delay:.14s}.content .section-block:nth-child(3){animation-delay:.21s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.principles{grid-template-columns:1fr}.entry-layout{min-height:auto}.entry-copy{max-width:100%}.entry-thumb{position:relative;top:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:100%;height:170px;min-height:170px;margin-top:.8rem}.entry-thumb:before{background:linear-gradient(90deg,rgb(4 8 16 / .54) 0%,rgb(4 8 16 / .3) 24%,transparent 56%)}.design-examples,.carousel-main{grid-template-columns:1fr}.slide-art{height:clamp(220px,56vw,320px)}}@media (max-width: 760px){.carousel{grid-template-columns:1fr}.carousel-button{display:none}}@media (max-width: 640px){.container{width:min(1080px,94vw)}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;animation:none}}