/* Supplied artwork and motion studies; composition rules live with this component. */
.work-editorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:64px;align-items:start}.work-editorial-intro p{font-size:22px;letter-spacing:-.035em}.work-editorial-intro .j-micro{padding-top:8px;color:#686868}.study-image{background:#fff}.study-computer{position:relative;aspect-ratio:1.25;display:flex;align-items:center}.study-computer>img{width:66%;height:100%;margin-left:auto;object-fit:contain}.study-display-type{position:absolute;left:5%;top:12%;font-size:clamp(40px,5.7vw,86px);font-weight:500;line-height:.93;letter-spacing:-.07em;color:#1500ff;pointer-events:none}.study-portrait .study-image{background:white}.study-portrait .study-image>img{object-fit:cover}.study-detail .study-image{padding:0;background:white}.study-detail .study-image>img{object-fit:cover}.j-site .work-collection-note{border-top:1px solid #ccc;margin:60px 0 0;padding-top:18px;font-size:12px;color:#666;max-width:620px}.study-film-disclosure{margin-top:24px;border-top:1px solid #bbb}.study-film-disclosure summary,.service-system-disclosure summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;min-height:58px;font-size:13px}.study-film-disclosure summary::-webkit-details-marker,.service-system-disclosure summary::-webkit-details-marker{display:none}.study-film-disclosure[open] summary>span,.service-system-disclosure[open] summary>span{transform:rotate(45deg)}.studio-film{position:relative;background:white}.studio-film video{display:block;width:100%;max-height:580px;aspect-ratio:1.25;object-fit:contain;background:white}.film-index{position:absolute;top:18px;left:20px;font:9px monospace;pointer-events:none;color:#1500ff}.service-visual-pair{min-width:0}.service-material{width:100%;min-width:0;margin:0;position:relative;background:#f8f8f6;overflow:hidden;min-height:440px;aspect-ratio:1.1}.service-material>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:white}.service-material figcaption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;pointer-events:none}.service-material figcaption>span{font:9px/1.5 monospace;max-width:100px;background:#ffffffdf;padding:8px}.service-material figcaption p{font-size:15px;line-height:1.2;letter-spacing:-.035em;max-width:170px;margin:0;background:#ffffffdf;padding:8px}.service-system-disclosure{border-bottom:1px solid #ccc}.j-service-hero>.service-visual-pair .service-material{aspect-ratio:2;min-height:500px}.j-service-hero .service-material>img{width:65%;left:35%;object-fit:contain}.j-service-hero .service-material figcaption{left:5%;top:12%;bottom:12%;right:auto;width:35%;flex-direction:column;align-items:flex-start;justify-content:space-between}.j-service-hero .service-material figcaption p{font-size:clamp(32px,4.7vw,72px);letter-spacing:-.06em;max-width:100%;padding:0;background:none}.j-service-hero .service-material figcaption>span{padding:0;background:none;max-width:none}.principle-art>img{display:block;width:100%;height:100%;object-fit:cover}.isolated .principle-art{border:0}.isolated .principle-art>img{object-position:center 45%}.magnified .principle-art{background:#fff}.magnified .principle-art>img{object-fit:cover;object-position:center 55%}.study-film-disclosure summary:focus-visible,.service-system-disclosure summary:focus-visible{outline:2px solid #1500ff;outline-offset:4px}
@media(max-width:700px){.work-editorial-intro{grid-template-columns:1fr;gap:16px;margin-bottom:35px}.work-editorial-intro p{font-size:19px}.study-computer{aspect-ratio:1.05}.study-display-type{font-size:38px;top:10%;left:6%}.study-computer>img{width:75%;margin-top:15%;height:85%}.study-film-disclosure summary{font-size:11px;min-height:52px}.studio-film video{aspect-ratio:1}.film-index{font-size:8px}.j-site .work-collection-note{margin-top:40px;font-size:11px}.service-material{min-height:340px;aspect-ratio:1}.service-material figcaption{left:12px;right:12px;bottom:12px;gap:12px}.service-material figcaption p{font-size:12px;max-width:145px}.service-material figcaption>span{font-size:8px}.j-service-hero>.service-visual-pair .service-material{aspect-ratio:.8;min-height:430px}.j-service-hero .service-material>img{width:100%;height:62%;left:0;top:38%;object-fit:contain}.j-service-hero .service-material figcaption{inset:22px 22px auto;width:auto;gap:16px}.j-service-hero .service-material figcaption p{font-size:29px;max-width:270px}.service-system-disclosure summary{font-size:12px}.principle-art>img{min-width:0}}
@media(prefers-reduced-motion:reduce){.study-film-disclosure *, .service-system-disclosure *{transition:none!important}}