/* Open galleries: a large photograph and an always-visible horizontal thumbnail strip. */
.layout-two .creator-overview{margin-top:38px;margin-bottom:0}
.layout-two .channels-section{padding-block:48px 24px}
.layout-two .platform-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.layout-two .platform-links .channel-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:24px;transition:transform .18s,border-color .18s}
.layout-two .platform-links .channel-card:hover{transform:translateY(-3px);border-color:#46aeb7}
.layout-two .platform-links .channel-card:focus-within{outline:3px solid #13989e;outline-offset:3px}
.layout-two .platform-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#0b1320;margin-bottom:8px}
.layout-two .platform-icon img{width:30px;height:30px;filter:invert(1)}
.layout-two .platform-tiktok .platform-icon{box-shadow:-3px 2px 0 #22d3cd,3px -2px 0 #f13e83}
.layout-two .platform-youtube .platform-icon{background:#e22525}
.layout-two .platform-shopee .platform-icon{background:#ee4d2d}
.layout-two .platform-links h3{font-size:20px;margin:18px 0 6px;line-height:1.6}
.layout-two .platform-links p{font-size:14px;line-height:1.8;color:var(--muted);flex:1}
.layout-two .platform-links .channel-card>a{font-size:14px;border:0;margin-top:4px;padding:0;color:var(--ink)}
.layout-two .platform-links .channel-card>a:after{content:'';position:absolute;inset:0;border-radius:20px}
.layout-two .platform-links .platform-shopee>a{color:var(--accent)}
.layout-two .topic-strip{margin-bottom:15px}
.layout-two .story-section>.integrated-method{width:calc(100% - 100px);max-width:none;margin:52px auto 0;padding:46px 0 0;border-top:1px solid var(--line)}
.layout-two .integrated-method .creator-method-list>li>div,.layout-two .integrated-method .method-takeaway{background:var(--card)}
.layout-two .integrated-method .section-heading h2{font-size:32px}
.layout-two .interactive-gallery{margin-top:26px}
.layout-two .gallery-stage{position:relative}
.layout-two .gallery-stage>.evidence-figure{margin:0 0 24px;max-width:none}
.layout-two .gallery-ready .gallery-stage>.evidence-figure{margin:0}
.layout-two .gallery-ready .gallery-stage{min-height:0;touch-action:pan-y}
.layout-two .gallery-stage .image-open{background:#0d1820;border:1px solid var(--line);border-radius:22px;width:100%;height:clamp(310px,48vw,640px);padding:0}
.layout-two .gallery-stage .image-open img{display:block;width:100%;height:100%;object-fit:contain;max-height:none}
.layout-two .gallery-stage figcaption{font-size:15px;line-height:1.8;min-height:30px;margin:13px 0 0;color:var(--muted)}
.layout-two .gallery-navigation{display:none;align-items:center;justify-content:space-between;gap:15px;margin:16px 0}
.layout-two .gallery-ready .gallery-navigation{display:flex}
.layout-two .gallery-counter{margin:0;font-size:14px;color:var(--muted)}
.layout-two .gallery-buttons{display:flex;gap:10px}
.layout-two .gallery-buttons button{height:45px;width:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);font-size:24px;line-height:1}
.layout-two .gallery-buttons button:hover{background:#ff794b;border-color:#ff794b;color:#21140e}
.layout-two .gallery-thumbnails{display:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#829ca8 transparent;padding:5px 3px 16px;max-width:100%}
.layout-two .gallery-ready .gallery-thumbnails{display:flex}
.layout-two .gallery-thumb{position:relative;display:block;flex:0 0 112px;width:112px;height:80px;border:2px solid transparent;border-radius:12px;background:var(--card);padding:3px;overflow:hidden;scroll-snap-align:center;transition:border-color .15s}
.layout-two .gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px;pointer-events:none}
.layout-two .gallery-thumb.is-selected{border-color:#d9552b;box-shadow:0 0 0 1px #d9552b}
.layout-two .gallery-thumb:hover{border-color:#138b96}
.layout-two .thumb-number{position:absolute;right:6px;bottom:6px;min-width:23px;padding:1px 5px;background:#101923df;color:#fff;border-radius:5px;font:600 12px/1.6 var(--latin)}
.layout-two .student-gallery{max-width:850px;margin-inline:auto}
.layout-two .student-gallery .image-open{height:clamp(420px,52vw,640px);background:#fff;padding:18px}
.layout-two .student-gallery .gallery-thumb{background:#fff}
.layout-two .student-gallery .gallery-thumb img{object-fit:contain}
/* Allow direct text selection when the owner is editing a card. */
.layout-two.editor-active .platform-links .channel-card>a:after{display:none}
@media(max-width:1000px){.layout-two .platform-links{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-two .story-section>.integrated-method{width:calc(100% - 70px)}}
@media(max-width:700px){
.layout-two .creator-overview{margin-top:26px}
.layout-two .channels-section{padding-block:35px 18px}
.layout-two .platform-links{gap:14px;margin-top:22px}
.layout-two .platform-links .channel-card{padding:20px 18px;border-radius:17px}
.layout-two .platform-links h3{font-size:18px}
.layout-two .platform-icon{width:50px;height:50px;border-radius:13px}
.layout-two .platform-icon img{width:27px;height:27px}
.layout-two .gallery-stage .image-open{height:clamp(245px,65vw,430px);border-radius:16px}
.layout-two .student-gallery .image-open{height:480px;padding:10px}
.layout-two .gallery-stage figcaption{font-size:14px;min-height:50px}
.layout-two .gallery-thumbnails{gap:10px}
.layout-two .gallery-thumb{flex-basis:92px;width:92px;height:70px}
.layout-two .story-section>.integrated-method{width:calc(100% - 44px);margin-top:35px;padding-top:32px}
.layout-two .integrated-method .section-heading h2{font-size:27px}
}
@media(max-width:380px){.layout-two .platform-links{grid-template-columns:1fr}.layout-two .student-gallery .image-open{height:420px}.layout-two .platform-links .channel-card{padding:20px}}
/* Audience numbers and all channel destinations live together. */
.layout-two .creator-overview{display:block;padding:45px 55px}
.layout-two .creator-overview .overview-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;row-gap:15px;align-items:center}
.layout-two .overview-copy>.eyebrow{grid-column:1 / -1;margin-bottom:0}
.layout-two .overview-copy>h2{grid-column:1;grid-row:2 / span 2;margin:0}
.layout-two .overview-copy>p:not(.eyebrow){grid-column:2;margin:0;max-width:none}
.layout-two .overview-copy>.button{grid-column:2;justify-self:start;align-self:start}
.layout-two .channels-section .follower-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 0;padding:0}
.layout-two .channels-section .follower-strip>div{padding:22px 18px;transform:none;box-shadow:none;background:var(--panel);border:1px solid var(--line)}
.layout-two .channels-section .follower-strip strong{font-size:37px}
.layout-two .channels-section .follower-note{margin:13px 0 24px;font-size:13px;line-height:1.8;color:var(--muted)}
.layout-two .platform-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-two .platform-facebook .platform-icon{background:#0866ff}
.layout-two .platform-links .platform-facebook>a{color:#1764bc}
[data-theme="dark"] .layout-two .platform-links .platform-facebook>a{color:#89bbff}
@media(max-width:800px){
.layout-two .creator-overview{padding:35px}
.layout-two .creator-overview .overview-copy{column-gap:30px}
.layout-two .channels-section .follower-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.layout-two .platform-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
.layout-two .creator-overview{padding:30px 24px}
.layout-two .creator-overview .overview-copy{display:block}
.layout-two .overview-copy>.eyebrow{margin-bottom:17px}
.layout-two .overview-copy>h2{margin-bottom:20px}
.layout-two .overview-copy>p:not(.eyebrow){margin-bottom:22px}
.layout-two .channels-section .follower-strip{gap:12px}
.layout-two .channels-section .follower-strip>div{padding:20px 12px}
.layout-two .channels-section .follower-strip strong{font-size:33px}
}
@media(max-width:380px){.layout-two .platform-links{grid-template-columns:1fr}}