@charset "UTF-8";

/* Precision's hierarchy, Garden's open case studies, and legible grey surfaces. */
.precision-study {
  --paper: var(--study-paper, #e6e6e6);
  --hero-bg: var(--study-ink, #232426);
  --hero-fg: var(--study-white, #f3f3f3);
  --hero-dim: var(--study-muted, #c5c5c5);
  --ink: var(--study-ink, #232426);
  --teal: var(--study-body, #45464a);
  --muted: var(--study-muted, #c5c5c5);
  --section-space: clamp(80px, 8vw, 130px);
  font-size: 17px;
  background: var(--study-ink, #232426);
}
.precision-study .study-bar { font-size: 13px; min-height: 48px; background: var(--study-bar, #1b1c1e); padding-block: 7px; }
.precision-study .study-concepts { gap: 24px; }
.precision-study .study-concepts a > span { display: none; }
.precision-study .motion-toggle { font-size: 13px; }
.precision-study .site-header { color: var(--study-ink, #252628); background: var(--study-paper, #e6e6e6); }
.precision-study .header-inner { min-height: 144px; }
.precision-study .global-nav a > span { font-size: 19px; }
.precision-study .global-nav a > small { font-size: 12px; color: var(--study-secondary, #55565a); }
.precision-study .language-nav { font-size: 14px; }
.precision-study .language-nav a[aria-current] { color: var(--study-accent-dark, #73502d); }
.precision-study .language-nav > span { color: var(--study-secondary, #626367); }
.precision-study .hero-diagonal { background: var(--study-hero-plane, #3c3d40); opacity: .7; clip-path: polygon(50% 0,100% 0,100% 100%,78% 100%); }
.precision-study .hero-grid { min-height: 720px; align-items: center; }
.precision-study .hero-copy { padding-block: 40px 80px; }
.precision-study .hero h1 { font-size: clamp(70px,8.4vw,130px); line-height: .98; font-weight: 400; }
.precision-study .hero h1 span { color: var(--study-white, #f3f3f3); -webkit-text-stroke: 0; }
.precision-study .hero-jp { font-size: 28px; font-weight: 400; margin-top: 32px; }
.precision-study .hero-lead { font-size: 16px; }
.precision-study .hero-cta { font-size: 16px; }
.precision-study .hero-eyebrow { font-size: 13px; color: var(--study-accent-light, #e1bd93); }
.hero-art-column { min-width: 0; align-self: center; }
.precision-study .hero-art { margin-left: -45px; margin-right: -30px; transform: none; }
.precision-study .hero-art figcaption { transform: none; font-size: 11px; color: var(--study-muted, #d2d2d4); border-color: #a0a0a066; }
.precision-study .hero-bottom { font-size: 13px; padding-block: 23px; }
.precision-study .hero-bottom > span { font-size: 13px; }
.precision-study .hero-bottom a { font-size: 12px; }
.motion-panel { position: relative; margin: 16px 0 35px 45px; padding: 20px 22px; background: var(--study-panel, #191a1c); border-left: 2px solid var(--study-accent-light, #c0966d); }
.motion-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; font: 11px/1.5 var(--display); letter-spacing: .11em; color: #d6bd9c; }
.motion-status { font-family: var(--ja); color: var(--study-white, #ededed); font-size: 12px; letter-spacing: .01em; }
.motion-modes { display: flex; margin-top: 15px; gap: 9px; }
.motion-modes button { border: 1px solid #aaaaaa80; background: transparent; color: var(--study-white, #ededed); padding: 9px 15px; min-height: 44px; font-size: 13px; }
.motion-modes button[aria-pressed="true"] { border-color: var(--study-accent-light, #dfc3a0); background: var(--study-accent-light, #dfc3a0); color: var(--study-ink, #252628); }
.motion-panel > p { font-size: 11px; color: #cacaca; line-height: 1.8; margin-top: 12px; }
html:not(.js) .motion-panel { display: none; }
.precision-study h2 { font-size: clamp(30px,3vw,46px); }
.precision-study .section-label { font-size: 14px; }
.precision-study .section-label > span { font-size: 13px; }
.precision-study .section-label > span, .precision-study .light .section-label > span { color: var(--study-accent-dark, #71502e); }
.precision-study .section-heading > p { font-size: 16px; color: var(--study-secondary, #55565a); }
.precision-study .text-link { font-size: 16px; gap: 32px; }
.precision-study .services { background: var(--study-soft, #dedede); }
.precision-study .service-intro { grid-template-columns: 1fr 1.5fr; gap: 25px 40px; }
.precision-study .service-intro > p:not(.section-label) { font-size: 17px; line-height: 2; }
.precision-study .service-list { gap: 0; }
.precision-study .service-item { padding-inline: 25px; border-color: var(--study-line, #aaaaaa); }
.precision-study .service-item:last-child { padding-right: 0; }
.precision-study .service-no { font-size: 13px; color: var(--study-secondary, #5b5c60); }
.precision-study .service-icon { width: 104px; height: 104px; padding: 10px; background: var(--study-icon, #303236); stroke: var(--study-white, #eeeeee); margin-bottom: 30px; }
.precision-study .service-icon .icon-solid { fill: var(--study-accent-light, #dfc3a0); }
.precision-study .service-content h3 { font-size: clamp(24px,2vw,31px); min-height: 75px; }
.precision-study .service-ja { font-size: 14px; color: var(--study-secondary, #55565a); margin-top: 16px; }
.precision-study .service-desc { font-size: 16px; line-height: 2; color: var(--study-body, #45464a); margin-top: 18px; }
.precision-study .service-item .text-link { font-size: 14px; color: var(--study-icon, #303236); margin-top: 15px; }
.precision-study .works { background: var(--study-paper, #e6e6e6); color: var(--study-ink, #232426); }
.precision-study .works-layout { grid-template-columns: 1fr 1fr; gap: 65px 7%; }
.precision-study .work-vision { display: block; grid-column: auto; grid-row: auto; padding-bottom: 0; }
.precision-study .work-vision .work-image img { aspect-ratio: 1.08; }
.precision-study .work-device { padding-top: 150px; }
.precision-study .work-device .work-image img { aspect-ratio: 1.08; }
.precision-study .work-spatial { grid-column: 1/-1; display: grid; grid-template-columns: 1.5fr 1fr; gap: 7%; align-items: center; }
.precision-study .work-spatial .work-image img { aspect-ratio: 1.8; }
.precision-study .work-image { filter: grayscale(1); }
.precision-study .work-image figcaption { font-size: 11px; }
.precision-study .work-caption .eyebrow { font-size: 13px; color: var(--study-accent-dark, #71502e); }
.precision-study .work-caption h3 { font-size: 25px; }
.precision-study details { border-color: var(--study-line, #aaaaaa); font-size: 16px; }
.precision-study summary { font-size: 15px; min-height: 48px; }
.precision-study details > p { color: var(--study-body, #45464a); font-size: 16px; }
.precision-study details .text-link { font-size: 15px; color: var(--study-icon, #303236); }
.collection-links { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; padding-top: 65px; border-top: 1px solid var(--study-line, #b0b0b0); margin-top: 85px; }
.collection-link { display: block; }
.collection-link figure { position: relative; overflow: hidden; }
.collection-link figure img { filter: grayscale(1); width: 100%; aspect-ratio: 2.2; object-fit: cover; transition: transform .45s; }
.collection-link:hover figure img { transform: scale(1.035); }
.collection-link figure > span { position: absolute; right: 20px; bottom: 20px; background: var(--study-white, #eeeeee); width: 48px; height: 48px; display: grid; place-items: center; font-size: 28px; font-family: Arial,sans-serif; }
.collection-link .eyebrow { margin-top: 22px; font-size: 13px; color: var(--study-accent-dark, #71502e); }
.collection-link h3 { font-size: 27px; font-weight: 500; margin-top: 9px; }
.collection-link > p:last-child { color: var(--study-secondary, #505156); font-size: 16px; margin-top: 12px; max-width: 35em; }
.precision-study .ai-section { background: var(--study-ai, #d0d1d3); color: var(--study-ink, #232426); }
.precision-study .ai-layout { gap: 10%; }
.precision-study .ai-lead, .precision-study .ai-expertise p { color: var(--study-body, #45464a); font-size: 16px; }
.precision-study .ai-expertise .eyebrow { color: var(--study-accent-dark, #634021); font-size: 13px; }
.precision-study .ai-expertise h3 { font-size: 26px; }
.precision-study .ai-expertise article + article, .precision-study .ai-steps { border-color: var(--study-line, #939498); }
.precision-study .ai-steps li > span { font-size: 13px; color: var(--study-accent-dark, #634021); }
.precision-study .ai-steps li > strong { font-size: 16px; }
.precision-study .ai-steps li + li::before { color: var(--study-body, #45464a); }
.precision-study .members { background: var(--study-soft, #dedede); }
.precision-study .members-layout { gap: 42px; }
.precision-study .portrait { width: min(100%, 200px); aspect-ratio: 4/5; filter: none; background: #303030; }
.member-portrait { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: none; }
.portrait .member-portrait + .portrait-no { background: var(--study-panel, #191a1c); color: #eee3cb; padding: 4px 9px; top: auto; right: 0; bottom: 0; }
.precision-study .member-info .eyebrow { font-size: 13px; color: var(--study-secondary, #55565a); }
.precision-study .member-info h3 { font-size: 29px; }
.precision-study .member-field { font-size: 14px; color: var(--study-secondary, #505156); }
.precision-study .member-catch { font-size: 17px; }
.precision-study .member-info details > p { font-size: 16px; }
.precision-study .news-section { background: var(--study-soft, #dedede); }
.precision-study .news-layout { grid-template-columns: 29% 1fr; gap: 8%; }
.precision-study .news-layout h2 { font-size: 23px; }
.precision-study .news-layout li a { grid-template-columns: 85px 1fr 24px; font-size: 17px; padding-block: 28px; }
.precision-study .news-layout time { font-size: 15px; color: var(--study-secondary, #55565a); }
.precision-study .news-layout li { border-color: var(--study-line, #aaaaaa); }
.precision-study .about-section { background: var(--study-ink, #232426); }
.precision-study .about-section .section-label > span { color: var(--study-accent-light, #dfc3a0); }
.precision-study .about-layout { gap: 9%; }
.precision-study .about-layout h2 { font-size: clamp(26px,2.5vw,37px); }
.precision-study .company-info > div { grid-template-columns: 90px 1fr; font-size: 16px; gap: 20px; padding-block: 22px; border-color: #99999966; }
.precision-study .company-info dt { color: var(--study-muted, #c5c5c5); }
.precision-study .clients { grid-template-columns: 1fr 2.2fr; }
.precision-study .clients h3, .precision-study .clients ul { font-size: 15px; color: var(--study-muted, #c5c5c5); }
.precision-study .contact-section { background: var(--study-contact, #d6d6d6); }
.precision-study .contact-layout p:last-child { font-size: 16px; }
.precision-study .contact-layout .eyebrow { font-size: 13px; }
.precision-study .contact-circle { width: 240px; height: 240px; }
.precision-study .contact-circle > span:first-child { font-size: 16px; }
.precision-study .contact-circle > span:last-child { font-size: 13px; }
.precision-study .site-footer { background: var(--study-footer, #17181a); font-size: 13px; }

/* Collection pages use the same imagery and editorial spacing as Selected Works. */
.library-page { background: var(--study-paper, #e6e6e6); color: var(--study-ink, #232426); }
.library-heading { padding-block: 90px 70px; }
.library-heading .eyebrow { color: var(--study-accent-dark, #71502e); font-size: 14px; }
.library-heading h1 { font-family: var(--display); font-size: clamp(55px,7vw,104px); font-weight: 400; line-height: 1.1; letter-spacing: -.04em; margin-top: 25px; }
.library-heading .library-title-ja { font-size: 28px; margin-top: 18px; }
.library-heading > p:last-child { font-size: 17px; margin-top: 25px; max-width: 43em; color: var(--study-secondary, #505156); }
.library-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 85px 7%; padding-bottom: 100px; }
.library-item { min-width: 0; }
.library-item:nth-child(even) { margin-top: 100px; }
.library-item .work-image img { aspect-ratio: 1.28; object-fit: cover; }
.library-item h2 { font-size: 26px; line-height: 1.65; margin-block: 17px; }
.library-item .eyebrow { color: var(--study-accent-dark, #71502e); font-size: 13px; margin-top: 22px; }
.library-item > p:not(.eyebrow) { font-size: 16px; color: var(--study-body, #45464a); }
.library-item .work-tech { font-size: 15px; margin-top: 20px; }
.library-item .text-link { font-size: 15px; margin-top: 15px; }
.library-navigation { display: flex; justify-content: space-between; gap: 40px; padding-block: 35px 70px; border-top: 1px solid var(--study-line, #b0b0b0); }

@media(max-width:1100px) {
  .precision-study .service-list { gap: 40px 0; }
  .precision-study .service-content h3 { min-height: auto; }
  .precision-study .hero-grid { min-height: 680px; }
  .precision-study .hero h1 { font-size: 85px; }
  .precision-study .hero-jp { font-size: 24px; }
  .precision-study .hero-lead { font-size: 15px; }
  .motion-panel { margin-left: 10px; padding-inline: 16px; }
  .motion-panel-heading { display: block; }
  .motion-status { display: block; margin-top: 6px; }
  .motion-modes button { font-size: 12px; padding-inline: 12px; }
  .precision-study .news-layout { grid-template-columns: 1fr; gap: 35px; }
  .precision-study .about-layout { grid-template-columns: 1fr 1.3fr; }
}
@media(max-width:760px) {
  .precision-study { font-size: 16px; --section-space: 76px; }
  .precision-study .study-bar { font-size: 11px; gap: 14px; padding-inline: 14px; }
  .precision-study .study-concepts { gap: 10px; }
  .precision-study .motion-toggle { font-size: 10px; }
  .precision-study .header-inner { min-height: 118px; }
  .precision-study .site-logo { width: 112px; flex-basis: 112px; }
  .precision-study .menu-toggle { font-size: 13px; }
  .precision-study .global-nav { background: var(--study-paper, #e6e6e6); }
  .precision-study .language-nav { font-size: 12px; }
  .precision-study .hero-grid { min-height: 0; }
  .precision-study .hero-copy { padding-block: 35px 0; }
  .precision-study .hero h1 { font-size: clamp(57px,12.6vw,90px); }
  .precision-study .hero-eyebrow { font-size: 12px; }
  .precision-study .hero-jp { font-size: 23px; }
  .precision-study .hero-lead { font-size: 15px; line-height: 2; }
  .precision-study .hero-cta { font-size: 15px; }
  .precision-study .hero-art-column { width: 100%; }
  .precision-study .hero-art-column { display: flex; flex-direction: column; }
  .precision-study .hero-art { margin: 0 -24px; }
  .precision-study .hero-art .art-fallback { max-height: 360px; }
  .precision-study .hero-art figcaption { font-size: 9px; }
  .motion-panel { order: -1; margin: 25px 0 0; padding: 18px; }
  .motion-panel-heading { display: flex; }
  .motion-status { margin-top: 0; font-size: 11px; }
  .motion-modes { gap: 8px; }
  .motion-modes button { font-size: 14px; flex: 1; padding-inline: 10px; }
  .motion-panel > p { font-size: 12px; }
  .precision-study .hero-bottom { gap: 22px; }
  .precision-study .hero-bottom > span { font-size: 11px; }
  .precision-study .hero-bottom a { font-size: 9px; }
  .precision-study h2 { font-size: 29px; }
  .precision-study .section-heading > p { font-size: 15px; line-height: 2; }
  .precision-study .service-intro h2 { font-size: 29px; }
  .precision-study .service-intro > p:not(.section-label) { font-size: 16px; }
  .precision-study .service-item, .precision-study .service-item:first-child, .precision-study .service-item:nth-child(3) { display: block; padding: 35px 0; }
  .precision-study .service-no { font-size: 12px; }
  .precision-study .service-icon { width: 96px; height: 96px; margin: 8px 0 25px; }
  .precision-study .service-content h3 { font-size: 32px; }
  .precision-study .service-ja { font-size: 15px; }
  .precision-study .service-desc { font-size: 16px; margin-top: 18px; }
  .precision-study .service-item .text-link { font-size: 15px; }
  .precision-study .work-vision { display: block; }
  .precision-study .work-device { padding-top: 0; }
  .precision-study .work-spatial { display: block; }
  .precision-study .work-caption h3 { font-size: 22px; }
  .precision-study .work-caption .eyebrow { font-size: 12px; }
  .precision-study .work-image figcaption { font-size: 10px; }
  .precision-study details > p { font-size: 15px; }
  .collection-links { display: block; margin-top: 55px; padding-top: 45px; }
  .collection-link + .collection-link { margin-top: 45px; }
  .collection-link figure img { aspect-ratio: 1.65; }
  .collection-link h3 { font-size: 23px; }
  .collection-link > p:last-child { font-size: 15px; }
  .precision-study .ai-expertise h3 { font-size: 23px; }
  .precision-study .ai-lead, .precision-study .ai-expertise p { font-size: 16px; }
  .precision-study .ai-steps li > strong { font-size: 15px; }
  .precision-study .member-item { display: block; border: 0; padding-top: 0; margin-top: 55px; }
  .precision-study .member-item:first-child { margin-top: 0; }
  .precision-study .portrait { width: 176px; aspect-ratio: 4/5; }
  .precision-study .member-info { padding-top: 25px; }
  .precision-study .member-info h3 { font-size: 28px; }
  .precision-study .member-field { font-size: 14px; }
  .precision-study .member-catch { font-size: 17px; }
  .precision-study .member-info details > p { font-size: 16px; }
  .precision-study .news-layout li a { grid-template-columns: 1fr 20px; gap: 10px 20px; font-size: 16px; padding-block: 24px; }
  .precision-study .news-layout time { grid-column: 1/-1; font-size: 14px; }
  .precision-study .about-layout { display: block; }
  .precision-study .company-info > div { font-size: 16px; grid-template-columns: 75px 1fr; gap: 15px; }
  .precision-study .company-info > div:nth-child(6) { grid-template-columns: 1fr; }
  .precision-study .clients h3, .precision-study .clients ul { font-size: 15px; }
  .precision-study .contact-layout p:last-child { font-size: 15px; }
  .precision-study .contact-circle { width: 195px; height: 195px; }
  .precision-study .site-footer .container { font-size: 12px; }
  .library-heading { padding-block: 65px 45px; }
  .library-heading h1 { font-size: clamp(43px,12vw,60px); }
  .library-heading .library-title-ja { font-size: 25px; }
  .library-heading > p:last-child { font-size: 16px; }
  .library-grid { display: block; padding-bottom: 70px; }
  .library-item:nth-child(n+2) { margin-top: 55px; }
  .library-item h2 { font-size: 24px; }
  .library-item > p:not(.eyebrow) { font-size: 16px; }
  .library-navigation { display: block; }
  .library-navigation a { display: flex; justify-content: space-between; margin-top: 18px; }
}