:root{--paper:#eee7d8;--ink:#142e50;--red:#3466b5;--line:#c6bbab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:74px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}button{cursor:pointer}.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50}.progress i{display:block;height:100%;width:0;background:var(--red)}header{position:fixed;inset:3px 0 auto;z-index:30;background:rgba(238,231,216,.95);border-bottom:1px solid var(--line);height:71px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;gap:20px}.brand{font-size:14px;font-weight:700;letter-spacing:.04em}.brand span{margin-left:10px;color:#73736e}nav{display:flex;gap:30px}nav a{font-size:14px;border-bottom:2px solid transparent}nav a.active{color:var(--red);border-color:var(--red)}.edition{font-size:12px;letter-spacing:.1em}.rail{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:12px}.rail>span:first-child{writing-mode:vertical-rl;letter-spacing:.1em}.rail>span:last-child{writing-mode:vertical-rl;color:#777}#dots{display:grid;gap:9px}#dots a{width:6px;height:6px;background:#aaa;border-radius:50%;display:block}#dots a.active{background:var(--red);transform:scale(1.6)}.screen{min-height:100svh;padding:112px 7.8% 55px 10.5%;scroll-snap-align:start;position:relative;border-bottom:1px solid var(--line)}.eyebrow{font-size:14px;letter-spacing:.08em;margin-bottom:28px;color:#64645f}.hero h1{font-size:clamp(64px,8.7vw,140px);line-height:1.07;letter-spacing:-.065em;margin:28px 0 40px;font-weight:700}.hero h1 span{color:var(--red)}h2{font-size:clamp(40px,4.4vw,76px);line-height:1.18;letter-spacing:-.04em;margin:0 0 38px}h3{font-size:21px;line-height:1.4;margin:15px 0}p{margin:0 0 20px;max-width:65ch}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-bottom>p{font-size:22px}.hero-equation{display:grid;grid-template-columns:auto 1fr;gap:4px 24px;align-items:center}.hero-equation b{font-size:32px;letter-spacing:-.05em}.hero-equation span{font-size:14px}.red{color:var(--red)}.folio{margin-top:45px;border-top:1px solid var(--line);padding-top:20px;font-size:14px;display:flex;justify-content:space-between}.folio>span{font-size:12px;color:#777}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.use-grid article{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:185px}.use-grid h3{font-size:25px}.use-grid p{font-size:15px;margin:0}.use-grid .num{color:var(--red)}.use-grid article:last-child{grid-column:span 2}.note{font-size:14px;color:#666;margin-top:22px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow,.dark .note{color:#aaa}.dark h2{max-width:1100px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:55px}.large-copy{font-size:clamp(26px,3vw,44px);line-height:1.45}.split p{line-height:1.85}.decision{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #555;border-left:1px solid #555}.decision span{border-bottom:1px solid #555;border-right:1px solid #555;padding:16px}.title-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.title-row>p{color:#666;margin-bottom:38px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.filters button{background:transparent;border:1px solid var(--line);padding:8px 15px;font-size:14px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool{padding:20px;text-align:left;background:transparent;border:1px solid var(--line);min-height:165px;transition:background .2s,transform .2s}.tool:hover{background:white;transform:translateY(-3px)}.tool small{color:var(--red);font-size:12px}.tool h3{margin:13px 0;font-size:22px}.tool p{font-size:14px;margin:0;color:#60605b}.layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.layer-grid article{border-top:2px solid var(--ink);padding:20px 0}.num{font-size:14px;letter-spacing:.07em;color:var(--red)}.layer-grid small{font-size:14px;color:#666}.network{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.network h3{grid-column:1/-1}.sources{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;text-decoration:underline}.prompt-line{border-top:1px solid #555;padding:22px 0;color:#accfff;font-size:20px;margin-top:25px}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.case-heading h2{font-size:clamp(32px,3.5vw,56px);margin-bottom:22px}.badge{white-space:nowrap;background:#ded9cc;font-size:14px;padding:6px 13px}.red-badge{background:#d9e7fa;color:#1d4a86}blockquote{margin:0 0 25px;border-left:3px solid var(--red);padding:10px 20px;font-size:22px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.image-cell{aspect-ratio:1/1;position:relative;background-color:#e4dece;background-repeat:no-repeat;background-size:400% 200%;overflow:hidden;border:1px solid #ddd}.image-cell>span{position:absolute;bottom:10px;left:10px;background:rgba(246,246,242,.94);padding:4px 10px;font-size:12px}.unknowns,.conditions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.unknowns span,.conditions span{border:1px solid var(--line);padding:6px 12px;font-size:14px}.conditions{margin-top:0}details{border-top:1px solid var(--line);padding:15px 0;margin-top:20px}summary{cursor:pointer;font-size:16px}details p{max-width:none;margin-top:14px}.copy{border:1px solid var(--ink);padding:9px 18px;background:var(--ink);color:white;font-size:14px}.iteration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.iteration-grid article{border-top:1px solid var(--line);padding-top:20px}.check{margin-top:40px;border:1px solid var(--line);padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.check h3{grid-column:1/-1;margin-top:0}.check label{display:flex;gap:12px;align-items:center}.check input{accent-color:var(--red);width:18px;height:18px}.composer{display:grid;grid-template-columns:1fr 1fr;gap:45px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{font-size:14px}form label:last-child{grid-column:1/-1}textarea{display:block;width:100%;min-height:100px;resize:vertical;background:white;border:1px solid var(--line);padding:12px;margin-top:8px;font-size:15px;line-height:1.7}.preview{border-top:2px solid var(--ink);padding:15px 0}.preview p{white-space:pre-line}footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}dialog{width:min(680px,90vw);border:0;background:var(--paper);padding:40px;max-height:85svh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.55)}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px}dialog h2{font-size:38px}dialog p{margin-bottom:16px}.detail-label{color:var(--red);font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:white;padding:12px 22px;opacity:0;pointer-events:none;transition:opacity .2s}.revealed{animation:enter .6s ease both}@keyframes enter{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:1600px){.screen{padding-right:12%;padding-left:14%}}@media(max-width:1000px){.edition{display:none}.rail{left:14px}.screen{padding-left:8%;padding-right:5%}.tool-grid,.use-grid{grid-template-columns:repeat(2,1fr)}.split{gap:30px}.hero-equation span{max-width:170px}.image-grid{gap:6px}.layer-grid{gap:18px}}@media(max-width:650px){html{scroll-snap-type:none}header{height:80px;align-items:start;padding:12px 5%;flex-direction:column;gap:4px}nav{gap:24px}.brand span{margin-left:5px}.rail{display:none}.screen{padding:115px 6% 40px;min-height:100svh}.hero h1{font-size:61px;margin-top:55px}.hero-bottom,.title-row{display:block}.hero-equation{margin-top:35px;max-width:350px}.hero-equation span{max-width:none}.folio>span{display:none}.split,.layer-grid,.composer{grid-template-columns:1fr}.split{margin-top:30px}.use-grid article{padding:17px;min-height:170px}.tool-grid{gap:8px}.tool{padding:15px}.tool h3{font-size:19px}.network{grid-template-columns:1fr}.case-heading{display:block}.badge{display:inline-block;margin-bottom:18px}.image-grid{grid-template-columns:repeat(2,1fr);gap:10px}blockquote{font-size:19px}.iteration-grid{grid-template-columns:1fr}.check{grid-template-columns:1fr;padding:18px}.check h3{grid-column:auto}form{grid-template-columns:1fr}form label:last-child{grid-column:auto}footer{flex-wrap:wrap}.dark h2{font-size:40px}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation:none!important;transition:none!important}}
.chapter-gate{background:#142e50;color:#eee7d8;display:flex;flex-direction:column;justify-content:space-between;padding-top:135px}.gate-mark{font-size:14px;letter-spacing:.18em;color:#aaa}.gate-list{width:100%;border-top:1px solid #555}.gate-item{display:grid;grid-template-columns:18% 1fr auto;align-items:baseline;border-bottom:1px solid #555;padding:17px 0;transition:padding .35s,background .35s}.gate-item:hover,.gate-item:focus-visible{padding-left:20px;background:#214873}.gate-item span{color:#3466b5;font-size:clamp(60px,8vw,130px);font-weight:700;letter-spacing:-.08em;line-height:1}.gate-item strong{font-size:clamp(26px,3.2vw,52px);font-weight:500;letter-spacing:-.04em}.gate-item small{font-size:14px;color:#aaa}.gate-foot{font-size:13px;color:#999;line-height:1.7;margin:18px 0 0}.keynote{background:#3466b5;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.keynote-inner{width:100%}.keynote .eyebrow{color:#fff}.keynote h2{font-size:clamp(60px,10vw,160px);letter-spacing:-.08em;margin:0;line-height:1.1}.keynote p{margin:32px auto;font-size:clamp(17px,1.5vw,23px);max-width:none}.keynote-next{display:inline-block;margin-top:30px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:14px}.generate-track{height:450svh;position:relative;background:#e9e1d2}.generate-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:110px 6% 4% 10.5%}.generate-title{position:absolute;z-index:5;top:105px;left:10.5%;right:6%;pointer-events:none}.generate-title span{font-size:14px;letter-spacing:.12em;color:#3466b5}.generate-title h2{font-size:clamp(70px,9vw,145px);margin:0;line-height:1.05}.generate-title p{font-size:18px;margin-top:8px}.generate-visual{height:100%;position:relative;perspective:1000px}.gen-card{position:absolute;width:min(38vw,530px);height:min(58vh,640px);left:50%;top:45%;transform:translate(-50%,110vh) rotate(7deg) scale(.8);opacity:0;box-shadow:0 30px 70px #1113;background:white;padding:12px;will-change:transform,opacity}.gen-card span{position:absolute;bottom:18px;left:22px;font-size:13px;background:white;padding:4px 9px}.gen-photo{width:100%;height:100%;background-image:url('assets/fashion.png');background-size:400% 200%;background-repeat:no-repeat}.gen-model{background-position:0 0}.gen-background{background-position:100% 0}.gen-garment{background-position:66.666% 100%;filter:grayscale(.25)}.gen-text{padding:55px;background:#142e50;color:white;display:flex;flex-direction:column;justify-content:space-between}.gen-text small,.gen-text i{font-style:normal;color:#9cc2f5;letter-spacing:.1em}.gen-text p{font-size:clamp(20px,2vw,31px);line-height:1.7}.generate-index{position:absolute;bottom:30px;right:6%;font-size:13px;z-index:5}@media(max-width:650px){.chapter-gate{padding-top:130px}.gate-item{grid-template-columns:25% 1fr;align-items:center;min-height:115px}.gate-item small{display:none}.gate-item span{font-size:58px}.gate-item strong{font-size:25px}.keynote h2{font-size:57px}.generate-stage{padding:100px 6% 5%}.generate-title{top:105px;left:6%;right:6%}.generate-title h2{font-size:75px}.generate-title p{font-size:15px}.gen-card{width:72vw;height:49vh;top:52%}.gen-text{padding:22px}.gen-text p{font-size:18px}.generate-track{height:430svh}}@media(prefers-reduced-motion:reduce){.generate-track{height:auto}.generate-stage{height:auto;position:relative;overflow:visible}.generate-visual{display:grid;gap:20px;padding-top:180px}.gen-card{position:relative;top:auto;left:auto;opacity:1!important;transform:none!important;width:100%;height:55vh}.generate-title{top:100px}}
.gen-garment{background-image:url('assets/garment.png');background-size:cover;background-position:center;filter:none}
/* Chapter index: layered pages resolve into three navigable chapters. */
.chapter-gate{height:210svh;position:relative;scroll-snap-align:start;--deck-progress:0}
.gate-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#142e50;color:#fff;perspective:1200px;isolation:isolate}
.gate-stage:before{content:"";position:absolute;inset:0;background:#eee7d8;opacity:var(--deck-progress);pointer-events:none;z-index:-1}
.gate-intro{position:absolute;top:102px;left:10.5%;right:6%;display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:13px;letter-spacing:.1em;z-index:5;color:#fff}
.gate-intro strong{font-size:clamp(16px,2vw,28px);letter-spacing:-.04em}.gate-intro small{font-size:13px;letter-spacing:0}
.chapter-deck{height:100%;position:relative;transform-style:preserve-3d}
.deck-card{position:absolute;top:52%;left:50%;width:min(76vw,950px);height:min(34svh,310px);min-height:225px;padding:18px 24px;background:#f3eadb;color:#142e50;box-shadow:0 24px 55px #0005;border:1px solid #3333;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;transform-style:preserve-3d;transition:box-shadow .25s;overflow:hidden}
.deck-card:hover,.deck-card:focus-visible{box-shadow:0 32px 75px #0007;outline:3px solid #3466b5;outline-offset:4px}
.deck-top,.deck-bottom{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.06em;font-weight:700;position:relative;z-index:2}
.deck-content{display:grid;grid-template-columns:25% 40% 1fr;align-items:center;height:76%;position:relative}.deck-number{font-size:clamp(70px,10vw,155px);line-height:1;letter-spacing:-.09em;font-weight:800}.deck-content small{font-size:14px}.deck-content strong{display:block;font-size:clamp(27px,4vw,54px);letter-spacing:-.06em;line-height:1.13;margin-top:10px}.deck-art{height:100%;align-self:stretch}.deck-fashion{background:#d9d4c8 url('assets/fashion.png') 0% 100% / 400% 200% no-repeat}
.deck-one{background:#3466b5;color:#fff}.deck-one .deck-fashion{filter:grayscale(1);mix-blend-mode:screen}.deck-two{background:#e6dece}.deck-three{background:#142e50;color:#fff}
.deck-tool-marks{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-self:center}.deck-tool-marks b{border:1px solid #142e50;padding:15px 8px;text-align:center;font-size:12px;letter-spacing:.07em}.deck-tool-marks b:nth-child(2){background:#3466b5;color:white;border-color:#3466b5}.deck-dialog{display:grid;gap:8px;align-self:center}.deck-dialog span{display:block;border:1px solid #fff8;padding:12px;font-size:13px}.deck-dialog span:last-child{background:#3466b5;border-color:#3466b5;color:#fff;margin-left:20px}
.gate-side{position:absolute;bottom:24px;right:6%;font-size:12px;letter-spacing:.1em;color:#fff}
@media(max-width:650px){.chapter-gate{height:190svh}.gate-intro{left:6%;top:100px;display:block}.gate-intro strong{display:block;margin-top:5px}.gate-intro small{display:block;margin-top:3px}.deck-card{width:85vw;height:27svh;min-height:185px;padding:13px 15px;top:54%}.deck-content{grid-template-columns:25% 45% 30%}.deck-number{font-size:62px}.deck-content strong{font-size:25px;margin-top:3px}.deck-content small{font-size:12px}.deck-top,.deck-bottom{font-size:9px}.deck-tool-marks b{padding:7px 2px;font-size:8px}.deck-dialog span{font-size:9px;padding:6px}.gate-side{right:6%}.generate-track{height:500svh}}
@media(prefers-reduced-motion:reduce){.chapter-gate{height:auto}.gate-stage{height:auto;position:relative;overflow:visible;padding:115px 6% 40px;background:#eee7d8;color:#142e50}.gate-stage:before{display:none}.gate-intro{position:relative;top:auto;left:auto;right:auto;color:#142e50;margin-bottom:30px}.chapter-deck{display:grid;gap:15px}.deck-card{position:relative;top:auto;left:auto;transform:none!important;width:100%;height:260px;min-height:0}.gate-side{display:none}}

.chapter-gate.is-open .gate-intro,.chapter-gate.is-open .gate-side{color:#142e50}
.gate-stage:before{z-index:0}.chapter-deck{z-index:1}.gate-side{z-index:2}
/* Visual language from the supplied blue wave reference. */
:root{--red:#176da5;--line:#b7c9cb;--blue-deep:#133b64;--blue-air:#b7e6f3}
header{background:rgba(238,231,216,.93);backdrop-filter:blur(14px)}
.gate-stage{background:linear-gradient(135deg,rgba(15,63,110,.78),rgba(14,103,157,.58)),url('assets/blue-wave.jpeg') center 49%/cover;color:#fff}
.gate-stage:before{background:rgba(238,231,216,.88)}
.deck-one{background:linear-gradient(105deg,rgba(20,101,167,.9),rgba(25,136,194,.57)),url('assets/blue-wave.jpeg') center 58%/cover;color:#fff}
.deck-two{background:linear-gradient(rgba(238,231,216,.8),rgba(238,231,216,.8)),url('assets/blue-wave.jpeg') center 32%/cover;color:var(--ink)}
.deck-three{background:linear-gradient(110deg,rgba(12,51,94,.88),rgba(28,104,158,.67)),url('assets/blue-wave.jpeg') center 76%/cover;color:#fff}
.deck-tool-marks b:nth-child(2),.deck-dialog span:last-child{background:#176da5;border-color:#176da5}
.keynote{background:linear-gradient(120deg,rgba(156,217,238,.18),rgba(103,187,224,.3)),url('assets/blue-wave.jpeg') center 55%/cover;color:var(--blue-deep)}
.keynote .eyebrow{color:var(--blue-deep)}
.generate-track{background:linear-gradient(rgba(238,231,216,.68),rgba(238,231,216,.82)),url('assets/blue-wave.jpeg') center/cover}
.screen:not(.dark):not(.keynote){background-image:linear-gradient(rgba(238,231,216,.86),rgba(238,231,216,.89)),url('assets/blue-wave.jpeg');background-size:cover;background-position:center}
.screen.dark{background:linear-gradient(rgba(12,44,80,.87),rgba(12,44,80,.91)),url('assets/blue-wave.jpeg') center/cover;color:#f7f5ed}
.gen-text{background:linear-gradient(rgba(13,61,107,.87),rgba(13,61,107,.87)),url('assets/blue-wave.jpeg') center/cover}
.gen-photo{position:relative;overflow:hidden}
.gen-photo:after,.image-cell:after{content:"";position:absolute;inset:0;background:url('assets/blue-wave.jpeg') center/cover;mix-blend-mode:soft-light;opacity:.27;pointer-events:none}
.image-cell>span{z-index:2}
.tool:hover{background:rgba(255,255,255,.67)}
.filters button.active,.copy{background:var(--blue-deep);border-color:var(--blue-deep)}
@media(prefers-reduced-motion:reduce){.gate-stage{background:#d6e9ed;color:var(--blue-deep)}.gate-intro{color:var(--blue-deep)}}
/* Page-to-page scroll transformation, driven by measured scroll progress. */
.screen{transform-origin:center center;backface-visibility:hidden}
.gate-stage,.generate-stage{transform-origin:center center;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.screen,.gate-stage,.generate-stage{transform:none!important;opacity:1!important;border-radius:0!important}}
.screen.revealed{animation:none!important}
/* 01 — source photograph, paper prompt labels and staged image slots. */
.generate-track{height:360svh}.gen-card{width:min(72vw,1060px);height:min(62svh,660px);display:flex;gap:0;padding:10px;background:#f5f0e5}.gen-label{width:32%;padding:24px 22px;display:flex;flex-direction:column;gap:18px;align-items:flex-start;background:#e8dfcf;border-right:1px solid #c3b8a4;color:var(--ink)}.gen-label small{font-size:13px;letter-spacing:.12em;color:var(--red);font-weight:700}.gen-label p{font-size:clamp(14px,1.2vw,18px);line-height:1.65;margin:0}.gen-label img{width:74px;aspect-ratio:1;object-fit:cover;object-position:center 18%;margin-top:auto;border:3px solid #f5f0e5;box-shadow:0 8px 18px #142e5026}.gen-photo{width:68%;height:100%;background-size:cover;background-position:center}.gen-model{background-image:url('assets/generate-original.png')}.gen-pending{background:linear-gradient(145deg,#d9e8ed,#e7e0d2);display:grid;place-items:center;text-align:center}.gen-pending span{position:static;background:none;color:#416587;font-size:18px;line-height:1.8}.gen-card>span{display:none}
#creative{min-height:150svh}.creative-arc{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #8aabc6;border-bottom:1px solid #8aabc6;margin:30px 0 55px;padding:10px 2% 18px;max-width:1050px;overflow:hidden}.creative-arc span{font-size:clamp(94px,16vw,240px);font-weight:700;line-height:1;color:#b3dded;letter-spacing:-.1em;transform-origin:center bottom}.creative-arc span:last-child{color:#f6f0e4}.creative-arc i{font-size:clamp(28px,4vw,64px);font-style:normal;color:#83b6d6}.decision span{will-change:transform,opacity}
/* 02.1 — software, agent, model as a scroll sequence. */
.layer-track{background:var(--paper);border-bottom:1px solid var(--line)}.layer-scroll{height:330svh;position:relative}.layer-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:110px 7% 35px 10.5%;background:linear-gradient(rgba(238,231,216,.72),rgba(238,231,216,.82)),url('assets/blue-wave.jpeg') center/cover;perspective:1300px}.layer-stage h2{font-size:clamp(42px,5.3vw,84px);margin-bottom:8px}.layer-lead{font-size:16px;max-width:520px}.layer-card{position:absolute;left:57%;top:60%;width:min(62vw,750px);min-height:330px;padding:28px 36px;background:#f4efe4;box-shadow:0 25px 70px #143a5d30;border:1px solid #aac2ce;transform:translate(-50%,95vh);opacity:0;display:flex;flex-direction:column;align-items:flex-start}.layer-card:nth-of-type(2){background:#dceefa}.layer-card:nth-of-type(3){background:#143a64;color:#f6f0e4}.layer-card:nth-of-type(3) .num{color:#a9d9f1}.layer-card h3{font-size:clamp(32px,4vw,58px);letter-spacing:-.05em;margin:18px 0}.layer-card p{font-size:18px;line-height:1.75}.layer-card small{font-size:14px;line-height:1.7;margin-top:auto}.layer-card a{margin-top:18px;border-bottom:1px solid currentColor;font-size:14px}.layer-progress{position:absolute;right:7%;bottom:30px;width:190px;border-top:2px solid #adc4cf;padding-top:8px;display:flex;justify-content:space-between;font-size:13px}.layer-progress i{position:absolute;height:2px;background:var(--red);top:-2px;left:0;width:0}.layer-progress span{margin-left:auto}
.model-drawer{margin:0;padding:0 10.5% 55px;border-top:1px solid var(--line)}.model-drawer>summary{display:flex;gap:25px;align-items:baseline;padding:28px 0;list-style:none;border-bottom:1px solid var(--line)}.model-drawer>summary::-webkit-details-marker{display:none}.model-drawer summary span{font-size:14px;color:var(--red);min-width:17%}.model-drawer summary strong{font-size:clamp(25px,3vw,43px);line-height:1.3}.model-drawer summary em{margin-left:auto;font-size:14px;font-style:normal}.model-drawer[open] summary em{transform:rotate(180deg)}.model-drawer-body{padding:25px 0}.model-picks{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.model-picks button{background:transparent;border:1px solid #9fb0b8;color:var(--ink);padding:9px 16px;font-size:14px}.model-picks button.active{background:var(--blue-deep);color:#fff}.model-feature{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(350px,1.3fr);gap:30px}.model-feature h3{font-size:clamp(30px,3vw,48px)}.model-feature p{font-size:16px;line-height:1.8}.official-embed{border:1px solid #a6bfca;background:#f4f1e9}.official-embed-bar{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;border-bottom:1px solid #a6bfca;font-size:13px}.official-embed-bar a{text-decoration:underline;font-weight:700}.official-embed iframe{display:block;width:100%;height:380px;border:0;background:#eef1f1}.official-embed>p{padding:12px 16px;font-size:13px;margin:0;color:#52687a;max-width:none}
.concept-screen{min-height:100svh}.concept-intro{font-size:18px;margin-bottom:35px}.concept-list{border-top:1px solid var(--line)}.concept-list details{margin:0;padding:0;border-bottom:1px solid var(--line);border-top:0}.concept-list summary{display:grid;grid-template-columns:55px minmax(200px,1fr) minmax(180px,.65fr);gap:20px;align-items:baseline;padding:22px 10px;list-style:none}.concept-list summary::-webkit-details-marker{display:none}.concept-list summary b{color:var(--red);font-size:14px}.concept-list summary span{font-size:clamp(21px,2.5vw,34px);font-weight:700;letter-spacing:-.035em}.concept-list summary small{text-align:right;font-size:14px;color:#657782}.concept-list details[open] summary{background:#d9e9ec}.concept-list details>p{margin:16px 5% 20px 75px;max-width:78ch;font-size:16px;line-height:1.85}
@media(max-width:650px){.generate-track{height:360svh}.gen-card{width:88vw;height:55svh;top:54%;padding:6px}.gen-label{width:38%;padding:13px 10px;gap:7px}.gen-label p{font-size:12px;line-height:1.5}.gen-label small{font-size:10px}.gen-label img{width:52px}.gen-photo{width:62%}.gen-pending span{font-size:13px}.creative-arc{gap:6px}.creative-arc span{font-size:22vw}.creative-arc i{font-size:22px}.layer-stage{padding:110px 6% 35px}.layer-stage h2{font-size:42px}.layer-lead{font-size:14px}.layer-card{left:50%;top:59%;width:88vw;min-height:300px;padding:22px}.layer-card h3{font-size:34px}.layer-card p{font-size:15px}.layer-card small{font-size:12px}.layer-progress{right:6%;bottom:20px}.model-drawer{padding:0 6% 35px}.model-drawer>summary{display:grid;grid-template-columns:1fr auto;gap:4px}.model-drawer summary span{grid-column:1/-1}.model-feature{grid-template-columns:1fr}.official-embed iframe{height:300px}.concept-list summary{grid-template-columns:35px 1fr;gap:8px}.concept-list summary small{grid-column:2;text-align:left}.concept-list details>p{margin:15px 10px}}
@media(prefers-reduced-motion:reduce){.layer-scroll{height:auto}.layer-stage{height:auto;position:relative;overflow:visible}.layer-card{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;width:100%;min-height:0;margin:14px 0}.creative-arc span,.decision span{transform:none!important;opacity:1!important}}
.layer-card[data-layer="1"]{background:#dceefa}.layer-card[data-layer="2"]{background:#143a64;color:#f6f0e4}.layer-card[data-layer="2"] .num{color:#a9d9f1}.gen-photo:after{display:none}
.layer-card[data-layer="0"]{background:#f4efe4;color:var(--ink)}.layer-card[data-layer="1"] .num{color:var(--red)}.chapter-gate.revealed,.generate-track.revealed,.layer-track.revealed{animation:none!important}

.gen-background{background-image:url('assets/generate-paris.png');background-position:center 40%}.gen-garment{background-image:url('assets/generate-coat.png');background-position:center}
.gen-card{top:58%}
.gen-photo{background-size:contain;background-repeat:no-repeat;background-color:#f7f5ef}
.layer-card[data-layer="1"]{color:#173454}
.layer-card[data-layer="1"] .num{color:#245b91}
@media(min-width:651px){.gen-card{width:min(72vw,750px)}}
.inline-course-link{color:#176da5;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

/* Unified course: original visual language, four chapter covers, one reading flow. */
.deck-four{background:linear-gradient(110deg,rgba(215,231,230,.88),rgba(162,210,224,.7)),url('assets/blue-wave.jpeg') center 88%/cover;color:#142e50}
.deck-four .deck-tool-marks b{border-color:#3979a0}.deck-four .deck-tool-marks b:nth-child(2){background:#176da5;color:white}
.future-chapters{background:linear-gradient(rgba(238,231,216,.84),rgba(238,231,216,.9)),url('assets/blue-wave.jpeg') center/cover}
.future-grid{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);max-width:850px;margin-top:50px}
.future-grid span,.future-grid strong{border-bottom:1px solid var(--line);padding:10px 5px}.future-grid span{color:var(--red)}.future-grid strong{font-size:18px}.future-return{display:inline-block;margin-top:30px;border-bottom:1px solid currentColor}
.project-record{margin-top:28px;padding:16px 20px;border-left:3px solid var(--red);background:#f8f4eb;max-width:850px}.project-record span{display:block;font-size:13px;font-weight:700;color:var(--red);letter-spacing:.08em}.project-record p{margin:8px 0 0;font-size:15px;line-height:1.6}
.brand-logo{display:inline-grid;place-items:center;position:relative;flex:none;width:64px;aspect-ratio:1;background:#f8f8f5;border:1px solid #b9c8cf;border-radius:15px;overflow:hidden;color:#1d5277;font-size:20px;font-weight:800;line-height:1}.brand-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9px;background:#fff}.tool{min-height:225px}.tool>.brand-logo{display:grid;margin-bottom:13px}.model-picks button{display:inline-flex;align-items:center;gap:8px}.model-picks .brand-logo{width:32px;border-radius:7px;font-size:10px}.model-picks .brand-logo img{padding:4px}#model-description>.brand-logo{display:grid;margin:12px 0}
@media(max-width:650px){header nav{max-width:100%;overflow-x:auto;white-space:nowrap;gap:18px}.gate-side{font-size:10px}.deck-four .deck-tool-marks b{font-size:7px}}
/* Agent selection extension after 02.09. */
.agent-choice-screen,.agent-products-screen{background:#edf4f7;color:#142e50;min-height:100svh;padding:108px max(5%,calc((100vw - 1180px)/2)) 35px;display:flex;align-items:center}
.agent-products-screen{background:#e2eef3}.agent-screen-inner{width:100%}.agent-screen-inner .lesson-head{margin-bottom:24px}.agent-screen-inner h2{font-size:clamp(36px,4.4vw,68px);line-height:1.08;letter-spacing:-.04em;margin:9px 0 20px}.agent-intro{font-size:clamp(16px,1.45vw,20px);line-height:1.55;max-width:920px;margin:0 0 24px}.agent-two-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agent-two-paths article,.agent-product-grid article{background:#fff;border:1px solid #b5ccd8;padding:22px;box-shadow:0 9px 24px #12324a0b}.agent-two-paths article>span{font-size:13px;color:#176da5;font-weight:700}.agent-two-paths h3,.agent-product-grid h3{font-size:26px;margin:5px 0 9px}.agent-two-paths p,.agent-product-grid p{font-size:16px;line-height:1.55;margin:0 0 15px}.agent-two-paths strong{font-size:14px;color:#176da5}.agent-decision{margin-top:16px;border-top:2px solid #176da5;padding:12px 0;display:flex;gap:12px 22px;flex-wrap:wrap;font-size:14px}.agent-decision b{width:100%;font-size:17px}.agent-source{font-size:13px;line-height:1.5;color:#4b6370;margin:9px 0 0}.agent-source a{color:#145e88}.agent-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-product-grid article{display:flex;flex-direction:column;min-height:325px}.agent-product-grid a{margin-top:auto;color:#176da5;font-size:14px}.agent-logo{width:110px;height:110px;background-image:url('assets/personal-agent-logos-source.png');background-repeat:no-repeat;background-size:1172px 260px;margin-bottom:10px}.agent-logo.muse{background-position:-72px -38px}.agent-logo.grok{background-position:-365px -40px}.agent-logo.dots{background-position:-656px -41px}.agent-logo.cue{background-position:-959px -40px}.agent-class-task{margin-top:18px;border-left:4px solid #176da5;padding:12px 18px;background:#f8fbfc;display:flex;gap:20px;align-items:baseline}.agent-class-task b{white-space:nowrap}.agent-class-task p{margin:0;font-size:15px;line-height:1.5}
@media(max-width:850px){.agent-choice-screen,.agent-products-screen{padding:110px 6% 28px}.agent-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-product-grid article{min-height:295px}}@media(max-width:600px){.agent-two-paths,.agent-product-grid{grid-template-columns:1fr}.agent-product-grid article{min-height:0}.agent-class-task{display:block}.agent-class-task b{display:block;margin-bottom:6px}}
/* Cover: a vertical numbered stack that opens into four separate cards. */
.chapter-gate{height:165svh;min-height:100svh}.gate-stage{height:100svh;position:sticky;top:0;overflow:hidden;padding:175px 6% 48px 10.5%;background:#142e50}.gate-stage:before{display:block;background:#e7e1d5;opacity:calc(var(--deck-progress)*.16);z-index:0}.gate-intro{top:103px}.chapter-deck{height:100%;position:relative;max-width:none;display:block;transform-style:preserve-3d}.deck-card{position:absolute;top:0;left:50%;width:min(72vw,850px);height:clamp(112px,14svh,170px);min-height:0;padding:11px 21px;will-change:transform,opacity;box-shadow:0 10px 28px #0005}.deck-card:hover,.deck-card:focus-visible{box-shadow:0 20px 42px #0007}.deck-top,.deck-bottom{font-size:10px}.deck-content{height:68%}.deck-number{font-size:clamp(54px,6vw,82px)}.deck-content small{font-size:12px}.deck-content strong{font-size:clamp(24px,2.8vw,34px);margin-top:2px}.deck-one .deck-content{grid-template-columns:27% 1fr}.deck-tool-marks b{padding:6px 3px;font-size:10px}.deck-dialog span{padding:5px;font-size:10px}.gate-side{bottom:19px}
@media(max-width:900px){.gate-stage{padding:155px 6% 43px}.gate-intro{left:6%;right:6%;top:101px}.deck-card{width:min(82vw,700px);padding:9px 15px}.deck-content{grid-template-columns:26% 43% 1fr}.deck-number{font-size:clamp(47px,7vw,68px)}.deck-content strong{font-size:clamp(22px,3.4vw,30px)}.deck-two .deck-content,.deck-three .deck-content,.deck-four .deck-content{grid-template-columns:27% 1fr}.deck-two .deck-tool-marks,.deck-three .deck-dialog,.deck-four .deck-tool-marks{display:none}}
@media(max-width:650px){.chapter-gate{height:155svh}.gate-stage{height:100svh;min-height:0;position:sticky;padding:154px 5% 36px;overflow:hidden}.gate-intro{left:5%;right:5%;top:100px}.gate-intro small{font-size:11px}.deck-card{width:90vw;height:clamp(108px,13svh,145px);top:0;left:50%;padding:9px 12px}.deck-content{height:68%}.deck-one .deck-content{grid-template-columns:27% 1fr}.deck-number{font-size:clamp(46px,12vw,62px)}.deck-content strong{font-size:clamp(22px,5.5vw,28px)}.deck-content small{font-size:11px}.deck-top,.deck-bottom{font-size:8px}.gate-side{display:block;bottom:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.chapter-gate{height:auto}.gate-stage{height:auto;min-height:100svh;position:relative;overflow:visible;padding:165px 6% 45px;background:#142e50;color:#fff}.gate-intro{position:absolute;top:103px;left:6%;right:6%;color:#fff}.chapter-deck{display:grid;gap:12px;height:auto}.deck-card{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;width:100%;height:clamp(120px,14svh,170px)}.gate-side{display:block;color:#fff}}
/* Four terms that sit beside the Agent lesson. */
.agent-vocabulary-screen{background:linear-gradient(135deg,#e3eff1ec,#eee8dded),url('assets/blue-wave.jpeg') center/cover}.agent-vocabulary-screen .screen-inner{gap:17px}.vocabulary-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:end}.vocabulary-intro h1{font-size:clamp(35px,4.2vw,63px);line-height:1.14;letter-spacing:-.045em;margin:0}.vocabulary-intro p{max-width:560px;font-size:18px;line-height:1.6;margin:0}.vocabulary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vocabulary-grid article{min-width:0;min-height:325px;display:flex;flex-direction:column;padding:20px;background:#f7f6ef;border:1px solid #b4c8cc;box-shadow:0 12px 26px #142e5017}.vocabulary-grid article:nth-child(2){background:#dcebf0}.vocabulary-grid article:nth-child(3){background:#173d65;color:#f8f5ed}.vocabulary-grid article:nth-child(4){background:#e9e1d4}.vocabulary-grid article>span{font-size:12px;letter-spacing:.09em;font-weight:700;color:#176da5}.vocabulary-grid article:nth-child(3)>span{color:#add8e5}.vocabulary-grid h2{font-size:clamp(29px,2.4vw,39px);line-height:1;margin:20px 0}.vocabulary-grid h2 small{display:block;font-size:13px;font-weight:500;letter-spacing:.02em;margin-top:10px}.vocabulary-grid p{font-size:15px;line-height:1.55;margin:0}.vocabulary-grid strong{display:block;margin-top:auto;padding-top:20px;font-size:13px;line-height:1.5;color:#2c6483}.vocabulary-grid article:nth-child(3) strong{color:#c2e2eb}.vocabulary-grid code{font-size:.9em;background:#00000012;padding:1px 3px}.vocabulary-footer{display:flex;justify-content:space-between;gap:25px;align-items:baseline;border-top:1px solid #a9c2c9;padding-top:12px}.vocabulary-footer p{margin:0;font-size:14px;line-height:1.55}.vocabulary-footer>p:first-child{max-width:840px}.vocabulary-sources{white-space:nowrap}.vocabulary-sources a{color:#176da5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocabulary-grid article{min-height:245px}.vocabulary-footer{display:block}.vocabulary-sources{margin-top:10px!important}}@media(max-width:650px){.vocabulary-intro{grid-template-columns:1fr;gap:15px}.vocabulary-intro p{font-size:16px}.vocabulary-grid{grid-template-columns:1fr}.vocabulary-grid article{min-height:0}.vocabulary-grid h2{margin:12px 0}.vocabulary-grid strong{padding-top:12px}.vocabulary-sources{white-space:normal}}
@media(min-width:1051px){.agent-vocabulary-screen{padding-top:85px;padding-bottom:15px}.agent-vocabulary-screen .screen-inner{min-height:calc(100svh - 100px);gap:8px}.vocabulary-intro h1{font-size:clamp(34px,3.3vw,48px)}.vocabulary-intro p{font-size:15px}.vocabulary-grid article{min-height:255px;padding:14px}.vocabulary-grid h2{font-size:29px;margin:9px 0}.vocabulary-grid h2 small{font-size:11px;margin-top:5px}.vocabulary-grid p{font-size:13px;line-height:1.45}.vocabulary-grid strong{font-size:11px;padding-top:10px}.vocabulary-footer p{font-size:12px}.vocabulary-sources{font-size:11px}}
/* Short video observations in the lesson visual column. */
.course-video-card{height:min(45svh,440px);min-height:300px;margin:0;background:#f7f4ec;border:1px solid #a6bbc3;box-shadow:0 20px 40px #142e5024;display:flex;flex-direction:column;overflow:hidden}.course-video-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#173d65;color:#f6f2e9;font-size:11px;font-weight:700;letter-spacing:.11em}.course-video-card video,.course-video-card iframe{display:block;width:100%;min-height:0;flex:1;border:0;background:#101820;object-fit:contain;aspect-ratio:16/9}.course-video-card figcaption{padding:10px 14px 12px;font-size:13px;line-height:1.45}.course-video-card figcaption small{display:block;color:#60757c;font-size:11px;margin-top:3px}.course-video-card figcaption a{display:block;color:#176da5;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-top:3px}.official-case-card{height:min(45svh,440px);min-height:300px;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#112c49,#215a76 68%,#86aeb9);color:#f8f3e8;border:1px solid #6b95a8;box-shadow:0 20px 40px #142e5024;transition:transform .2s,box-shadow .2s}.official-case-card:hover{transform:translateY(-4px);box-shadow:0 24px 45px #142e5035}.official-case-kicker{font-size:12px;letter-spacing:.16em;font-weight:700}.official-case-motion{display:flex;align-items:center;gap:10px}.official-case-motion i{font-size:clamp(21px,2.5vw,37px);font-weight:700;font-style:normal;display:grid;place-items:center;width:clamp(63px,6vw,85px);aspect-ratio:1;border:1px solid #c7e1e9;border-radius:50%}.official-case-motion b{font-size:22px;font-weight:400}.official-case-card strong{font-size:clamp(29px,3vw,43px);line-height:1.12;letter-spacing:-.04em}.official-case-note{font-size:13px;line-height:1.5;max-width:35em}.official-case-note em{display:block;font-style:normal;font-weight:700;margin-top:7px;text-decoration:underline;text-underline-offset:4px}
.official-case-ribbon{display:flex;align-items:center;gap:18px;margin:16px 0 6px;padding:13px 19px;background:#173d65;color:#f7f3eb;border:1px solid #517a96;box-shadow:0 10px 22px #142e501c}.official-case-ribbon span{font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap;color:#b5dce9}.official-case-ribbon strong{font-size:16px;line-height:1.35}.official-case-ribbon em{margin-left:auto;font-size:13px;font-weight:700;font-style:normal;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.official-case-ribbon:hover{background:#245b7e}
@media(max-width:720px){.course-video-card,.official-case-card{height:auto;min-height:0}.course-video-card video,.course-video-card iframe{flex:auto;height:auto;aspect-ratio:16/9}.course-video-card video{max-height:45svh}.official-case-card{min-height:300px}}
@media(max-width:720px){.official-case-ribbon{align-items:flex-start;flex-wrap:wrap;gap:5px 14px}.official-case-ribbon strong{width:100%}.official-case-ribbon em{margin-left:0}}
/* Image-led teaching examples. Image boxes preserve the source aspect ratio. */
.generation-study,.reference-compare{height:min(45svh,440px);min-height:320px;display:flex;flex-direction:column;margin:0;background:#f7f4ec;border:1px solid #a6bbc3;box-shadow:0 20px 40px #142e5024;overflow:hidden}.study-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#173d65;color:#f7f3ea;padding:10px 14px;font-size:11px;letter-spacing:.08em}.study-heading strong{font-size:12px}.generation-frames{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:11px;background:#dbe9e8}.generation-frame{min-width:0;min-height:0;overflow:hidden;background:#c5d2d4}.generation-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.stage-one img{filter:blur(20px) grayscale(1);transform:scale(1.3)}.stage-two img{filter:blur(9px) saturate(.55);transform:scale(1.15)}.stage-three img{filter:blur(3px) saturate(.82);transform:scale(1.04)}.generation-study figcaption,.reference-compare figcaption{padding:8px 14px 10px;font-size:12px;line-height:1.35}.generation-study figcaption small,.reference-compare figcaption small{display:block;font-size:10px;color:#617179;margin-top:2px}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;flex:1;min-height:0;background:#e8e6dc}.reference-pair a{min-width:0;min-height:0;display:flex;flex-direction:column;padding:4px;background:#f8f5ef;border:1px solid #c3c3b9}.reference-pair img{width:100%;height:calc(100% - 45px);min-height:0;object-fit:contain;display:block;background:#eee8df}.reference-pair span{display:block;padding:4px 6px 0;font-weight:700;font-size:12px;line-height:1.15}.reference-pair small{display:block;font-size:9px;font-weight:400;color:#456475;margin-top:3px}.reference-pair a:hover{border-color:#176da5}
@media(max-width:720px){.generation-study,.reference-compare{height:380px;min-height:0}.study-heading strong{font-size:10px}.reference-pair img{height:calc(100% - 55px)}}
.archive-record,.cyanotype-study{height:min(45svh,440px);min-height:320px;margin:0;background:#f7f4ec;border:1px solid #a6bbc3;box-shadow:0 20px 40px #142e5024;overflow:hidden}.archive-record{display:flex;flex-direction:column}.archive-art{display:block;flex:1;min-height:0;padding:12px;background:#e2e7e3}.archive-art img{display:block;width:100%;height:100%;object-fit:contain}.archive-record figcaption{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 12px;padding:11px 15px 13px}.archive-record figcaption span,.cyanotype-study figcaption span{display:block;color:#176da5;font-size:11px;font-weight:700;letter-spacing:.09em}.archive-record figcaption strong,.cyanotype-study figcaption strong{display:block;font-size:18px;line-height:1.3}.archive-record figcaption small,.cyanotype-study figcaption small{display:block;font-size:11px;color:#526b73}.archive-record figcaption a{grid-column:2;grid-row:2 / 4;color:#176da5;font-size:11px;text-decoration:underline;text-underline-offset:3px}.cyanotype-study{display:grid;grid-template-columns:58% 42%}.cyanotype-study>a{display:block;min-height:0;background:#073e79;padding:10px}.cyanotype-study>a img{display:block;width:100%;height:100%;object-fit:contain}.cyanotype-study figcaption{padding:20px 18px;display:flex;flex-direction:column;justify-content:center;gap:14px}.cyanotype-study figcaption strong{font-size:22px}.cyanotype-study figcaption small{font-size:12px;line-height:1.55}.cyanotype-study figcaption small a{display:inline-block;margin-top:13px;color:#176da5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.archive-record,.cyanotype-study{height:380px;min-height:0}.archive-record figcaption{grid-template-columns:1fr}.archive-record figcaption a{grid-column:auto;grid-row:auto;margin-top:6px}.cyanotype-study figcaption{padding:12px;gap:8px}.cyanotype-study figcaption strong{font-size:17px}.cyanotype-study figcaption small{font-size:10px}}
.archive-record figcaption{display:block}.archive-record figcaption strong{margin:4px 0}.archive-record figcaption a{display:inline-block;margin-top:4px}
@media(max-width:520px){.cyanotype-study{height:auto;display:block}.cyanotype-study>a{height:300px}.cyanotype-study figcaption{padding:14px 18px}.cyanotype-study figcaption small{font-size:11px}}