/* Selected work uses the same typography and section rhythm as MOAT. */
/* Illustrated covers, with screenshots reserved for the case-study gallery. */
.wk-project-visual{overflow:hidden;border-bottom:1px solid #ccd4c5}
.wk-project-visual .case-art{width:100%;max-width:none}
.wk-project-visual .case-art-stage{border-radius:0}
.project-gallery-band{background:#eae8df;margin-bottom:70px}
.project-gallery-count{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;letter-spacing:.3px;color:#65715b}
.project-gallery-count i{width:4px;height:4px;background:#718460;border-radius:50%}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:48px}
.project-gallery figure{margin:0;min-width:0}
.project-gallery-lead{grid-column:1/-1}
.project-gallery-open{position:relative;display:block;padding:24px 24px 53px;border:1px solid #c6d1be;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 85% 5%,#e7efd8,transparent 65%),#d5dfcd;cursor:zoom-in;color:#304b37;transition:background .25s,box-shadow .25s}
.project-gallery-card:nth-child(3n) .project-gallery-open{background:radial-gradient(ellipse at 85% 5%,#eee5d1,transparent 65%),#ddd6c6;border-color:#cdc5b4}
.project-gallery-card:nth-child(3n + 1) .project-gallery-open{background:radial-gradient(ellipse at 85% 5%,#e2e7df,transparent 65%),#c8d8cf}
.project-gallery-card.project-gallery-lead .project-gallery-open{padding:44px 8% 62px;background:radial-gradient(ellipse at 75% 10%,#506b52,transparent 70%),#29463a;border-color:#29463a}
.project-gallery-window{display:block;overflow:hidden;border:1px solid #fff7;border-radius:9px;background:#f7f7ee;box-shadow:0 18px 32px -15px #142d3555;transition:transform .25s ease;isolation:isolate}
.project-gallery-open:hover .project-gallery-window{transform:translateY(-4px)}
.project-gallery-open:focus-visible{outline:3px solid #527248;outline-offset:5px}
.project-gallery-chrome{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 10px;border-bottom:1px solid #d9ddd2;color:#6c7865;font:7px Arial,sans-serif;letter-spacing:1px;background:#f6f6ef}
.project-gallery-chrome>span:first-child{display:flex;gap:4px}
.project-gallery-chrome i{width:4px;height:4px;border-radius:50%;background:#a4b49a}
.project-gallery-chrome i:nth-child(2){opacity:.65}
.project-gallery-chrome i:nth-child(3){opacity:.4}
.project-gallery-lead .project-gallery-chrome{height:34px;padding:0 16px;font-size:9px}
.project-gallery-open img{display:block;width:100%;height:auto}
.project-gallery-zoom{position:absolute;left:24px;right:24px;bottom:17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.3px}
.project-gallery-zoom>span{font-size:18px}
.project-gallery-lead .project-gallery-zoom{left:8%;right:8%;bottom:22px;color:#e4eed8;font-size:12px}
.project-gallery figcaption{display:flex;align-items:center;gap:15px;padding:20px 2px 0}
.project-gallery-number{font:italic 23px Georgia,serif;color:#809174;align-self:flex-start;padding-top:2px}
.project-gallery figcaption b{display:block;font-size:18px;font-weight:550;letter-spacing:-.4px;line-height:1.35}
.project-gallery figcaption small{display:block;font-size:10px;color:#6f7967;margin-top:6px}
.project-gallery-caption-arrow{margin-left:auto;color:#6a7e5b;font-size:22px}
.project-gallery-lead figcaption b{font-size:24px}
.project-gallery[data-view-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-gallery[data-view-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-gallery[data-view-count="2"] .project-gallery-lead{grid-column:auto}
.project-gallery[data-view-count="2"] .project-gallery-open{padding:24px 24px 53px}
.project-gallery[data-view-count="2"] .project-gallery-chrome{height:26px;font-size:7px;padding:0 10px}
.project-gallery[data-view-count="2"] .project-gallery-zoom{left:24px;right:24px;bottom:17px;font-size:10px}
.project-gallery[data-view-count="2"] figcaption b{font-size:18px}
.project-lightbox{width:min(1500px,calc(100% - 40px));max-width:none;max-height:94dvh;padding:0;border:1px solid #afbea6;border-radius:18px;background:#f8f6ef;color:#293f39}
.project-lightbox::backdrop{background:#10251de6}
.project-lightbox>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid #cdd4c5}
.project-lightbox-counter{display:block;font-size:10px;color:#6d7c61;letter-spacing:1px;margin-bottom:4px}
.project-page .project-lightbox header p{margin:0;font-size:15px}
.project-lightbox button{font:13px Arial,sans-serif;padding:10px 15px;min-height:42px;border:1px solid #adbc9e;border-radius:25px;background:#e7efd9;color:#293f39;cursor:pointer;white-space:nowrap}
.project-lightbox button:disabled{opacity:.35;cursor:default}
.project-lightbox button:focus-visible{outline:3px solid #526f44;outline-offset:3px}
.project-lightbox button span{margin-left:8px;font-size:20px}
.project-lightbox-image{max-height:calc(94dvh - 155px);overflow:auto;background:#e0e5da;overscroll-behavior:contain}
.project-lightbox-image img{width:100%;max-height:calc(94dvh - 155px);height:auto;object-fit:contain;display:block;margin:auto}
.project-lightbox-image.is-zoomed img{width:1440px;min-width:1440px;max-height:none;max-width:none}
.project-lightbox>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;border-top:1px solid #cdd4c5}
@media(max-width:900px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery-card.project-gallery-lead .project-gallery-open{padding:30px 5% 55px}.project-gallery-lead .project-gallery-zoom{left:5%;right:5%;bottom:18px}}
@media(max-width:560px){.project-gallery,.project-gallery[data-view-count="2"],.project-gallery[data-view-count="5"]{grid-template-columns:1fr;gap:30px;margin-top:30px}.project-gallery-band{margin-bottom:50px}.project-gallery-open,.project-gallery-card.project-gallery-lead .project-gallery-open,.project-gallery[data-view-count="2"] .project-gallery-open{padding:20px 18px 48px;border-radius:16px}.project-gallery-zoom,.project-gallery-lead .project-gallery-zoom{left:18px;right:18px;bottom:14px;font-size:10px}.project-gallery-lead .project-gallery-chrome{height:26px;font-size:7px;padding:0 10px}.project-gallery-lead figcaption b{font-size:21px}.project-lightbox{width:calc(100% - 16px);border-radius:12px}.project-lightbox>header{padding:12px;gap:10px}.project-page .project-lightbox header p{font-size:13px}.project-lightbox>footer{padding:10px;gap:6px}.project-lightbox button{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.project-gallery-open,.project-gallery-window{transition:none}.project-gallery-open:hover .project-gallery-window{transform:none}}
[data-page^="work/"]{--craft-accent:#3f6452;--craft-soft:#dce7d6;--craft-pop:#d8e9b5;--craft-dark:#293d32;--craft-rule:#b7c9af}
.wk-page .wk-index{grid-template-columns:repeat(3,minmax(0,1fr))}
.wk-page .wk-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:44px}
.wk-selected-project{min-width:0}
.wk-project-card{display:flex;flex-direction:column;height:100%;background:#fffdf7;border:1px solid #ccd4c5;border-radius:20px;overflow:hidden;color:inherit;transition:box-shadow .2s,transform .2s}
.wk-project-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px -24px #293d3266}
.wk-project-image{background:#e4ebdc;overflow:hidden;aspect-ratio:1.44;border-bottom:1px solid #ccd4c5}
.wk-project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wk-project-body{padding:29px 30px;display:flex;flex-direction:column;flex:1}
.wk-project-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;line-height:1.7;letter-spacing:.6px;text-transform:uppercase;color:#576c54}
.wk-page .wk-project-body h3{font-size:34px;margin:18px 0 12px}
.wk-page .wk-project-body p{margin:0 0 24px;font-size:14px}
.wk-card-link{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600;border-top:1px solid #cbd4c5;padding-top:18px;margin-top:auto}
.wk-card-link>span{font-size:22px;line-height:1}
.wk-page .craft-work-data>b{font-size:clamp(50px,5.5vw,77px)}
.project-page .mt-two>*{min-width:0}
.project-page .mt-hero h1{font-size:clamp(48px,5.25vw,76px)}
.project-page .mt-hero>.mt-two{gap:6%;grid-template-columns:1.05fr 1fr}
.project-page .mt-hero .eyebrow{text-transform:uppercase}
.project-page .mt-hero .mt-lead{font-size:21px}
.project-page .mt-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-page .mt-pipeline article{min-width:0}
.project-page .mt-pipeline h3{font-size:26px}
.project-page .project-detail{align-items:center}
.project-board{padding:36px;border-radius:24px;position:relative;overflow:hidden}
.project-board header>span{font-size:10px;letter-spacing:1px;line-height:1.8}
.project-board h3{font:italic 39px/1.15 Georgia,serif;letter-spacing:-1.2px;margin:20px 0 32px;max-width:320px}
.project-board ol{list-style:none;padding:0;margin:0}
.project-board li{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:22px 0;border-top:1px solid #bbae90}
.project-board-number{font:italic 22px/1.3 Georgia,serif;padding-top:1px;opacity:.6}
.project-board b{font-size:16px;font-weight:550}
.project-page .project-board p{font-size:14px;line-height:1.7;margin:7px 0 0;color:inherit;opacity:.85}
.project-board footer{border-top:1px solid #bbae90;padding-top:20px;margin-top:3px;font-size:11px;line-height:1.8;opacity:.8}
.project-board-mapping{background:#f0e2c6;color:#5c4e35;box-shadow:8px 9px 0 #e7ddc8}
.project-board-flow{background:#f5f5e9;color:#2e4a3a;box-shadow:8px 9px 0 #1e332b}
.project-board-flow li{border:0;padding:15px 0;position:relative;grid-template-columns:34px 1fr;gap:20px}
.project-board-flow li:not(:last-child):before{content:"";position:absolute;width:1px;background:#bccab0;top:47px;bottom:-15px;left:16px}
.project-board-flow .project-board-number{font:12px/32px Arial,sans-serif;text-align:center;border-radius:50%;height:34px;width:34px;background:#d8e8bc;border:1px solid #b2c698;opacity:1;padding:0}
.project-board-flow footer{border-color:#c9d0bd;margin-top:20px}
.project-page .project-scope{display:grid;grid-template-columns:180px 1fr;gap:30px;border-top:1px solid #bbcbbf;margin-top:42px;padding-top:25px;align-items:baseline}
.project-page .project-scope p{font-size:13px;margin:0;max-width:720px}
.project-next{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:75px}
.project-next-link{text-align:right}
.project-next-link span{display:block;font-size:10px;letter-spacing:1px;color:#667a58;margin-bottom:12px}
.project-next-link strong{font-size:26px;font-weight:550;letter-spacing:-.7px}
/* Original, subject-specific illustrations. Container units keep all artwork in proportion. */
.case-art{margin:0;min-width:0;container-type:inline-size}
.case-art-stage{position:relative;isolation:isolate;aspect-ratio:1.03;overflow:hidden;border-radius:32px;background:#294c3b;color:#f3f1de;font:2cqw/1.4 Arial,sans-serif}
.case-art-stage *{box-sizing:border-box}
.case-art-stage em{font-family:Georgia,serif;font-weight:400}
.case-art-stage b{font-weight:500}
.case-art-stage small{font-size:1.6cqw;letter-spacing:.2cqw}
.case-art figcaption{font-size:11px;line-height:1.7;color:#63715a;margin-top:15px}
.art-kicker{position:absolute;top:6.3%;left:7%;font-size:1.7cqw;letter-spacing:.24cqw;z-index:5}
.law-word,.hotel-word,.beauty-word,.outdoor-word,.clinic-word,.cold-word,.health-word,.travel-word{position:absolute;left:7%;top:13%;font-size:9.4cqw;line-height:1.02;letter-spacing:-.5cqw;z-index:2}
/* Legal services: a matter folder, engagement outline and an embossed seal. */
.law-word em{color:#d4e7ae}
.law-folder{position:absolute;left:7%;top:42%;width:59%;height:55%;background:#d7e6bc;color:#2e4936;border-radius:2cqw 2cqw 0 0;padding:5cqw;transform:rotate(-7deg)}
.law-folder:before{content:"";position:absolute;left:0;top:-2cqw;width:40%;height:3cqw;background:inherit;border-radius:1.2cqw 1.2cqw 0 0}
.law-folder>span,.law-slip>span{font-size:1.6cqw;letter-spacing:.2cqw}
.law-folder>b{display:block;font-size:5.5cqw;line-height:1.12;letter-spacing:-.2cqw;margin:5cqw 0 4cqw}
.law-rules i{display:block;border-top:1px solid #9aaf88;width:90%;margin-top:2cqw}
.law-rules i:last-child{width:62%}
.law-folder small{display:block;margin-top:4cqw}
.law-slip{position:absolute;width:49%;right:5%;bottom:7%;background:#f4dfbc;color:#594a32;padding:3.6cqw;transform:rotate(8deg);border-radius:.6cqw;box-shadow:0 2cqw 5cqw #14261933}
.law-slip>b{display:block;font:italic 4.8cqw Georgia,serif;margin:3cqw 0}
.law-slip>div{border-top:1px solid #c5b28b;padding:2cqw 0;font-size:2cqw}
.law-slip i{float:right;font-style:normal}
.law-slip>em{display:block;font-size:4.3cqw;line-height:1.2;margin-top:2cqw}
.law-seal{position:absolute;right:9%;top:21%;width:15cqw;height:15cqw;background:#b5cc8b;color:#31472e;border:1px solid #d7e9b9;outline:1px solid #b5cc8b;outline-offset:1cqw;border-radius:50%;font:7cqw/1.1 Georgia,serif;text-align:center;padding-top:2cqw;transform:rotate(12deg)}
.law-seal span{display:block;font:1.3cqw Arial;letter-spacing:.2cqw}
/* Hospitality: a coastal postcard and a stay-planning slip. */
.art-boutique-hotel-collection .case-art-stage{background:#cbded5;color:#294c44}
.hotel-word{font-size:10.4cqw}
.hotel-postcard{position:absolute;left:7%;top:39%;width:57%;padding:2cqw;background:#fff9e8;transform:rotate(-8deg);box-shadow:0 2cqw 5cqw #35595022}
.hotel-postcard svg{display:block;width:100%}
.hotel-postcard>div{padding:3cqw 1cqw 2cqw}
.hotel-postcard b{display:block;font:italic 4cqw Georgia,serif}
.hotel-postcard span{display:block;font-size:1.5cqw;letter-spacing:.15cqw;margin-top:2cqw}
.hotel-stay{position:absolute;right:5%;top:46%;width:42%;padding:4cqw;background:#2f584b;color:#f4efd8;transform:rotate(6deg);border-radius:1cqw}
.hotel-stay>span{font-size:1.45cqw;letter-spacing:.12cqw}
.hotel-stay>b{display:block;font-size:6.1cqw;line-height:1.05;letter-spacing:-.3cqw;margin:4cqw 0}
.hotel-stay em{color:#d6eaa8}
.hotel-stay>div{padding-top:2.5cqw;border-top:1px solid #748b75;font-size:1.7cqw}
.hotel-stay i{float:right;font-style:normal}
.hotel-stamp{position:absolute;right:10%;top:27%;width:14cqw;height:14cqw;border:1px solid #688f7c;border-radius:50%;text-align:center;font:7cqw/1.1 Georgia,serif;padding-top:1.8cqw;transform:rotate(15deg)}
.hotel-stamp span{display:block;font:1.3cqw Arial;letter-spacing:.15cqw}
/* Beauty retail: product silhouettes on a soft plinth with a consultation card. */
.art-beauty-and-skincare-store .case-art-stage{background:#eadbcc;color:#583d43}
.beauty-word{font-size:10.7cqw}
.beauty-orbit{position:absolute;width:85%;height:76%;border:1px solid #c6a68d;border-radius:50%;left:3%;top:34%;transform:rotate(-24deg)}
.beauty-orbit:after{content:"";position:absolute;inset:5cqw;border:1px solid #d2b5a0;border-radius:50%}
.beauty-bottle{position:absolute;background:#805348;color:#f3dfbc;box-shadow:inset 2cqw 0 3cqw #ad776644,inset -2cqw 0 2cqw #4d332b33,1cqw 2cqw 3cqw #67453620;border:1px solid #926255;border-radius:3cqw 3cqw 2cqw 2cqw;text-align:center}
.bottle-tall{left:14%;top:48%;width:26%;height:37%;transform:rotate(-9deg)}
.bottle-cap{position:absolute;left:19%;width:62%;height:8cqw;top:-8cqw;background:repeating-linear-gradient(90deg,#c9b589 0 1px,#dccba5 1px 4px);border-radius:1cqw 1cqw 0 0}
.beauty-bottle>span{display:block;font-size:2cqw;letter-spacing:.4cqw;margin-top:6cqw}
.beauty-bottle>b{display:block;font:8cqw/1.3 Georgia,serif}
.beauty-bottle>small{display:block;font-size:1.4cqw;line-height:1.8}
.bottle-small{left:37%;top:62%;width:22%;height:27%;background:#e7cba5;color:#684f3b;transform:rotate(6deg);z-index:2}
.bottle-small .bottle-cap{height:4cqw;top:-4cqw;width:92%;left:4%;background:#685248}
.bottle-small>span{margin-top:4cqw;font-size:1.6cqw}
.bottle-small>b{font-size:6cqw}
.beauty-note{position:absolute;right:6%;top:37%;width:37%;background:#f9f3e6;padding:4cqw;color:#67444c;transform:rotate(7deg);box-shadow:0 2cqw 4cqw #67453620}
.beauty-note>span{font-size:1.4cqw;letter-spacing:.12cqw}
.beauty-note>b{display:block;font-size:5.8cqw;line-height:1.05;letter-spacing:-.25cqw;margin:4cqw 0}
.beauty-note>b em{font-size:9cqw}
.beauty-note>div{display:flex;gap:1.4cqw;margin:5cqw 0 3cqw}
.beauty-note i{width:3.5cqw;height:3.5cqw;border:1px solid #b9908e;border-radius:50%}
.beauty-note i:first-child{background:#805348}
.beauty-note small{font-size:1.2cqw;letter-spacing:.1cqw}
.beauty-foot{position:absolute;left:8%;bottom:4%;font-size:1.5cqw;letter-spacing:.2cqw}
/* Outdoor retail: shell construction over contour lines and a layer-system label. */
.art-technical-outdoor-store .case-art-stage{background:#344d3e;color:#f1edcd}
.outdoor-word{font-size:10.7cqw}
.outdoor-word em{color:#d2e4af}
.outdoor-contours{position:absolute;width:100%;height:100%;inset:0;opacity:.6}
.outdoor-shell{position:absolute;left:1%;top:36%;width:58%;height:58%;transform:rotate(-9deg);filter:drop-shadow(1cqw 2cqw 1cqw #1e302a44)}
.outdoor-tag{position:absolute;right:5%;top:44%;width:44%;padding:4cqw;background:#e9b98d;color:#4c4231;transform:rotate(6deg);border-radius:.6cqw}
.outdoor-tag:before{content:"";width:1.8cqw;height:1.8cqw;border:1px solid #a97d56;position:absolute;right:3cqw;top:3cqw;border-radius:50%}
.outdoor-tag>span{font-size:1.45cqw;letter-spacing:.1cqw}
.outdoor-tag>b{display:block;font-size:5.8cqw;line-height:1.1;margin:5cqw 0;letter-spacing:-.25cqw}
.outdoor-tag>div{display:flex;justify-content:space-between;border-block:1px solid #bb8d64;padding:2.5cqw 0;font-size:2cqw}
.outdoor-tag i{font-style:normal}
.outdoor-tag small{display:block;font-size:1.2cqw;letter-spacing:.1cqw;margin-top:3cqw}
.outdoor-coordinate{position:absolute;left:7%;bottom:4%;font-size:1.4cqw;letter-spacing:.2cqw}
/* Pediatric care: a single appointment preference, framed by soft botanical shapes. */
.art-pediatric-care-website .case-art-stage{background:#dcd8f0;color:#3e4d42}
.clinic-word{font-size:9.8cqw}
.clinic-calendar{position:absolute;left:7%;top:40%;width:63%;background:#faf6e9;border-radius:2cqw;padding:4cqw;transform:rotate(-6deg);box-shadow:0 2cqw 4cqw #69658422}
.clinic-calendar header{font-size:1.7cqw;letter-spacing:.12cqw;border-bottom:1px solid #d7d6c6;padding-bottom:3cqw}
.clinic-calendar header>span{float:right;font-size:2.5cqw}
.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2cqw;text-align:center;margin:3cqw 0}
.calendar-days>b{font-size:1.6cqw;color:#7c8876}
.calendar-days>span,.calendar-days>strong{font:3cqw/6.5cqw Arial,sans-serif}
.calendar-days>strong{background:#c8dba5;border-radius:50%;font-weight:500}
.clinic-calendar footer{display:flex;gap:2cqw;font-size:1.6cqw;border-top:1px solid #d7d6c6;padding-top:3cqw}
.clinic-calendar footer>*{padding:1.3cqw 2cqw;border:1px solid #d3d6c7;border-radius:4cqw}
.clinic-calendar footer>b{background:#dce8ca}
.clinic-note{position:absolute;right:5%;bottom:7%;width:40%;background:#3d5b49;color:#f4f0dd;padding:4cqw;transform:rotate(8deg);border-radius:.7cqw}
.clinic-note>span{font-size:1.4cqw;letter-spacing:.15cqw}
.clinic-note>b{display:block;font-size:5.4cqw;line-height:1.1;margin:4cqw 0;letter-spacing:-.2cqw}
.clinic-note em{color:#d4e3ad}
.clinic-note>div{border-top:1px solid #7b9376;padding-top:2.5cqw;font-size:1.5cqw}
.clinic-note i{float:right;font-style:normal}
.clinic-sun{position:absolute;right:8%;top:30%;width:13cqw;height:13cqw;background:#eac593;border-radius:50%}
.clinic-petal{position:absolute;left:8%;bottom:3%;width:14cqw;height:14cqw;transform:rotate(15deg)}
.clinic-petal i{position:absolute;width:8cqw;height:8cqw;background:#e7bd91;border-radius:50%}
.clinic-petal i:nth-child(2){right:0}.clinic-petal i:nth-child(3){bottom:0}.clinic-petal i:nth-child(4){right:0;bottom:0}
.clinic-petal b{position:absolute;inset:0;text-align:center;font:7cqw/14cqw Georgia,serif;color:#7e6445}
/* Cold chain: range-aware trace and a shipment-review card. */
.art-cold-chain-operations .case-art-stage{background:#264c42;color:#eff2de}
.cold-word{font-size:9.4cqw}
.cold-word em{color:#d1e4af}
.cold-chart{position:absolute;left:7%;right:7%;top:36%;height:35%;border-top:1px solid #78968a;padding-top:3cqw}
.cold-chart header{display:flex;justify-content:space-between;font-size:1.55cqw;letter-spacing:.1cqw}
.cold-chart header b{color:#d1e4af}
.cold-chart svg{display:block;width:100%;margin-top:3cqw}
.cold-chart footer{display:flex;justify-content:space-between;font-size:1.3cqw;color:#b0c8b7;margin-top:2cqw}
.cold-record{position:absolute;right:7%;bottom:6%;width:49%;background:#f2dcba;color:#4d4c36;transform:rotate(6deg);padding:3.6cqw;box-shadow:0 2cqw 4cqw #16382d44}
.cold-record>span{font-size:1.4cqw;letter-spacing:.15cqw}
.cold-record>b{display:block;font-size:4.8cqw;line-height:1.03;margin:2cqw 0;letter-spacing:-.2cqw}
.cold-record>div{border-top:1px solid #bdb091;padding:1.8cqw 0;font-size:1.7cqw}
.cold-record i{font-style:normal;float:right}
.cold-record>small{display:block;margin-top:2cqw;font-size:1.2cqw;letter-spacing:.12cqw}
.cold-marker{position:absolute;left:10%;bottom:8%;width:12cqw;height:12cqw;border:1px solid #9eb790;border-radius:50%;font:italic 8cqw/12cqw Georgia,serif;text-align:center;color:#d1e4af}
/* Clinic workspace: a schedule with a focused record laid over it. */
.art-clinic-workspace .case-art-stage{background:#d2dfc6;color:#354c3b}
.health-word{font-size:9.7cqw}
.health-schedule{position:absolute;left:7%;top:39%;width:79%;background:#fbf8e9;border-radius:1.5cqw;padding:4cqw;transform:rotate(-5deg);box-shadow:0 2cqw 5cqw #3b553822}
.health-schedule header{display:flex;justify-content:space-between;font-size:1.6cqw;letter-spacing:.12cqw;margin-bottom:3cqw}
.health-schedule header span{color:#7d8b72;font-size:1.3cqw}
.health-schedule>div{display:grid;grid-template-columns:10cqw 1cqw 1fr 3cqw;gap:2cqw;align-items:center;padding:3cqw 1cqw;border-top:1px solid #d8ddcb;font-size:2.2cqw}
.health-schedule time{font-size:2.4cqw}
.health-schedule i{height:6cqw;background:#d2dfbd;border-radius:1cqw}
.health-schedule small{font-size:1.5cqw;color:#70816b;letter-spacing:0}
.health-schedule .active{background:#e5ebd3;margin-inline:-1.5cqw;padding-inline:2.5cqw}
.health-schedule .active i{background:#788e5e}
.health-note{position:absolute;right:5%;bottom:6%;width:44%;background:#3d5946;color:#f4efd9;transform:rotate(8deg);padding:4cqw;box-shadow:0 2cqw 4cqw #243e3322}
.health-note>span{font-size:1.4cqw;letter-spacing:.1cqw}
.health-note>b{display:block;font-size:5.8cqw;line-height:1.1;letter-spacing:-.2cqw;margin:3cqw 0}
.health-note em{color:#dae7bb}
.note-lines i{display:block;border-top:1px solid #8b9c79;margin-top:1.8cqw;width:92%}
.note-lines i:last-child{width:65%}
.health-note footer{font-size:1.1cqw;letter-spacing:.06cqw;margin-top:3cqw}
.health-cross{position:absolute;right:9%;top:27%;width:12cqw;height:12cqw;border-radius:50%;background:#eecba4;text-align:center;font:9cqw/12cqw Georgia,serif;color:#69724e;transform:rotate(8deg)}
/* Travel planning: a route through terrain, with a ticket for an idea. */
.art-travel-planning-workspace .case-art-stage{background:#294f47;color:#f0efd7}
.travel-word{font-size:10.7cqw}
.travel-word em{color:#dfebba}
.travel-map{position:absolute;width:88%;height:77%;left:-7%;top:31%;transform:rotate(-12deg)}
.travel-ticket{position:absolute;right:7%;bottom:7%;width:51%;padding:4.5cqw;background:#efe0bf;color:#4a5039;transform:rotate(8deg);box-shadow:0 2cqw 4cqw #1b3e3544;border-radius:1cqw}
.travel-ticket>span{font-size:1.3cqw;letter-spacing:.1cqw}
.travel-ticket>b{display:block;font-size:6.3cqw;line-height:1.07;letter-spacing:-.3cqw;margin:4cqw 0}
.travel-ticket>div{display:flex;justify-content:space-between;align-items:center;border-block:1px dashed #b7ae8d;padding:2.5cqw 0}
.travel-ticket>div span{font-size:1.4cqw;line-height:1.8}
.travel-ticket strong{font-size:2.5cqw;font-weight:500}
.travel-ticket i{font-size:5cqw;font-style:normal}
.travel-ticket footer{font-size:1.2cqw;letter-spacing:.06cqw;margin-top:3cqw}
.travel-compass{position:absolute;left:10%;bottom:6%;font-size:1.5cqw;text-align:center;color:#e2e9ba}
.travel-compass span{display:block;font:10cqw/1.1 Georgia,serif}
/* Automotive: an individual machine and its catalogue record. */
.motor-word,.property-word,.talent-word,.dining-word{position:absolute;left:7%;top:13%;font-size:10.3cqw;line-height:1.02;letter-spacing:-.5cqw;z-index:2}
.art-motorcycle-dealership .case-art-stage{background:#314a3c;color:#f4ebce}
.motor-word em{color:#dbcb9c}
.motor-drawing{position:absolute;left:1.5%;top:47%;width:56%;height:44%;transform:rotate(-8deg)}
.motor-spec{position:absolute;right:5%;bottom:9%;width:43%;padding:3.8cqw;background:#e8c69b;color:#524632;border-radius:.7cqw;transform:rotate(7deg);box-shadow:0 2cqw 4cqw #18302444}
.motor-spec>span{font-size:1.3cqw;letter-spacing:.13cqw}
.motor-spec>b{display:block;font-size:5.3cqw;line-height:1.1;letter-spacing:-.25cqw;margin:3.5cqw 0}
.motor-spec>div{border-top:1px solid #b19771;padding:2cqw 0;font-size:1.65cqw}
.motor-spec i{float:right;font-style:normal}
.motor-spec small{display:block;font-size:1.05cqw;letter-spacing:.07cqw;margin-top:2cqw}
.motor-foot{position:absolute;left:7%;bottom:4%;font-size:1.4cqw;letter-spacing:.15cqw;color:#dce4bb}
/* Property: an architectural study and a structured collection. */
.art-commercial-property-advisory .case-art-stage{background:#d6e0cf;color:#344d3e}
.property-word{font-size:10cqw}
.property-buildings{position:absolute;left:-1%;top:34%;width:77%;height:64%}
.property-listing{position:absolute;right:5%;bottom:8%;width:41%;padding:3.5cqw;background:#f3e2bd;color:#5a4c35;transform:rotate(7deg);box-shadow:0 2cqw 4cqw #3c563522}
.property-listing>span{font-size:1.3cqw;letter-spacing:.1cqw}
.property-listing>b{display:block;font-size:5.6cqw;line-height:1.07;letter-spacing:-.3cqw;margin:3cqw 0}
.property-listing>div{display:flex;justify-content:space-between;border-top:1px solid #c5b28e;padding:1.8cqw 0;font-size:1.9cqw}
.property-marker{position:absolute;right:9%;top:22%;height:12cqw;width:12cqw;border:1px solid #7d987c;border-radius:50%;font:6cqw/1 Georgia,serif;text-align:center;padding-top:2cqw;transform:rotate(12deg)}
.property-marker>span{display:block;font:1.1cqw Arial,sans-serif;letter-spacing:.14cqw;margin-top:.7cqw}
/* Recruitment: role discovery connected to a candidate brief. */
.art-recruitment-and-workforce .case-art-stage{background:#ddd6ec;color:#484254}
.talent-word{font-size:10.9cqw}
.talent-path{position:absolute;inset:10% 0 0;width:100%;height:90%}
.talent-role{position:absolute;left:7%;width:54%;background:#f9f4e6;padding:3.5cqw;border-radius:1cqw;box-shadow:0 1.4cqw 3cqw #4e3f6620;transform:rotate(-6deg)}
.talent-role>span{font-size:1.35cqw;letter-spacing:.13cqw;color:#8a7965}
.talent-role>b{display:block;font-size:4.3cqw;line-height:1.2;letter-spacing:-.16cqw;margin-top:1.5cqw}
.talent-role i{font-size:3.7cqw;font-style:normal;float:right}
.role-one{top:39%}.role-two{top:57%;left:9%}.role-three{top:75%;left:11%}
.talent-brief{position:absolute;right:5%;bottom:7%;width:43%;padding:3cqw;background:#365741;color:#f2f0d8;transform:rotate(7deg);border-radius:.8cqw;box-shadow:0 2cqw 4cqw #30433122}
.talent-brief>span{font-size:1.25cqw;letter-spacing:.08cqw}
.talent-person{width:9cqw;height:9cqw;background:#d9e4ba;border-radius:50%;position:relative;overflow:hidden;margin:2cqw 0}
.talent-person:before{content:"";position:absolute;top:1.4cqw;left:3.1cqw;width:2.8cqw;height:2.8cqw;background:#75916c;border-radius:50%}
.talent-person:after{content:"";position:absolute;top:4.7cqw;left:1.8cqw;width:5.4cqw;height:5.4cqw;background:#75916c;border-radius:50% 50% 0 0}
.talent-brief>b{display:block;font-size:5.2cqw;line-height:1.07;letter-spacing:-.3cqw;margin:2cqw 0}
.talent-brief em{color:#d7e8b8}
.talent-brief>div:not(.talent-person){font-size:1.7cqw;border-top:1px solid #799572;padding:1.4cqw 0}
.talent-brief>div>i{float:right;font-style:normal}
.talent-brief>small{display:block;font-size:1.2cqw;letter-spacing:.1cqw;margin-top:2cqw}
/* Dining: a plated meal with an editorial menu card. */
.art-restaurant-and-dining .case-art-stage{background:#6b4938;color:#f5e7c8}
.dining-word{font-size:11cqw}
.dining-word em{color:#e6dba2}
.dining-plate{position:absolute;left:-7%;top:37%;width:77%;height:70%;transform:rotate(-12deg)}
.dining-menu{position:absolute;right:6%;bottom:12%;width:43%;padding:4cqw;background:#e5d7aa;color:#4b4f35;transform:rotate(8deg);border-radius:.7cqw;box-shadow:0 2cqw 4cqw #2d1f2544}
.dining-menu>span{font-size:1.5cqw;letter-spacing:.17cqw}
.dining-menu>b{display:block;font-size:5.5cqw;line-height:1.1;letter-spacing:-.25cqw;margin:4cqw 0}
.dining-menu>div{font-size:1.8cqw;border-top:1px solid #b5a87c;padding-top:3cqw}
.dining-menu i{font-style:normal;float:right}
.dining-menu>small{display:block;font-size:1.2cqw;letter-spacing:.09cqw;margin-top:3cqw}
.dining-spice{position:absolute;right:11%;top:31%;width:12cqw;height:12cqw;transform:rotate(22deg)}
.dining-spice i{position:absolute;width:3cqw;height:12cqw;background:#c6aa7b;border-radius:70%;left:4.5cqw}
.dining-spice i:nth-child(2){transform:rotate(45deg)}.dining-spice i:nth-child(3){transform:rotate(90deg)}.dining-spice i:nth-child(4){transform:rotate(135deg)}
/* Responsive layout keeps artwork intact, while case-study text reflows naturally. */
@media(max-width:1100px){.project-page .mt-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.project-board{padding:28px}.wk-project-body{padding:25px}.wk-page .wk-project-body h3{font-size:29px}}
@media(max-width:800px){.project-page .mt-hero>.mt-two{grid-template-columns:1fr;gap:35px}.case-art{width:100%;max-width:640px;justify-self:center}.project-page .mt-hero h1{font-size:clamp(48px,8vw,70px)}.project-board{margin-right:8px}.wk-page .wk-project-grid{gap:22px}.wk-project-meta{display:block}.wk-project-meta>span{display:block}.wk-project-body{padding:22px}.wk-page .wk-project-body h3{font-size:28px}.project-page .project-scope{grid-template-columns:1fr;gap:12px}}
@media(max-width:560px){.wk-page .wk-index,.wk-page .wk-project-grid,.project-page .mt-pipeline{grid-template-columns:1fr}.wk-page .wk-project-grid{margin-top:30px;gap:28px}.wk-page .craft-work-data>b{font-size:64px}.project-page .mt-hero h1{font-size:clamp(42px,10.5vw,58px)}.case-art-stage{border-radius:22px}.case-art figcaption{font-size:10px}.project-board{padding:26px;border-radius:20px}.project-board h3{font-size:33px}.project-board li{gap:14px;padding-block:19px}.project-board-flow li{padding-block:15px}.project-next{align-items:start;padding-bottom:50px;gap:25px;flex-direction:column}.project-next-link{text-align:left}.project-next-link strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wk-project-card{transition:none}.wk-project-card:hover{transform:none}}