/* Responsive editorial layouts, using native CSS only. */
.section{padding-block:55px}.section-icon{width:27px;height:27px;flex-shrink:0;color:#51b8ff}.section-heading h2{display:flex;align-items:center;gap:12px;border:0;padding:0}.line-icon .section-icon{width:32px;height:32px}
.works-heading{text-align:center;padding:20px 0 28px;background:radial-gradient(ellipse at center,#1488ee14,transparent 65%)}.works-heading .eyebrow{font-size:11px;letter-spacing:.25em;display:block}.works-heading h2{font-size:clamp(30px,4.5vw,53px);letter-spacing:-.045em;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:12px}.works-heading h2 span{color:#51b8ff}.works-heading h2 .section-icon{width:32px;height:32px}.works-heading p{color:#9bafbf;font-size:15px;margin-top:16px}.filters{justify-content:center;gap:9px;margin:0 0 16px}.filter{display:inline-flex;align-items:center;gap:7px;min-height:43px;border:1px solid #213746;padding:9px 18px}.filter .section-icon{width:17px;height:17px}.filter.active{background:#193e58;border-color:#3b88b8}.preview-hint{text-align:center;margin:0 0 50px;font-size:12px;color:#819bad}
.work-group{margin-bottom:65px;scroll-margin-top:115px}.work-group:last-child{margin-bottom:0}.group-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 24px;border-bottom:1px solid #203746;margin:0 0 28px;gap:25px}.group-title{display:flex;align-items:center;gap:18px}.group-title>.section-icon{box-sizing:content-box;width:28px;height:28px;border:1px solid #25485f;background:#0f2535;padding:15px;border-radius:18px}.group-number{font-size:10px;letter-spacing:.2em;color:#779aaf}.group-heading h3{font-size:29px;letter-spacing:-.03em;line-height:1.3;margin-top:3px;color:#f2f7fb}.group-heading>p{font-size:13px;max-width:300px;text-align:right;color:#9bb0bf;line-height:1.8}
.work-grid{gap:26px 20px}.work-card{min-width:0}.work-preview{border-radius:12px;border:1px solid #273d4d;background:#101f2b;isolation:isolate;box-shadow:0 10px 25px #0002}.work-preview img{transition:transform .35s ease,opacity .25s}.work-preview:hover img{opacity:1;transform:scale(1.035)}.work-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#01101a99,transparent 38%);opacity:0;transition:opacity .25s;pointer-events:none}.work-preview:hover:after,.work-preview:focus-visible:after{opacity:1}.card-open{position:absolute;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#07121fc9;color:white;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.work-preview:hover .card-open,.work-preview:focus-visible .card-open{opacity:1;transform:none}.media-icon{left:12px;right:auto;bottom:12px;font-size:9px;letter-spacing:.1em;padding:3px 8px;border-color:#ffffff38}.card-caption{padding:10px 3px 0}.card-caption h3{font-size:15px;margin:0;font-weight:700}.card-caption p{color:#8fa5b6;font-size:12px;margin-top:3px;line-height:1.6}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.video-grid>.work-card:nth-child(-n+2),.video-grid>.work-card:nth-last-child(-n+2){grid-column:span 2}.video-grid>.work-card:nth-child(-n+2) h3{font-size:20px}.video-grid .work-preview{aspect-ratio:16/9}.hover-video{z-index:1}.card-open,.media-icon{z-index:2}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding-bottom:30px;align-items:start}.photo-grid .work-preview{aspect-ratio:auto}.photo-grid .work-preview img{height:auto;object-fit:contain}.photo-grid>.work-card:nth-child(3n+2){margin-top:35px}.graphic-grid{display:block;columns:3;column-gap:24px}.graphic-grid>.work-card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:26px}.graphic-grid .work-preview{aspect-ratio:auto}.graphic-grid .work-preview img{height:auto;object-fit:contain}.graphic-grid .work-card[hidden]{display:none}
.collection-more{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.view-more{display:inline-flex;align-items:center;gap:10px;position:relative;isolation:isolate;overflow:hidden;padding:10px 17px;border:1px solid #34546b;border-radius:99px;font-size:13px;background:#0c1c28;line-height:1.5;min-height:42px}.view-more:before{content:'';position:absolute;inset:0;background:#51b8ff;transform:translateX(-102%);transition:transform .23s ease;z-index:-1}.view-more:hover:before,.view-more:focus-visible:before{transform:none}.view-more:hover,.view-more:focus-visible{color:#03131e;border-color:#51b8ff;font-weight:800}.view-more small{font-size:10px;opacity:.65}.view-more b{font-size:16px}.view-more span{min-width:69px}.expertise-grid article{border-radius:14px;padding:24px 18px;transition:border-color .2s,transform .2s}.expertise-grid article:hover{transform:translateY(-4px);border-color:#4687b0}.profile{border-radius:12px}
.timeline{position:relative}.timeline:before{content:'';position:absolute;left:189px;top:12px;bottom:10px;width:1px;background:linear-gradient(#45a6e5,#254359 85%,transparent)}.timeline article{grid-template-columns:165px 1fr;gap:54px;border:0;padding:0 0 24px;position:relative}.timeline article:before{content:'';width:9px;height:9px;border:3px solid #102536;background:#61bfff;border-radius:50%;position:absolute;left:182px;top:18px;box-sizing:content-box}.timeline .period{padding-top:18px;line-height:1.8}.experience-body{border:1px solid #213b4d;border-radius:14px;padding:23px 27px;background:linear-gradient(120deg,#0d1c28,#08141e)}.employer{display:flex;align-items:center;gap:22px;margin-bottom:14px}.employer h3{font-size:19px}.company-logo{flex:0 0 116px;min-height:66px;display:grid;place-items:center;border-radius:8px;background:#f8fafc;padding:10px}.company-logo img{object-fit:contain;width:100%;height:48px}.company-logo.touch{background:#0d2130;border:1px solid #345568}.company-logo.phu img,.company-logo.mikucha img{width:56px;height:56px}.company-logo.wordmark{background:#132c3f;border:1px solid #34556b}.company-name-mark{font-size:12px;font-weight:800;color:#35759e;letter-spacing:.09em;text-align:center}.timeline h4{margin:6px 0 10px}.education{border-radius:13px}
.production-stage{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding:15px 15px 100px 0;isolation:isolate;align-items:center}.production-stage:before{content:'';position:absolute;inset:8% 4% 4% 25%;border:1px solid #22455e;border-radius:28px;transform:rotate(-3deg);z-index:-1;background:#1c496116}.production-copy{padding:0 45px 0 0;align-self:start;margin-top:55px}.production-copy h3{font-size:clamp(32px,3.8vw,51px);line-height:1.12;letter-spacing:-.04em}.production-copy em{font-family:'Caveat',cursive;font-weight:500;font-size:1.2em;color:#69c0f8}.production-copy p{font-size:15px;color:#a7bbc8;line-height:1.85;margin-top:25px}.production-chip{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;border:1px solid #294e68;border-radius:50px;padding:8px 14px;margin-top:25px}.production-chip i{width:6px;height:6px;border-radius:50%;background:#4ac2ff}.production-stage figure{margin:0;padding:10px;background:#122332;border:1px solid #345063;border-radius:15px;box-shadow:0 20px 45px #0006}.production-stage .bts-photo{border:0;border-radius:9px}.production-main{transform:rotate(2deg)}.production-main .bts-photo img{height:440px;object-position:center 56%}.production-detail{position:absolute;left:28%;bottom:35px;width:29%;transform:rotate(-5deg);z-index:2}.production-detail .bts-photo img{height:255px;object-position:center 58%}.production-stage figcaption{font-size:12px;color:#adc2d1;padding:10px 3px 2px}.production-stage figcaption b{color:#f0f6fb;display:block;font-size:10px;letter-spacing:.12em}.production-script{font-family:'Caveat',cursive;font-size:30px;color:#c1d9eb;position:absolute;bottom:28px;right:30px;transform:rotate(-4deg)}
.production-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;margin-top:18px}.production-gallery figure{margin:0;min-width:0}.production-gallery figure:nth-child(even){margin-top:32px}.production-gallery .bts-photo{border-radius:12px;box-shadow:0 12px 28px #0005}.production-gallery img{height:230px;object-fit:cover}.production-gallery figcaption{font-size:11px;color:#8fa9bc;letter-spacing:.05em;margin:9px 4px 0}.production-gallery figure:nth-child(5){grid-column:span 2}.production-gallery figure:nth-child(5) img{height:300px}
.contact{grid-template-columns:1.05fr 1fr .85fr;gap:38px;align-items:start;padding-block:65px}.contact h2{font-size:35px;line-height:1.28}.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:20px;color:#a3b8c8}.contact-intro .button{margin-top:25px}.contact-directory{padding-top:3px;min-width:0}.contact-directory h3{font-size:12px;letter-spacing:.15em;color:#66b8eb;margin-bottom:17px}.contact-directory>a{display:block;border-bottom:1px solid #233d4e;padding:11px 0}.contact-directory small{display:block;font-size:9px;letter-spacing:.16em;color:#6f94ab;margin-bottom:4px}.contact-directory>a>span{font-size:13px;overflow-wrap:anywhere}.personal-details{margin-top:18px;padding-top:0;border:0}.personal-details dl{grid-template-columns:1fr;gap:3px}.personal-details dd{margin-bottom:7px;overflow-wrap:anywhere}.openlink-card{width:100%;align-self:start;border-radius:16px;background:linear-gradient(150deg,#122b3e,#08151f);padding:25px 18px}.openlink-card img{width:150px;height:150px}.contact .openlink-card>p{margin-top:0;font-size:10px}.footer{display:grid;grid-template-columns:1.05fr 1fr .85fr;gap:38px;align-items:start;padding-block:35px}.footer>div{display:block}.footer p{font-size:11px;color:#7896aa;margin-top:14px}.footer .footer-nav{display:flex;gap:24px;align-items:center;justify-content:center;padding-top:12px}.footer-end{text-align:right;font-size:11px;color:#799bb0}.footer-end a{display:block;color:#b4cddd;margin-top:15px}
.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(14px)}.motion-ready .reveal{transition:opacity .5s ease,transform .5s ease}.motion-ready .reveal:focus-within{opacity:1;transform:none}
@media(max-width:1000px){.contact,.footer{gap:24px}.contact h2{font-size:29px}.production-main .bts-photo img{height:380px}.production-detail .bts-photo img{height:210px}.production-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.production-gallery figure:nth-child(5){grid-column:auto}.production-gallery figure:nth-child(5) img{height:230px}}
@media(max-width:800px){.section{padding-block:44px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid>.work-card:nth-child(-n+2),.video-grid>.work-card:nth-last-child(-n+2){grid-column:auto}.video-grid>.work-card:first-child,.video-grid>.work-card:last-child{grid-column:span 2}.graphic-grid{columns:2}.photo-grid{gap:25px 16px}.group-heading>p{max-width:210px}.group-title{gap:12px}.group-heading h3{font-size:24px}.group-title>.section-icon{padding:12px;width:24px;height:24px}.contact{grid-template-columns:1fr 1fr}.contact-intro{grid-column:1/-1}.contact h2{font-size:38px}.contact-intro h2 br{display:none}.contact-intro h2 span{display:block}.footer{grid-template-columns:1fr 1fr}.footer .footer-nav{justify-content:flex-end}.footer-end{grid-column:1/-1;text-align:left;display:flex!important;justify-content:space-between}.footer-end a{margin:0}.production-copy{padding-right:10px;margin-top:15px}.production-copy h3{font-size:34px}.production-copy p{font-size:13px}.production-main .bts-photo img{height:330px}.production-detail{left:26%;width:34%}.production-detail .bts-photo img{height:185px}.production-script{font-size:24px;right:10px}.timeline:before{left:139px}.timeline article{grid-template-columns:120px 1fr;gap:40px}.timeline article:before{left:132px}.employer{gap:15px;flex-wrap:wrap}.company-logo{flex-basis:105px}.experience-body{padding:20px}.employer h3{flex-basis:100%}}
@media(max-width:600px){.works-heading h2{font-size:29px;gap:8px}.works-heading h2 .section-icon{width:22px;height:22px}.works-heading p{font-size:13px}.filters{gap:6px}.filter{font-size:12px;padding:8px 11px;min-height:40px}.filter .section-icon{width:15px;height:15px}.preview-hint{font-size:11px;margin-bottom:36px}.work-group{margin-bottom:48px}.group-heading{display:block;margin-bottom:22px;padding-bottom:18px}.group-heading>p{text-align:left;max-width:none;margin:13px 0 0 63px;font-size:12px}.group-heading h3{font-size:25px}.group-number{font-size:9px}.section-heading h2{font-size:19px;gap:10px}.section-heading h2 .section-icon{width:23px;height:23px}.work-grid{gap:22px 12px}.card-caption{padding-top:9px}.card-caption h3{font-size:13px}.card-caption p{font-size:11px}.video-grid>.work-card:nth-child(-n+2) h3{font-size:14px}.video-grid>.work-card:first-child h3{font-size:19px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px;padding-bottom:15px}.photo-grid>.work-card:nth-child(3n+2){margin:0}.photo-grid>.work-card:nth-child(even){margin-top:25px}.graphic-grid{column-gap:13px}.graphic-grid>.work-card{margin-bottom:22px}.media-icon{left:8px;bottom:8px;font-size:8px;padding:2px 5px}.collection-more{gap:10px;margin-top:24px}.view-more{font-size:12px;padding:9px 13px;gap:8px}.view-more small{font-size:9px}.view-more span{min-width:64px}.timeline:before{left:6px;top:15px}.timeline article{display:block;padding:0 0 23px 28px}.timeline article:before{left:0;top:16px}.timeline .period{padding:10px 0;font-size:11px}.timeline .period span{display:block;margin:0}.experience-body{padding:19px 17px}.employer{gap:13px}.employer h3{font-size:17px}.timeline p{font-size:14px}.company-logo{flex-basis:104px}.production-stage{display:block;padding:0 0 105px}.production-copy{margin:0 0 28px;padding:0}.production-copy h3{font-size:39px}.production-copy p{font-size:14px}.production-stage:before{inset:39% 3% 3% 3%;transform:rotate(-2deg)}.production-stage .production-main{width:83%;margin-left:15%;transform:rotate(2deg)}.production-main .bts-photo img{height:300px}.production-detail{left:0;bottom:22px;width:48%;transform:rotate(-4deg)}.production-detail .bts-photo img{height:180px}.production-stage figure{padding:7px;border-radius:11px}.production-stage figcaption{font-size:10px}.production-stage figcaption b{font-size:8px}.production-script{font-size:20px;right:4px;bottom:44px;width:42%;line-height:1.1;text-align:right}.production-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.production-gallery img,.production-gallery figure:nth-child(5) img{height:210px}.production-gallery figure:nth-child(even){margin-top:25px}.production-gallery figure:nth-child(5){grid-column:auto}.production-gallery figcaption{font-size:10px}.contact{grid-template-columns:1fr;gap:35px;padding-block:43px}.contact h2{font-size:35px}.contact-intro{grid-column:auto}.contact-directory>a{padding-block:13px}.contact-directory>a>span{font-size:14px}.openlink-card{max-width:none;padding:27px}.openlink-card img{width:170px;height:170px}.footer{grid-template-columns:1fr;gap:25px}.footer .footer-nav{justify-content:flex-start;padding:0}.footer-end{grid-column:auto;font-size:10px}.contact-intro h2 br{display:block}.contact-intro h2 span{display:inline}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.motion-ready .reveal,.view-more:before,.expertise-grid article,.card-open{transition:none!important}}

/* Education and brand collaborations */
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;scroll-margin-top:110px}.learning-card{display:flex;align-items:center;gap:28px;padding:30px;background:linear-gradient(130deg,#122736,#0a151f);border:1px solid #29404f;border-radius:18px}.learning-logo{flex:0 0 95px;text-align:center}.learning-logo img{display:block;width:90px;height:150px;object-fit:contain}.prodx-logo img{width:95px;height:95px;border-radius:50%}.learning-card .eyebrow{font-size:10px;letter-spacing:1.5px}.learning-card h3{font-size:21px;margin:10px 0}.learning-card p{color:#a9bdc9;font-size:14px;margin:6px 0}.learning-card ul{padding-left:18px;color:#d5e7f3;font-size:14px;line-height:1.9;margin-bottom:0}.brands-section{scroll-margin-top:100px}.brands-section .works-heading h2{font-size:clamp(24px,3.3vw,43px);flex-wrap:wrap;gap:8px}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px}.brand-tile{margin:0;min-width:0}.brand-image{height:116px;background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.brand-image img{width:100%;height:100%;object-fit:contain}.brand-image.brand-dark{background:#182c3a}.brand-tile:hover .brand-image{transform:translateY(-4px);box-shadow:0 8px 25px #249cec25}.brand-tile figcaption{text-align:center;font-size:11px;line-height:1.5;color:#a8bac5;margin:10px 3px 0;overflow-wrap:anywhere}.culture-credit{margin-top:28px;padding:20px 25px;border:1px solid #28414f;border-radius:12px;display:flex;align-items:center;gap:24px;background:#0d1e29}.culture-credit span{color:#4bb4ec;font-size:11px;letter-spacing:2px}.culture-credit p{margin:0;font-size:14px}.brands-section .works-heading{margin-bottom:38px}@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-card{gap:16px;padding:22px}.learning-logo{flex-basis:75px}.learning-logo img{width:75px}.learning-card h3{font-size:18px}}@media(max-width:700px){.learning-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.brand-image{height:90px;padding:10px}.brand-tile figcaption{font-size:10px}.culture-credit{display:block}.culture-credit p{margin-top:9px}.learning-card{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.brand-image{transition:none}.brand-tile:hover .brand-image{transform:none}}