
/* This stylesheet belongs only to the hosted concept. */
.gallery-v2 .wrap{width:min(1200px,calc(100% - 64px))}.gallery-v2 .intro{padding:46px 0 38px}.gallery-v2 .intro h1{font-size:clamp(40px,5vw,64px)}.concept-switch{display:flex;gap:4px;background:#eef1eb;padding:4px;border-radius:30px;font-size:12px}.concept-switch a{padding:8px 14px;border-radius:24px;text-decoration:none;color:#67716a}.concept-switch a[aria-current=page]{background:#fff;color:#254737;box-shadow:0 1px 5px #20302412}.gallery-v2 .panels{height:550px;gap:10px}.gallery-v2 .panel{background:#14251d;transition:flex .55s cubic-bezier(.19,1,.22,1);border-radius:16px}.gallery-v2 .panel.active{flex:3.8}.gallery-v2 .panel[hidden]{display:none!important}.gallery-v2 .panel::after{z-index:1;background:linear-gradient(180deg,#06120ec9 0%,#06120e1a 24%,#06120e00 43%,#071a1485 65%,#06140ff2 88%)}.person-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:grayscale(1) brightness(.83);transform:scale(1.025);transition:filter .55s,transform .7s;z-index:0}.active .person-photo{filter:grayscale(0) brightness(1);transform:scale(1)}.gallery-v2 .panel-toggle{z-index:2}.gallery-v2 .panel-name{font-size:17px;line-height:1.16;top:49px;left:20px;right:14px;font-weight:500;text-shadow:0 2px 16px #0003}.gallery-v2 .active .panel-name{font-size:29px}.gallery-v2 .panel-number{top:22px;left:20px;opacity:.7}.gallery-v2 .panel-plus{z-index:2;bottom:24px;color:#fff;border-color:#ffffff8a}.gallery-v2 .panel-detail{z-index:3;bottom:22px;left:22px;right:22px;transition:opacity .18s;pointer-events:none}.gallery-v2 .active .panel-detail{transition-delay:.16s;pointer-events:auto}.gallery-v2 .panel-detail h2{font-size:29px;max-width:330px;margin-bottom:10px;line-height:1.1}.gallery-v2 .panel-detail p{font-size:12px;max-width:280px;color:#ffffffc7;margin-bottom:17px}.gallery-v2 .panel-detail .example-link{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #ffffff42;border-radius:9px;background:#ffffff10;padding:7px 7px 7px 14px;backdrop-filter:blur(10px);min-height:67px;max-width:365px;color:#fff}.example-link>span:first-child{font-size:12px;line-height:1.4;white-space:nowrap}.example-link b{font-weight:400;margin-left:9px;font-size:17px}.mini-preview{display:block;position:relative;width:97px;height:54px;overflow:hidden;flex-shrink:0;background:#fff;border-radius:4px;pointer-events:none}.mini-preview iframe{border:0;position:absolute;top:0;left:0;width:760px;height:430px;transform:scale(.128);transform-origin:top left;pointer-events:none;max-width:none}.gallery-v2 .gallery-bottom{align-items:center;min-height:45px;margin-top:10px}.gallery-v2 .gallery-note{margin-top:25px;padding-bottom:45px}.category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:0 auto 23px;max-width:1100px}.category-nav button{background:transparent;border:1px solid #d5ded4;border-radius:30px;padding:8px 12px;font-size:11px;color:#5b6d61;min-height:35px}.category-nav button span{font-size:9px;opacity:.55;margin-right:4px}.category-nav button[aria-pressed=true]{background:#203f31;color:#fff;border-color:#203f31}.group-controls{display:flex;align-items:center;gap:7px}.group-controls span{min-width:95px;text-align:center;font-variant-numeric:tabular-nums}.group-controls button{background:transparent;border:1px solid #ccd6cb;width:35px;height:35px;border-radius:50%;color:#294733;font-size:17px;display:grid;place-items:center}.group-controls button:disabled{opacity:.3}.ten-mode .intro{padding-bottom:25px}.ten-mode .panels{height:530px}.ten-mode .panel.active{flex:3.1}.ten-mode .panel-detail h2{font-size:28px}.gallery-v2 .panels:not(.enhanced){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.gallery-v2 .panels:not(.enhanced) .panel{min-height:520px}.gallery-v2 .panels:not(.enhanced) .panel-detail{visibility:visible;opacity:1;pointer-events:auto}.gallery-v2 .panels:not(.enhanced) .person-photo{filter:none}.gallery-v2 .panels:not(.enhanced) .panel-plus{display:none}
@media(max-width:1100px) and (min-width:901px){.gallery-v2 .panel-name{font-size:14px;left:14px}.gallery-v2 .panel-number{left:14px}.gallery-v2 .active .panel-name{font-size:26px}.gallery-v2 .panel.active{flex:4.4}.gallery-v2 .panel-detail h2{font-size:26px}.gallery-v2 .panel-detail{left:18px;right:18px}.example-link>span:first-child{font-size:11px}.mini-preview{width:80px}.ten-mode .panel.active{flex:3.5}}
@media(max-width:900px){.gallery-v2 .panels,.ten-mode .panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:16px}.gallery-v2 .panel{min-height:510px}.gallery-v2 .person-photo{filter:none}.gallery-v2 .panel-name,.gallery-v2 .active .panel-name{font-size:27px;left:22px}.gallery-v2 .panel-number{left:22px}.gallery-v2 .panel-detail{visibility:visible;opacity:1;pointer-events:auto}.gallery-v2 .panel-detail h2{font-size:27px}.gallery-v2 .panel-plus{display:none}.group-controls{display:none}.category-nav{gap:6px}.category-nav button{font-size:11px}.gallery-v2 .panel-toggle{pointer-events:none}.gallery-v2 .gallery-bottom{font-size:11px}}
@media(max-width:600px){.gallery-v2 .wrap{width:calc(100% - 32px)}.gallery-v2 .intro{padding-top:32px;padding-bottom:28px}.gallery-v2 .intro h1{font-size:42px}.gallery-v2 .intro p{max-width:310px}.gallery-v2 .panels{grid-template-columns:1fr;gap:14px}.gallery-v2 .panel{min-height:520px}.gallery-v2 .panel-detail h2{font-size:30px}.gallery-v2 .panel-detail p{font-size:13px}.concept-switch{font-size:10px}.concept-switch a{padding:7px 10px}.gallery-v2 .gallery-header{padding:20px 0}.ten-mode .panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;height:520px;padding-bottom:0;border-radius:16px;scrollbar-width:thin}.ten-mode .panel,.ten-mode .panel.active{flex:0 0 88%;min-width:0;scroll-snap-align:center}.ten-mode .person-photo{filter:none}.ten-mode .category-nav{justify-content:flex-start;margin-bottom:16px}.ten-mode .category-nav button{padding:7px 9px;font-size:10px}.ten-mode .gallery-bottom::after{content:'Swipe to explore →';font-size:11px}.ten-mode .gallery-bottom{flex-wrap:wrap}.ten-mode .panel-detail h2{font-size:28px}.gallery-v2 .gallery-note{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.gallery-v2 .panel,.person-photo,.gallery-v2 .panel-detail,.gallery-v2 .active .panel-detail{transition:none!important}.ten-mode .panels{scroll-behavior:auto}}
/* Each demo has its own visual language. */
.service .hero-art .art{aspect-ratio:600/650;object-fit:cover;object-position:center 38%}.service .floating-label{right:20px;left:auto;max-width:230px}.proposal-cover{display:flex;align-items:center;justify-content:space-between;padding:32px;background:#183544;color:#e9f2ef;border-radius:4px;gap:25px}.proposal-cover strong{font-family:Georgia,serif;font-size:28px;line-height:1.1;display:block;margin-bottom:12px}.proposal-cover img{width:130px;height:150px;object-fit:cover;object-position:center 30%;border-radius:2px}.proposal-cover span{font-size:11px;letter-spacing:.07em}.proposal .paper{border-top:8px solid #193748}.proposal h1{color:#193748}.proposal .eyebrow{color:#5e7885}.deck .slide:first-child{background:#271731;color:#fff}.deck .slide:first-child>.stage-photo{position:absolute;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:center 26%;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 25%)}.deck .slide:first-child .slide-content{max-width:67%}.deck .slide:first-child .eyebrow,.deck .slide:first-child .slide-foot{position:relative;z-index:1}.report{background:#e8edf2}.report .report-layout{background:#f5f7fa;padding:40px;border-radius:16px;margin:25px 0 60px;gap:45px}.report .report-layout aside{width:160px}.report #summary>.grid3 .card{background:#193b4d;color:#fff;border:0}.report #summary>.grid3 .note{color:#c1d3db}.report #summary h1{font-weight:650;letter-spacing:-.06em}.event .event-hero{background:#341b15;color:#fff;min-height:590px}.event .event-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#261510ec 0%,#261510aa 40%,#26151008 78%),url(people-event.jpg) center 34%/cover}.event .event-hero>*{position:relative;z-index:1}.event .event-hero .event-art{display:none}.event h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(80px,10vw,130px);line-height:.85}.event .event-hero .button{background:#f5da68;color:#30291b}.portfolio{background:#f7f8f4}.portfolio .portfolio-hero{display:grid;grid-template-columns:1.35fr .65fr;column-gap:50px;align-items:center}.portfolio .portfolio-hero>.eyebrow{grid-column:1/-1}.portfolio .portfolio-hero h1{font-size:clamp(44px,5.5vw,72px);grid-column:1}.portfolio .portfolio-hero>.artist-photo{grid-column:2;grid-row:2/4;width:100%;height:350px;object-fit:cover;object-position:center 30%;border-radius:3px}.portfolio .portfolio-hero>div{grid-column:1}.portfolio .portfolio-hero .serif{font-family:inherit;font-style:italic;color:#284ec9}.portfolio .button{background:#274dc5}.portfolio .work-card:first-child .art{background:#e1e650}.portfolio .work-card:nth-child(2) .art{background:#eebad0}
@media(max-width:900px){.report .report-layout{padding:24px;gap:20px}.report .report-layout aside{width:auto}.portfolio .portfolio-hero{column-gap:25px}.portfolio .portfolio-hero>.artist-photo{height:300px}}
@media(max-width:600px){.proposal-cover{padding:22px;gap:16px}.proposal-cover strong{font-size:23px}.proposal-cover img{width:95px;height:125px}.deck .slide:first-child>.stage-photo{width:100%;opacity:.4;mask-image:linear-gradient(0deg,transparent,#000 50%)}.deck .slide:first-child .slide-content{max-width:100%}.report .report-layout{padding:20px 15px}.report h1{font-size:40px}.event .event-hero{min-height:570px}.event .event-hero::before{background-position:62% 35%;background-image:linear-gradient(90deg,#261510ca,#26151050),url(people-event.jpg)}.portfolio .portfolio-hero{grid-template-columns:1fr;gap:0}.portfolio .portfolio-hero>.artist-photo{grid-column:1;grid-row:auto;height:320px;margin:16px 0 25px}.portfolio .portfolio-hero h1{font-size:48px}.portfolio .portfolio-hero>div{grid-column:1}}
.preview .report .report-layout{padding:20px;margin:0}.preview .portfolio .portfolio-hero{grid-template-columns:1.35fr .65fr;column-gap:25px}.preview .portfolio .portfolio-hero>.artist-photo{grid-column:2;grid-row:2/4;height:250px}.preview .portfolio .portfolio-hero h1{font-size:48px}.preview .event .event-hero{min-height:470px}
