/* Editorial hierarchy: a curated front page, detailed stories and a complete collection. */
.intro-label{display:block;margin-bottom:20px;color:#b7ddf1;font-size:10px}
.quiet-intro h1{font-size:clamp(48px,6.5vw,86px);font-weight:500;letter-spacing:-.065em}
.quiet-intro p{font-size:16px;line-height:1.9;max-width:620px}
.intro-actions{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px;font-size:12px}.intro-actions a{min-height:44px;display:inline-flex;gap:18px;align-items:center}.intro-actions a:first-child{color:#e1f0fa}.intro-actions a+ a{color:#a6b3c2}
.quiet-gallery{margin-top:35px;margin-bottom:96px}.quiet-caption h2{font-size:34px}.quiet-caption p{font-size:14px;line-height:1.9}
.quiet-caption .preview-control{display:flex;width:max-content;margin-top:13px}
.preview-control{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:#9fbed3;font-size:11px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9fbed34d}
.preview-control:hover{color:#e3f2fc;text-decoration-color:currentColor}
.project-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:5px}
.project-feature-link{font-size:12px}.work-content>p{font-size:15px;line-height:1.9}.work-title h3{font-size:28px;line-height:1.25}.project-meta{font-size:11px;line-height:1.7}
.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 42px}.curated-grid>.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:55px;align-items:center}.curated-grid>.work-card:first-child .work-content{padding-top:0}.curated-grid>.work-card:first-child .work-title h3{font-size:37px}.curated-grid>.work-card:first-child .project-browser img{aspect-ratio:16/10}
.collection-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:65px;padding:28px 0;border-block:1px solid var(--line);font-size:23px;letter-spacing:-.03em}.collection-link>span{color:#b7ddf1;font-size:28px;grid-row:1/3;grid-column:2}.collection-link small{font-size:11px;color:#9ba8b9;letter-spacing:0}
.interface-band{padding:90px 0;background:#18232d;border-block:1px solid #b7ddf124}.interface-band-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;align-items:center}.interface-band h2{font-size:clamp(36px,4.2vw,55px);line-height:1.15;margin:22px 0}.interface-band h2 span{color:#a8c4d8}.interface-band p{max-width:430px;font-size:14px;line-height:1.9;color:#afc1d0}.workflow-links{display:grid;margin-top:28px}.workflow-links a{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:15px 0;border-top:1px solid #b7ddf126}.workflow-links span{color:#b7ddf1}.interface-detail{display:block;position:relative;background:#101318;border:1px solid #b7ddf13b;border-radius:4px;box-shadow:0 35px 65px #05090d66;transform:rotate(-2deg);transition:transform .35s ease}.interface-detail:hover{transform:rotate(0deg)}.interface-detail img{display:block;width:100%;height:auto;border-radius:3px 3px 0 0}.interface-detail>span{display:flex;justify-content:space-between;padding:18px 20px;color:#d8e8f3;font-size:12px}
.approach-band{background:#dce6ed;overflow:clip}.approach-band .about-section{color:#14232d;padding-block:85px}.approach-band .eyebrow,.approach-band .approach-list>div>span{color:#4b626f}.approach-band .about-heading>p,.approach-band .about-copy h2{color:#14232d}.approach-band .about-copy h2 span{color:#5b727f}.approach-band .about-copy>p,.approach-band .approach-list p{color:#405762}.approach-band .approach-list>div{border-color:#18334526}.approach-band .about-copy>p{font-size:16px;line-height:1.9}.approach-band .about-heading>p{font-size:30px}
.work-collection{padding-top:45px;padding-bottom:90px}.collection-heading{max-width:850px;margin-bottom:60px}.collection-heading h1{font-size:clamp(43px,6vw,76px);line-height:1.14;margin:24px 0;letter-spacing:-.06em}.collection-heading h1 span{color:#9bafc0}.collection-heading p{font-size:16px;line-height:1.9;max-width:600px}.work-collection #projects{border-top:0}.work-collection .work-filters{margin-bottom:44px}.collection-contact{margin-top:90px;padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.collection-contact p{font-size:24px;color:#dce8f1;letter-spacing:-.03em}
.case-story{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;padding:75px 0;border-bottom:1px solid var(--line);margin-bottom:65px}.story-heading h2{font-size:clamp(30px,3.5vw,45px);line-height:1.2;margin:23px 0;max-width:480px}.story-role{font-size:12px;color:#a7c2d6;line-height:1.9;max-width:390px}.story-chapters{display:grid;gap:32px}.story-chapters article{display:grid;grid-template-columns:28px 1fr;column-gap:18px}.story-number{font-size:10px;color:#8eabc2;padding-top:7px}.story-chapters h3{font-size:23px;line-height:1.3;margin:0 0 13px}.story-chapters p{grid-column:2;margin:0;font-size:15px;line-height:1.95;color:#b1bdca}
.project-tour{margin:65px 0 80px;min-width:0}.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.tour-heading h2{font-size:clamp(32px,4vw,49px);line-height:1.2;margin:15px 0 0}.tour-source{max-width:345px;font-size:11px;line-height:1.9;color:#9eafbf;margin:0}.tour-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:35px;align-items:start}.tour-screen{min-width:0}.tour-screen figure{margin:0 0 28px;border:1px solid var(--line);background:#151c24}.tour-screen img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;object-position:top}.tour-screen figcaption{display:flex;gap:18px;padding:16px 18px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:#c9dce9}.tour-screen figcaption>span:first-child{color:#8bacc3;font-size:10px}.tour-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:44px}.tour-toolbar[hidden]{display:none}.tour-toolbar button{background:#b7ddf1;color:#101820;border:0;border-radius:3px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:600;cursor:pointer}.tour-toolbar button[hidden]{display:none}.tour-toolbar>span{font-size:10px;color:#b1bdca;font-variant-numeric:tabular-nums}.tour-step{border-top:1px solid var(--line);padding:8px 0 21px}.tour-step button{display:flex;align-items:baseline;gap:13px;width:100%;min-height:48px;padding:9px 0;text-align:left;background:none;border:0;color:#9eafbf;font-size:15px;line-height:1.6;cursor:pointer}.tour-step button:disabled{cursor:default;opacity:1}.tour-step button>span:first-child{font-size:10px;flex:none;color:#839cae}.tour-step button>span:last-child{margin-left:auto;font-size:15px}.tour-step button[aria-current=step]{color:#e7f2fa}.tour-step:has([aria-current=step]){border-color:#b7ddf1}.tour-step p{font-size:13px;line-height:1.9;margin:7px 0 0 28px;color:#a7b5c3}.tour-step p:empty{display:none}.tour-enhanced figure{margin-bottom:0}.project-jump-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.project-detail>.project-cover{margin-bottom:0}
.preview-dialog{position:fixed;inset:0;width:min(1180px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;background:#121920;border:1px solid #b7ddf149;border-radius:5px;color:#e5edf3;box-shadow:0 30px 100px #0008}.preview-dialog::backdrop{background:#04080de8}.preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #ffffff20;position:sticky;top:0;background:#121920;z-index:1}.preview-dialog-header h2{font-size:17px;margin:0}.preview-dialog button{background:transparent;color:#e5edf3;border:1px solid #ffffff30;border-radius:3px;min-width:44px;min-height:44px;padding:9px 12px;cursor:pointer;font-size:12px}.preview-dialog .preview-tabs{display:flex;gap:8px;padding:14px 20px}.preview-dialog [aria-pressed=true]{background:#b7ddf1;color:#14212a}.preview-dialog-image{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;background:#0d1218}.preview-dialog[data-device=mobile] .preview-dialog-image{max-width:min(390px,100%)}.preview-dialog-caption{padding:16px 20px;margin:0;color:#a6b7c7;font-size:11px}
@media(max-width:999px){.curated-grid>.work-card:first-child{gap:30px;grid-template-columns:1.4fr 1fr}.curated-grid>.work-card:first-child .work-title h3{font-size:30px}.interface-band-layout{gap:35px}.case-story{gap:40px}.tour-layout{grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:23px}}
@media(max-width:760px){.quiet-intro h1{font-size:clamp(43px,8.6vw,64px)}.quiet-intro p{font-size:15px}.intro-label{font-size:9px;letter-spacing:.1em;margin-bottom:17px}.intro-actions{margin-top:17px;gap:22px}.quiet-gallery{margin-top:25px;margin-bottom:65px}.quiet-caption h2{font-size:29px}.quiet-caption p{font-size:14px}.quiet-caption .preview-control{margin-top:5px}.curated-grid{gap:44px}.curated-grid>.work-card:first-child{display:block}.curated-grid>.work-card:first-child .work-content{padding-top:30px}.curated-grid>.work-card:first-child .work-title h3{font-size:28px}.collection-link{font-size:20px;margin-top:40px}.interface-band{padding:60px 0}.interface-band-layout{grid-template-columns:1fr;gap:40px}.interface-band h2{font-size:42px}.interface-detail{transform:none;margin:0 5px}.approach-band .about-section{padding-block:60px}.work-collection{padding-top:30px}.collection-heading{margin-bottom:34px}.collection-heading h1{font-size:clamp(39px,8vw,59px)}.collection-heading p{font-size:15px}.collection-contact{display:block;margin-top:60px}.collection-contact p{font-size:23px}.case-story{grid-template-columns:1fr;gap:30px;padding:45px 0;margin-bottom:45px}.story-heading h2{font-size:33px;max-width:550px}.story-role{max-width:none}.story-chapters p{font-size:14px}.project-tour{margin-block:45px 60px}.tour-heading{display:block}.tour-source{max-width:550px;margin-top:18px}.tour-layout{grid-template-columns:1fr;gap:25px}.tour-steps{display:grid;grid-template-columns:1fr;gap:0}.tour-step button{font-size:15px}.tour-screen img{max-height:none}.tour-step{padding-bottom:18px}.preview-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.preview-dialog-header{padding:12px}.preview-dialog-header h2{font-size:15px}.project-actions{gap:5px 15px}.work-title h3{font-size:27px}}
@media(max-width:520px){.curated-grid{grid-template-columns:1fr}.quiet-intro h1{font-size:clamp(39px,10.7vw,55px)}.intro-actions{font-size:11px;gap:18px}.work-content>p{font-size:14px}.project-meta{font-size:10px}.collection-heading h1{font-size:clamp(35px,9.7vw,49px)}.tour-heading h2{font-size:35px}.story-heading h2{font-size:30px}.story-chapters article{column-gap:12px;grid-template-columns:23px 1fr}.project-actions .preview-control{font-size:10px}}
@media(prefers-reduced-motion:reduce){.interface-detail{transform:none;transition:none}}
.tour-enhanced .tour-screen img{aspect-ratio:16/10;object-fit:contain;background:#111820}.tour-enhanced .tour-screen figcaption{min-height:60px;align-items:center}
.workflow-illustration{aspect-ratio:16/10;min-height:360px;display:flex;flex-direction:column;padding:22px 26px;background:radial-gradient(ellipse at 50% 40%,#b7ddf10c,transparent 70%),#101920;color:#dcebf5}.illustration-top,.illustration-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:#a3bfd2}.illustration-top>span{font-weight:700;letter-spacing:.16em;color:#dfedf6}.illustration-top small{font-size:8px;letter-spacing:.08em}.illustration-center{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 10px;min-width:0}.illustration-eyebrow{color:#8aaac0;font-size:9px;letter-spacing:.1em;line-height:1.8}.illustration-center h3{font-size:clamp(22px,2.2vw,32px);line-height:1.25;margin:15px 0 22px;letter-spacing:-.04em}.illustration-center p{font-size:11px;line-height:1.8;color:#8fa6b7;margin:18px 0 0}.illustration-bottom{font-size:8px;letter-spacing:.04em;border-top:1px solid #b7ddf126;padding-top:13px}.sample-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:95px;border:1px solid #b7ddf126;border-radius:4px;padding:15px}.sample-wave i{display:block;width:4px;height:15px;background:#b7ddf1;border-radius:3px;opacity:.8}.sample-wave i:nth-child(2n){height:30px}.sample-wave i:nth-child(3n){height:45px}.sample-wave i:nth-child(5n){height:63px}.sample-pipeline{display:flex;gap:20px;align-items:center}.sample-pipeline>span{flex:1;border:1px solid #b7ddf140;border-radius:3px;padding:20px 16px;font-size:20px}.sample-pipeline small{display:block;margin-top:10px;color:#90aabe;font-size:10px}.sample-pipeline b{color:#8db6d0;font-weight:400}.sample-transcript{border-left:2px solid #b7ddf1;background:#b7ddf108;margin:0;padding:19px 22px;font-size:19px;line-height:1.75;color:#dcebf5}.sample-files{display:grid;gap:8px}.sample-files>div{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #b7ddf129;border-radius:3px;font-size:11px;color:#c5dce9;overflow-wrap:anywhere}.sample-files small{margin-left:auto;font-size:8px;color:#8aa3b5;flex:none}
@media(max-width:760px){.workflow-illustration{min-height:350px;padding:18px}.illustration-center{padding:25px 0}.illustration-center h3{font-size:27px}.sample-pipeline{gap:12px}.sample-pipeline>span{padding:15px 12px;font-size:18px}.sample-transcript{font-size:17px;padding:15px}.illustration-top small{max-width:130px;line-height:1.6;text-align:right}.sample-files>div{font-size:10px}}
.workflow-illustration{width:100%;min-width:0}.quiet-intro h1:lang(bg){letter-spacing:-.045em;word-spacing:.06em}.quiet-intro p:lang(bg){word-spacing:.025em}
@media(max-width:760px){.tour-enhanced .tour-layout{display:flex;flex-direction:column}.tour-enhanced .tour-screen{width:100%}.tour-enhanced .tour-steps{order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}.tour-enhanced .tour-step{display:contents}.tour-enhanced .tour-step button{grid-row:1;display:block;min-width:0;min-height:84px;padding:10px 8px;font-size:11px;line-height:1.6;border:1px solid #b7ddf126;border-radius:3px;background:#141d25;overflow-wrap:anywhere}.tour-enhanced .tour-step button>span:first-child{display:block;margin-bottom:5px;font-size:9px}.tour-enhanced .tour-step button>span:last-child{display:none}.tour-enhanced .tour-step button[aria-current=step]{border-color:#b7ddf17d;background:#1d2c38;color:#edf7fd}.tour-enhanced .tour-step p{grid-column:1/-1;grid-row:2;margin:5px 0 0;font-size:12px;line-height:1.9}.tour-enhanced .tour-heading{margin-bottom:23px}}
.tour-step-short{display:none}@media(max-width:760px){.tour-enhanced .tour-step-title{display:none}.tour-enhanced .tour-step-short{display:block}.tour-enhanced .tour-step button{min-height:65px;overflow-wrap:normal;font-size:11px}}
