/* Portfolio operating system: category tracks, case studies, and creative galleries. */
.control-theme .portfolio-intro{max-width:740px;font-size:16px;margin:25px 0 30px}.control-theme .portfolio-filterbar,.control-theme .portfolio-category-links,.control-theme .creative-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.control-theme .portfolio-filterbar .smallbtn,.control-theme .portfolio-category-links .smallbtn,.control-theme .creative-filters .smallbtn{font-size:11px;padding:10px 13px}.control-theme .portfolio-filterbar [aria-pressed=true],.control-theme .creative-filters [aria-pressed=true]{background:#aad9e3;color:#102032;border-color:#c4e9f1}.control-theme .filter-count{font:10px ui-monospace,monospace;color:#96b4cb;letter-spacing:1px;margin:20px 0}.control-theme .portfolio-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.control-theme .portfolio-module{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #7696b840;border-radius:11px;background:#111f33;position:relative}.control-theme .portfolio-module:before{content:'';position:absolute;left:-35%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#a9dfec,transparent);animation:module-edge 14s ease-in-out infinite;pointer-events:none;z-index:2}.control-theme .portfolio-module:nth-child(3n+2):before{animation-delay:-5s}.control-theme .portfolio-module:nth-child(3n):before{animation-delay:-10s}.control-theme .portfolio-card-art{height:240px;display:block;padding:17px;background:#0a1525}.control-theme .portfolio-card-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}.control-theme .portfolio-module:hover .portfolio-card-art img{transform:scale(1.025)}.control-theme .portfolio-module-copy{display:flex;flex-direction:column;flex:1;padding:26px}.control-theme .portfolio-module-copy>.eyebrow{font-size:8px;letter-spacing:1px;min-height:26px;margin-bottom:13px}.control-theme .portfolio-module-copy h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;min-height:60px}.control-theme .portfolio-module-copy>p{font-size:13px;min-height:90px;margin:15px 0 20px}.control-theme .portfolio-module-copy .project-responsibilities{margin-bottom:25px;min-height:54px;align-content:start}.control-theme .module-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto;text-align:center}.control-theme .module-actions>.button{font-size:12px}.control-theme .module-actions>.textlink{font-size:11px;min-height:20px}.control-theme .portfolio-module [data-scroll-preview]{border:0;border-radius:0;margin:0}.control-theme .portfolio-module .browserbar{padding:12px 16px;font-size:8px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #6d8ca643}.control-theme .portfolio-module .browserbar span{font-size:8px}.control-theme .mini-browser .preview-window{height:213px}.control-theme .preview-window{position:relative;width:100%;overflow:hidden;background:#0a1220}.control-theme .preview-window>img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;will-change:transform}.control-theme .large-browser{width:100%;max-width:1150px;margin:0 auto;border:1px solid #91b6d967;border-radius:11px;background:#0a1625;box-shadow:0 25px 60px #0005;overflow:hidden;transition:max-width .5s ease}.control-theme .large-browser[data-device=tablet]{max-width:740px}.control-theme .large-browser[data-device=mobile]{max-width:370px;border-radius:22px;border-width:5px}.control-theme .large-browser .browserbar{display:flex;align-items:center;gap:6px;padding:17px 22px;background:#14263a;border-bottom:1px solid #7895b53b;font:9px ui-monospace,monospace}.control-theme .large-browser .browserbar i{width:5px;height:5px;background:#8aacc4;border-radius:50%}.control-theme .large-browser .browserbar span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:12px}.control-theme .large-browser .browserbar b{margin-left:auto;font-size:8px;font-weight:400;color:#8ab8ca;white-space:nowrap}.control-theme .large-browser .preview-window{height:560px}.control-theme .large-browser[data-device=mobile] .preview-window{height:570px}.control-theme .preview-controlbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin:30px 0 18px}.control-theme .preview-controlbar>div{display:flex;gap:7px}.control-theme .preview-controlbar .smallbtn{font-size:11px;padding:10px 15px}.control-theme [data-preview-device][aria-pressed=true]{background:#a9d5df;color:#0b1a2a}.control-theme .preview-disclosure{font-size:10px;line-height:1.7;max-width:740px;margin:0 auto;text-align:center;color:#7894b0}.control-theme .case-metadata{display:flex;gap:35px;flex-wrap:wrap;margin:25px 0;padding:22px 0;border-block:1px solid #7294b53b}.control-theme .case-metadata small{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:#89acc6;margin-bottom:8px}.control-theme .case-metadata strong{font-size:12px;font-weight:500}.control-theme .system-case-hero>p{font-size:17px;max-width:790px}.control-theme .system-case-hero .project-responsibilities{margin-top:26px}.control-theme .case-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.control-theme .case-story-grid article{padding:30px;border:1px solid #7194b643;border-radius:11px;background:#14243a}.control-theme .case-story-grid article>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#8eafc9}.control-theme .case-story-grid h3{font-size:25px;margin-top:24px;letter-spacing:-.7px}.control-theme .case-story-grid p{font-size:14px;margin-bottom:0}.control-theme .case-tech-grid,.control-theme .case-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.control-theme .case-tech-grid article,.control-theme .case-impact-grid article{padding:26px;border:1px solid #7a9cbc42;border-radius:10px;background:#15263d}.control-theme .case-tech-grid article>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#81a8c4}.control-theme .case-tech-grid h3{font-size:24px;margin-top:20px;letter-spacing:-.6px}.control-theme .case-impact-grid article>span{color:#95d4e0}.control-theme .case-impact-grid h3{font-size:21px;letter-spacing:-.5px;margin-top:18px}.control-theme .architecture-flow{display:flex;gap:26px}.control-theme .architecture-flow>span{font-size:13px;padding:25px 15px}.control-theme .architecture-flow>span+span:before{width:26px;left:-27px}.control-theme .capture-placeholder{padding:40px;border:1px dashed #7392b06b;background:#101d2f;border-radius:11px}.control-theme .capture-placeholder strong{font-size:23px;font-family:'Space Grotesk',sans-serif}.control-theme .capture-placeholder p{max-width:700px;font-size:14px}
/* Creative gallery pages intentionally use a different composition. */
.control-theme .creative-case-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.control-theme .creative-case-hero .eyebrow{margin-top:30px}.control-theme .creative-case-hero p{font-size:17px;max-width:650px}.control-theme .creative-case-hero .creative-role{font:10px ui-monospace,monospace;letter-spacing:1px;color:#8da8c1}.control-theme .creative-cover{padding:23px;background:radial-gradient(ellipse at 80% 0%,#486f9e33,transparent 60%),#0e1b2d;border:1px solid #7f9cb749;border-radius:12px;animation:brand-module-glow 15s ease-in-out infinite}.control-theme .creative-cover>img{width:100%;height:350px;display:block;object-fit:contain}.control-theme .creative-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.control-theme .creative-video-card{display:flex;flex-direction:column;min-width:0;border:1px solid #779abb42;border-radius:10px;overflow:hidden;background:#15253a}.control-theme .creative-video-frame{height:410px;background:#07111e;padding:10px}.control-theme .creative-video-frame>video{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.control-theme .creative-video-card .video-card-copy{min-height:155px}.control-theme .creative-video-card .video-card-copy h3{font-size:21px;line-height:1.3;margin-bottom:24px}.control-theme .creative-video-card .textlink{margin-top:auto}.control-theme .feed-profile{max-width:670px;margin:auto;padding:22px;border:1px solid #7a9abb49;border-radius:13px;background:#0e1d30}.control-theme .feed-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.control-theme .feed-profile-head>span:last-child{margin-left:auto;font-size:11px;color:#87a7c2}.control-theme .feed-avatar{width:44px;height:44px;border:1px solid #aadce455;display:grid;place-items:center;border-radius:50%;font-family:'Space Grotesk',sans-serif;color:#bbdce9}.control-theme .feed-profile-head strong{display:block;font-size:13px}.control-theme .feed-profile-head small{display:block;font-size:10px;color:#82a2bf;margin-top:6px}.control-theme .feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.control-theme .feed-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#071322;padding:3px}.control-theme .brand-project-nav{clear:both}
@keyframes module-edge{0%,100%{left:-35%}50%{left:100%}}
@media(max-width:1050px){.control-theme .portfolio-module-grid,.control-theme .creative-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-theme .creative-case-hero{gap:35px}.control-theme .portfolio-module-copy h2{font-size:24px}.control-theme .large-browser .preview-window{height:480px}}
@media(max-width:760px){.control-theme .creative-case-hero{grid-template-columns:1fr}.control-theme .creative-cover{max-width:500px;width:100%;justify-self:center}.control-theme .case-tech-grid,.control-theme .case-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-theme .architecture-flow{gap:15px;flex-wrap:wrap}.control-theme .architecture-flow>span{font-size:11px;flex-basis:40%}.control-theme .portfolio-module-copy{padding:22px}.control-theme .portfolio-module-copy>p{min-height:110px}.control-theme .portfolio-filterbar,.control-theme .portfolio-category-links{gap:7px}.control-theme .large-browser .preview-window{height:440px}.control-theme .preview-controlbar{gap:12px}.control-theme .preview-controlbar .smallbtn{font-size:10px;padding:10px 12px}.control-theme .case-metadata{gap:20px}.control-theme .creative-video-frame{height:370px}.control-theme .portfolio-module-copy .project-responsibilities{min-height:76px}}
@media(max-width:560px){.control-theme .portfolio-module-grid,.control-theme .creative-video-grid,.control-theme .case-story-grid,.control-theme .case-tech-grid,.control-theme .case-impact-grid{grid-template-columns:1fr}.control-theme .portfolio-module-copy>h2,.control-theme .portfolio-module-copy>p,.control-theme .portfolio-module-copy>.project-responsibilities{min-height:0}.control-theme .portfolio-module-copy>h2{font-size:26px}.control-theme .portfolio-module-copy .module-actions{margin-top:8px}.control-theme .mini-browser .preview-window{height:240px}.control-theme .portfolio-filterbar .smallbtn,.control-theme .portfolio-category-links .smallbtn,.control-theme .creative-filters .smallbtn{font-size:10px;padding:9px 11px;min-height:40px}.control-theme .creative-case-hero>div>h1{font-size:38px}.control-theme .creative-cover>img{height:310px}.control-theme .case-story-grid article{padding:25px}.control-theme .large-browser .browserbar{padding:13px 15px}.control-theme .large-browser .browserbar b{display:none}.control-theme .large-browser .preview-window{height:400px}.control-theme .large-browser[data-device=mobile] .preview-window{height:500px}.control-theme .creative-video-frame{height:440px}.control-theme .feed-profile{padding:15px}.control-theme .feed-profile-head>span:last-child{display:none}.control-theme .preview-controlbar>div{width:100%;justify-content:center}.control-theme .capture-placeholder{padding:27px}}
@media(prefers-reduced-motion:reduce){.control-theme .portfolio-module:before,.control-theme .creative-cover{animation:none}.control-theme .preview-window>img{will-change:auto}.control-theme .large-browser{transition:none}}