/* Purpose: a line connecting three frames, with space for the statement. */
.purpose-v23{display:block;padding-block:128px 140px}
.purpose-composition{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,112px);align-items:center;margin-top:62px}
.purpose-copy{min-width:0}
.purpose-copy .purpose-title{font-size:clamp(30px,3.2vw,48px);line-height:1.7;letter-spacing:-.035em}
.purpose-body{font-size:15px;line-height:2.15;letter-spacing:.025em;margin-top:30px}
.purpose-copy>.editorial-link{max-width:254px;margin-top:36px}
.culture-relay{min-width:0;padding-top:22px;color:#151515}
.relay-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#777}
.culture-relay>svg{display:block;width:100%;height:auto;margin-block:22px 6px;overflow:visible}
.relay-frames{color:#bababa}
.culture-relay>figcaption{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:0;font-size:11px;letter-spacing:.12em;color:#555}

/* Explain the corporate structure before entering individual businesses. */
.business-introduction{margin-bottom:88px}
.business-introduction .business-section-heading{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;margin:0;padding-top:28px}
.business-intro-title{font-size:clamp(27px,3vw,41px);line-height:1.65;letter-spacing:-.035em}
.business-intro-copy>p+p{font-size:15px;line-height:2;margin-top:24px;color:#555}
.business-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;border-block:1px solid var(--line)}
.business-index>a{display:flex;flex-direction:column;min-width:0;padding:30px 28px 29px;transition:background 250ms ease}
.business-index>a:first-child{padding-left:0}.business-index>a:last-child{padding-right:0}
.business-index>a+a{border-left:1px solid var(--line)}
.business-index-meta{font-size:9px;color:#666}
.business-index strong{font-size:clamp(21px,2.1vw,30px);font-weight:400;letter-spacing:-.045em;line-height:1.4;margin-top:17px;white-space:nowrap}
.business-index-role{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-top:13px;color:#555}
.business-index-role>span{font:20px/1 var(--sans);color:#111;transition:transform 250ms ease}
.business-story>.atelier-business-head{grid-template-columns:1fr auto;gap:16px 32px;border-top:1px solid var(--line);padding-top:23px;margin-bottom:35px}
.business-story .business-number{grid-column:1/-1;padding:0;font-size:10px;letter-spacing:.1em}
.business-story .business-display{grid-column:1;white-space:normal}
.business-story>.atelier-business-head>p{grid-column:2}
.business-story[id]{scroll-margin-top:calc(var(--header) + 28px)}

/* Service mockups sit directly on the white page. */
body[data-page="legasee"] .screens.single .screen-grid,
body[data-page="legasee"] .market-stage{background:transparent;overflow:visible;padding-block:36px 40px}
body[data-page="legasee"] .market-section{background:#fff;border-top:1px solid var(--line)}
body[data-page="legasee"] .market-stage::before{display:none}
body[data-page="legasee"] .product-stage-top,
body[data-page="legasee"] .screen-axis{display:none}
body[data-page="legasee"] .market-stage .iphone-body{box-shadow:0 2px 3px #1112,0 26px 34px -26px #1115,0 45px 60px -42px #1114}
body[data-page="legasee"] .screens.single>figcaption,
body[data-page="legasee"] .market-figure>figcaption{text-align:center;color:#777}

/* Eleven cultural worlds and one open-ended invitation. */
.culture-grid{gap:35px 24px}
.culture-grid figcaption{padding-top:12px;margin-top:0;gap:5px;line-height:1.65}
.culture-grid figcaption>span{font-family:var(--sans);font-size:9px;letter-spacing:.09em}
.culture-more-visual{aspect-ratio:1;border:1px solid #dedede;padding:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.culture-more-visual>svg{width:clamp(40px,5vw,72px);height:auto;flex:none}
.culture-more-visual>p{font-size:clamp(11px,1.05vw,15px);line-height:1.85;letter-spacing:.02em;white-space:nowrap}
.culture-more figcaption>strong{font-size:13px}
.culture-alias{display:inline-block;font-size:.85em;color:#666}
#culture{scroll-margin-top:calc(var(--header) + 100px)}

/* Three related, deliberately simple line icons. */
.connect-section{background:#fff;border-block:1px solid var(--line)}
.process-grid{gap:40px;margin-top:58px}
.process-grid li{position:relative;padding-top:26px;border-color:var(--line)}
.process-grid li>span{font-size:10px;letter-spacing:.08em;color:#666}
.process-icon{display:block;width:62px;height:62px;margin-block:28px 24px;overflow:visible}
.process-grid h3{font-size:23px;margin:0 0 17px;line-height:1.7;letter-spacing:-.025em}
.process-grid p{font-size:14px;color:#555;line-height:2}

/* Same work in the gallery and the LEGASEE detail view. */
.qr-story-v23{display:block;margin-top:112px;padding-top:62px}
.qr-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.qr-story-heading h3{font-size:clamp(28px,3vw,40px);line-height:1.7;margin:22px 0 0}
.qr-story-heading>p{font-size:15px;line-height:2;max-width:460px;color:#555}
.qr-journey{display:grid;grid-template-columns:minmax(0,1.65fr) 70px minmax(250px,1fr);gap:20px;align-items:center;margin-top:48px}
.qr-step{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.qr-step>span{font-size:9px;color:#666}
.qr-step>strong{font-size:14px;font-weight:400;letter-spacing:.025em}
.qr-scan>img{aspect-ratio:3/2;object-fit:cover}
.qr-story-v23 figure>figcaption{font-size:11px;color:#777;line-height:1.8;margin-top:16px}
.qr-detail{text-align:center;min-width:0}
.qr-device-stage{display:flex;justify-content:center;padding:12px 0 20px}
.qr-device-stage .device-mockup{width:min(100%,282px)}
.qr-connection{display:flex;align-items:center;position:relative;gap:0;color:#333}
.qr-connection>span{flex:1;border-top:1px solid #aaa}
.qr-connection>.arrow{width:25px;height:25px;flex:none;stroke-width:1}
.qr-connection>small{position:absolute;top:29px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.1em;color:#777}
.device-mockup[data-screen="detail"] .device-content{top:6.2%;bottom:3%;padding:0 5.13cqw;color:#f5f5f5;text-align:left}
.detail-interface{font-family:var(--sans);letter-spacing:0;font-feature-settings:normal}
.detail-app-header{display:flex;justify-content:space-between;align-items:center;padding:1cqw 0 4cqw;border-bottom:1px solid #ffffff24;margin-bottom:4.2cqw}
.qr-story .detail-app-header>img{width:32cqw;height:auto;filter:invert(1)}
.detail-app-header>span{font-size:2.8cqw;color:#aaa}
.detail-photo{height:45cqw;overflow:hidden;background:#161616}
.qr-story .detail-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:0 22%;border:0;border-radius:0}
.detail-information{padding-top:4cqw}
.detail-category{display:block;font-size:2.1cqw;letter-spacing:.12em;color:#a9a394}
.detail-title{display:block;font-size:6.2cqw;font-weight:400;letter-spacing:.02em;margin-top:1.6cqw;line-height:1.6}
.detail-artist{display:block;font-size:3.5cqw;line-height:1.7;margin-top:1cqw}
.detail-artist>span{font-size:2.8cqw;color:#888;margin-left:2cqw}
.detail-facts{margin-top:5cqw;font-size:2.65cqw;line-height:1.7}
.detail-facts>div{display:grid;grid-template-columns:26% 1fr;border-top:1px solid #ffffff20;padding:2cqw 0;gap:1.5cqw}
.detail-facts dt{color:#8e8e8e}.detail-facts dd{margin:0}
.detail-about-title{display:block;font-size:3.3cqw;font-weight:500;margin-top:4cqw}
.qr-story .detail-information>p{font-size:2.85cqw;line-height:1.85;color:#aaa;margin:2cqw 0 0;max-width:none}
.detail-save{display:flex;justify-content:center;align-items:center;gap:2.5cqw;background:#f5f5f5;color:#111;font-size:3.1cqw;line-height:1.5;padding:3cqw 1cqw;margin-top:4cqw;border-radius:1cqw}
.detail-save>svg{width:4cqw;height:4cqw}
@media(hover:hover){.business-index>a:hover{background:#f8f8f8}.business-index>a:hover .business-index-role>span{transform:translateY(4px)}}
@media(max-width:1000px){
 .purpose-composition{gap:42px}.purpose-copy .purpose-title{font-size:32px}
 .business-index>a{padding-inline:20px}.business-index strong{font-size:22px}
 .qr-journey{grid-template-columns:minmax(0,1fr) 35px minmax(220px,.8fr);gap:14px}
 .qr-story-heading{gap:40px}.qr-device-stage .device-mockup{width:250px;max-width:100%}
}
@media(max-width:760px){
 .purpose-v23{padding-block:80px 88px}
 .purpose-composition{grid-template-columns:1fr;gap:36px;margin-top:34px}
 .purpose-copy .purpose-title{font-size:clamp(26px,7vw,38px);line-height:1.75}
 .purpose-body{font-size:14px;margin-top:24px;line-height:2.1;letter-spacing:0}
 .purpose-copy>.editorial-link{margin-top:25px;max-width:260px}
 .culture-relay{max-width:420px;width:100%;justify-self:center;padding-top:13px}
 .relay-kicker{font-size:8px}.culture-relay>svg{margin-top:14px}.culture-relay>figcaption{font-size:10px}
 .business-introduction{margin-bottom:54px}
 .business-introduction .business-section-heading{grid-template-columns:1fr;gap:28px;padding-top:22px}
 .business-intro-title{font-size:28px}.business-intro-copy>p+p{font-size:14px;margin-top:20px}
 .business-index{grid-template-columns:1fr;margin-top:32px}
 .business-index>a,.business-index>a:first-child,.business-index>a:last-child{padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:10px 18px}
 .business-index>a+a{border-left:0;border-top:1px solid var(--line)}
 .business-index-meta{grid-column:1/-1;font-size:8px}.business-index strong{grid-column:1;margin:0;font-size:24px}
 .business-index-role{grid-column:1/-1;margin:0;font-size:12px}.business-index-role>span{position:relative;margin-top:-28px}
 .business-story>.atelier-business-head{gap:16px;padding-top:19px;margin-bottom:25px}
 .business-story .business-number{font-size:9px}.business-story .business-display{font-size:clamp(29px,9vw,58px)}
 .culture-grid{gap:26px 16px}.culture-grid figcaption{padding-top:10px}.culture-grid figcaption>span{font-size:8px}
 .culture-more-visual{padding:12%;gap:12px}.culture-more-visual>svg{width:42px}.culture-more-visual>p{font-size:11px}
 .culture-more figcaption>strong{font-size:12px}
 .process-grid{grid-template-columns:1fr;gap:25px;margin-top:38px}
 .process-grid li{display:grid;grid-template-columns:52px 1fr;gap:7px 22px;padding-top:22px}
 .process-grid li>span{grid-column:2;font-size:9px}.process-icon{grid-column:1;grid-row:1/4;width:49px;height:49px;margin:13px 0 0}
 .process-grid h3{grid-column:2;margin:0;font-size:21px}.process-grid p{grid-column:2;font-size:13px}
 .qr-story-v23{margin-top:70px;padding-top:42px}.qr-story-heading{grid-template-columns:1fr;gap:22px}
 .qr-story-heading h3{font-size:29px;margin-top:20px}.qr-story-heading>p{font-size:14px}
 .qr-journey{grid-template-columns:1fr;gap:22px;margin-top:34px}.qr-step{margin-bottom:18px;gap:7px}.qr-step>strong{font-size:13px}
 .qr-connection{width:1px;height:42px;justify-self:center;display:block;border-left:1px solid #aaa;margin:0 0 13px}
 .qr-connection>span,.qr-connection>small{display:none}.qr-connection>.arrow{position:absolute;bottom:-8px;left:-13px;transform:rotate(90deg)}
 .qr-device-stage{padding-top:5px}.qr-device-stage .device-mockup{width:min(82%,282px)}
 .qr-story-v23 figure>figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.business-index>a,.business-index-role>span{transition:none}}
@media print{.culture-relay svg{max-height:150px}.qr-journey{break-inside:avoid}}

/* v26 — photographs within the cultural relay; the original line remains. */
.purpose-v26 .purpose-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(34px,5vw,80px)}
.purpose-v26 .purpose-title{font-size:clamp(29px,3vw,44px)}
.culture-relay-photographic{padding-top:10px}
.relay-scene{position:relative;aspect-ratio:600/344;margin:28px 0 17px;isolation:isolate}
.relay-scene>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.relay-photo{position:absolute;width:27.667%;height:56.977%;overflow:hidden;background:#f3f3f0}
.relay-photo-create{left:2.333%;top:10.465%}
.relay-photo-encounter{left:36.167%;top:31.686%}
.relay-photo-inherit{left:70%;top:2.326%}
.relay-photo>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72)}
.relay-photo-create>img{object-position:55% 50%}
.relay-photo-encounter>img{object-position:48% 50%}
.relay-photo-inherit>img{object-position:43% 50%}
.culture-relay-photographic .relay-frames{color:#bcbcb6}
.culture-relay-photographic>figcaption{font-size:10px;letter-spacing:.08em}

/* Four business entrances, followed by a compact IP introduction. */
.business-index-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.business-index-four>a{padding-inline:22px}
.business-index-four strong{font-size:clamp(18px,1.8vw,27px)}
.business-index-four .business-index-role{font-size:11px}
.business-ip-summary{border-top:1px solid var(--line);padding-top:23px;margin-top:-35px;margin-bottom:100px;scroll-margin-top:calc(var(--header) + 28px)}
.business-ip-meta{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.business-ip-meta>span{font-size:10px;letter-spacing:.1em;color:#626262}
.business-ip-meta>p{font-size:11px;color:#5c5c5c}
.business-ip-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:20px}
.business-ip-heading>h3{font-size:clamp(45px,6.1vw,84px);font-weight:400;line-height:1.15;letter-spacing:-.06em}
.business-ip-heading>.editorial-link{width:230px;flex:none;margin-bottom:5px}
.directory-ip{scroll-margin-top:calc(var(--header) + 28px)}

.ip-monogram{display:flex;min-height:260px;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--line);padding:42px 24px;overflow:hidden}
.ip-mark{font-family:var(--sans);font-size:clamp(110px,13vw,178px);font-weight:350;line-height:1;letter-spacing:-.095em;position:relative;padding-right:.18em}
.ip-mark-point{position:absolute;width:.058em;height:.058em;background:currentColor;right:0;bottom:.105em;border-radius:50%}
.ip-mark-caption{font-size:8px;letter-spacing:.13em;color:#666;margin-top:30px;text-align:center}

/* Legal facts, address, and the exact management titles supplied by the company. */
.company-profile-v26{scroll-margin-top:calc(var(--header) + 30px)}
.company-profile-v26>dl>div{padding-block:30px}
.company-profile-v26 .company-legal-name{font-size:20px;letter-spacing:.01em}
.company-profile-v26 .company-english-name{font-size:13px;margin-top:8px;color:#666;letter-spacing:.025em}
.company-address{font-style:normal;font-size:15px;line-height:1.95}
.company-postcode{display:block;font-size:13px;margin-bottom:7px;letter-spacing:.035em}
.company-leadership{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.company-leadership>li{display:grid;grid-template-columns:minmax(102px,132px) minmax(0,1fr);align-items:baseline;gap:24px}
.leadership-role{font-size:12px;color:#666;line-height:1.8;letter-spacing:.025em}
.leadership-name{font-size:17px;line-height:1.8;letter-spacing:.06em;white-space:nowrap}
.company-profile-v26 dd.company-businesses>a{display:grid;grid-template-columns:minmax(132px,.9fr) minmax(0,1.4fr);align-items:baseline;gap:8px 20px;padding-block:8px;line-height:1.75}
.company-profile-v26 dd.company-businesses>a:first-child{padding-top:0}
.company-profile-v26 dd.company-businesses>a:last-child{padding-bottom:0}
.company-businesses>a>span{font-size:14px;letter-spacing:-.015em}
.company-businesses>a>small{font-size:12px;color:#666}

@media(max-width:1100px) and (min-width:761px){
 .business-index-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-index-four>a{padding:25px 24px}
 .business-index-four>a:nth-child(odd){border-left:0;padding-left:0}
 .business-index-four>a:nth-child(n+3){border-top:1px solid var(--line)}
 .business-index-four strong{font-size:25px}
 .company-profile-v26 dd.company-businesses>a{grid-template-columns:1fr;gap:1px;padding-block:10px}
}
@media(max-width:900px) and (min-width:761px){
 .purpose-v26 .purpose-composition{grid-template-columns:1fr;gap:44px}
 .purpose-v26 .culture-relay-photographic{width:min(100%,540px);justify-self:end}
}
@media(max-width:760px){
 .purpose-v26 .purpose-composition{grid-template-columns:1fr;gap:38px}
 .purpose-v26 .purpose-title{font-size:clamp(26px,7vw,38px)}
 .culture-relay-photographic{max-width:480px;width:100%;padding-top:8px}
 .relay-scene{margin-block:22px 14px}
 .business-index-four{grid-template-columns:1fr}
 .business-index-four>a,.business-index-four>a:first-child,.business-index-four>a:last-child{padding:22px 0}
 .business-index-four strong{font-size:24px}
 .business-index-four .business-index-role{font-size:12px}
 .business-ip-summary{margin-top:-12px;margin-bottom:64px;padding-top:20px}
 .business-ip-heading{display:block;margin-top:22px}
 .business-ip-heading>h3{font-size:clamp(44px,11vw,64px)}
 .business-ip-heading>.editorial-link{width:100%;max-width:300px;margin-top:26px}
 .ip-monogram{min-height:220px;padding-block:28px}
 .ip-mark{font-size:130px}
 .ip-mark-caption{margin-top:22px}
 .company-profile-v26>dl>div{gap:14px;padding-block:26px}
 .company-profile-v26 .company-legal-name{font-size:20px}
 .company-leadership{gap:18px}
 .company-leadership>li{grid-template-columns:116px minmax(0,1fr);gap:16px}
 .leadership-name{font-size:16px}
 .company-profile-v26 dd.company-businesses>a{grid-template-columns:1fr;gap:2px;padding-block:8px;margin:0}
 .company-businesses>a>span{font-size:15px}
}
@media print{
 .company-profile-v26>dl>div,.company-leadership>li{break-inside:avoid}
 .relay-scene>svg{max-height:none}
}


/* Cultural IP directory: show the complete product family, with a quiet caption. */
.directory-ip-figure{min-width:0;margin:0}
.directory-ip-figure>a{display:block}
.directory-ip-figure .ip-photo{overflow:hidden;background:#f7f7f4}
.directory-ip-figure .ip-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.directory-ip-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px 20px;flex-wrap:wrap;margin-top:15px;font-size:11px;line-height:1.9;color:#555}
.directory-ip-figure figcaption>span{font-size:10px;color:#777}
@media(max-width:760px){.directory-ip-figure figcaption{gap:5px 14px;margin-top:12px;font-size:10px}.directory-ip-figure figcaption>span{font-size:9px}}