/* Original images, generous colour and tactile depth, following the home pages. */
.kay-portrait{position:relative;isolation:isolate;margin:0;min-width:0;height:620px;overflow:hidden;border-radius:42% 42% 16px 16px;background:#d9e1d2;box-shadow:inset 0 0 0 1px #24473e12}
.kay-portrait:before{content:'';position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:#eac9af;top:14%;left:22%;box-shadow:inset -24px -20px 48px #bc8c6830,12px 20px 48px #52624a12}
.kay-portrait>img{position:absolute;inset:auto 0 0;width:100%;height:96%;object-fit:contain;object-position:right bottom;z-index:2;filter:drop-shadow(-13px 12px 11px #28433922)}
.kay-word{position:absolute;top:8%;left:7%;font:italic 82px/1 Georgia,serif;letter-spacing:-.07em;color:#34554826;transform:rotate(-9deg)}
.kay-orbit{position:absolute;bottom:11%;left:-22%;width:110%;height:46%;border:2px solid #f9f4e5a0;border-radius:50%;transform:rotate(-24deg);z-index:1;pointer-events:none}
.kay-portrait figcaption{position:absolute;bottom:22px;left:22px;right:22px;z-index:4;display:flex;flex-direction:column;align-items:start;gap:6px;padding:14px 18px;background:#fffaecee;box-shadow:0 7px 18px #1d3b3020;border-radius:9px;font:10px/1.5 var(--sans,Arial);letter-spacing:.1em;max-width:310px}
.kay-portrait figcaption strong{font-size:12px;letter-spacing:.03em}.kay-spark{position:absolute;right:7%;top:17%;font-size:70px;color:#f6f0d7;filter:drop-shadow(4px 6px 0 #5874532b);transform:rotate(12deg)}
.about-top.with-kay-portrait{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(30px,6vw,100px);align-items:center;max-width:1400px;margin:auto}
.about-top.with-kay-portrait .about-person-copy{min-width:0}
.about-top.with-kay-portrait .eyebrow{margin:0 0 36px;font-size:12px;letter-spacing:.12em}
.about-top.with-kay-portrait h1,.about-top.with-kay-portrait h2{font-size:clamp(55px,6.2vw,96px);line-height:.98;letter-spacing:-.065em;margin:0 0 30px}
.about-top.with-kay-portrait h1 em,.about-top.with-kay-portrait h2 em{font-family:var(--serif,Georgia);font-weight:400;color:#ad5138}
.about-top.with-kay-portrait .about-person-copy>p:not(.eyebrow){font-size:clamp(16px,1.35vw,20px);line-height:1.75;max-width:660px;margin:0 0 26px}
.about-top.with-kay-portrait .about-capabilities{font-size:15px;line-height:1.6;margin-top:6px;display:inline-block}
.about-top.with-kay-portrait .kay-portrait{height:clamp(480px,43vw,650px)}
.studio>.kay-portrait{height:610px;align-self:center}.studio>.kay-portrait .kay-word{top:9%}
/* Full-bleed photographs and paper objects in the personal reading room. */
.page-articles .reading-card,.reading-bio-grid .reading-card,.article-grid .reading-card:first-child{padding:0;overflow:hidden;border:0;border-radius:18px;background:#fffaf0;box-shadow:0 8px 24px #193e3510,0 1px 2px #193e3518;transition:transform .25s,box-shadow .25s}
.page-articles .reading-card:hover,.reading-bio-grid .reading-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #193e351c;background:#fffaf0}
.reading-visual{position:relative;display:grid;place-items:center;width:100%;height:260px;overflow:hidden;isolation:isolate;background:#dce5d9}
.reading-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.visual-stamp{position:absolute;left:18px;bottom:18px;z-index:4;max-width:85%;padding:7px 12px;border-radius:30px;background:#fffaf0f2;color:#24443c;font:600 10px/1.5 var(--sans,Arial);box-shadow:0 3px 12px #142d2b12}
.reading-visual.visual-framed{padding:24px 28px 28px;background:#e9ceb5}
.reading-visual.visual-framed:before{content:'';position:absolute;inset:24px 32px 26px;background:#faf0d7;transform:rotate(-5deg);box-shadow:8px 12px 20px #65483020}
.reading-visual.visual-framed img{border:9px solid #fffaf0;border-bottom-width:23px;box-shadow:3px 12px 16px #593e342b;transform:rotate(3deg);max-height:100%;object-position:center;z-index:1}
.reading-visual.visual-publication{padding:24px 36px;background:#dcd9e6;perspective:850px}
.reading-visual.visual-publication:before{content:'';position:absolute;width:180px;height:85%;background:#f5efe4;transform:translate(9px,8px) rotate(-6deg);box-shadow:12px 14px 25px #49355f33}
.reading-visual.visual-publication img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 10px 7px #46395244);transform:rotate(-5deg) rotateY(-9deg)}
.reading-visual.visual-cutout{background:#d8e3d4}
.reading-visual.visual-cutout:before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:#ecc5ac;right:4%;top:36px;box-shadow:inset -15px -10px 22px #a96d4222}
.reading-visual.visual-cutout img{position:relative;object-fit:contain;height:128%;width:100%;align-self:start;object-position:50% 0;filter:drop-shadow(-9px 8px 6px #324e332b);transform:translateY(10px)}
.reading-card-copy{padding:25px 26px 28px;display:flex;flex:1;flex-direction:column;min-width:0}
.reading-card-copy .reading-card-top{min-height:28px;gap:8px}.reading-card-copy .reading-number{font:17px/1.3 var(--sans,Arial);opacity:.5}
.reading-card-copy h2,.reading-card-copy h3{font:500 clamp(27px,2.3vw,35px)/1.12 var(--serif,Georgia);letter-spacing:-.035em;margin:18px 0}
.reading-card-copy .reading-preview{font-size:15px;line-height:1.7!important;margin-bottom:24px}
.reading-card-copy .reading-card-bottom{padding-top:18px;border-top:1px solid #244b3920}
.reading-card-copy .reading-credit{margin-bottom:16px}.reading-card-copy .card-link{display:inline-block;border:0!important;background:#e6ebdf;padding:9px 14px;border-radius:28px;font-size:12px}
.reading-detail-visual{margin:32px 0}.reading-detail-visual img{width:100%;max-height:500px;object-fit:cover;border-radius:12px;display:block}
.reading-detail-visual.visual-publication{padding:25px;background:#e5e1e9;border-radius:12px}.reading-detail-visual.visual-publication img{max-height:720px;object-fit:contain;filter:drop-shadow(6px 12px 12px #1b26342a)}
.reading-detail-visual.visual-cutout{border-radius:12px;background:#dbe3d4}.reading-detail-visual.visual-cutout img{height:400px;object-fit:contain}.reading-detail-visual figcaption{font-size:11px;line-height:1.6;color:#526153;margin-top:12px;padding:0 12px 12px}
.writing-index .writing-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}
.writing-index .writing-item.reading-home-item{display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:14px;overflow:hidden;background:#fffbf0;box-shadow:0 6px 20px #6f512319}
.reading-home-visual{width:100%;height:200px;position:relative;overflow:hidden;background:#e1dac9}.reading-home-visual img{height:100%;width:100%;object-fit:cover}.reading-home-visual>span{position:absolute;top:14px;left:14px;padding:7px 10px;background:#fffbf0;border-radius:50%;font-size:12px}
.reading-home-copy{padding:22px;flex:1;display:flex;flex-direction:column}.writing-index .reading-home-copy h3{font-family:var(--serif,Georgia);font-size:27px;margin:14px 0}.reading-home-copy .story-excerpt{font-size:14px;line-height:1.7;margin:0 0 20px}.reading-home-link{font-size:12px;margin-top:auto;color:#365645}.writing-index .reading-home-copy .writing-meta{font-size:10px}
.story-preview-image{width:100%!important;height:210px!important;object-fit:cover!important;object-position:center 36%;border-radius:0!important;margin:0 0 20px!important}
/* Studio editorial imagery keeps the same immersive and framed language. */
.workshop-editorial{position:relative;isolation:isolate;overflow:hidden;min-height:540px;background:#193e35!important}
.workshop-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.workshop-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102f2bf2,transparent 85%);z-index:-1}
.workshop-editorial .cover-number,.workshop-editorial .cover-foot,.workshop-editorial .cover-words{color:#fff7e6!important}.workshop-editorial .cover-words{margin-top:auto!important;text-shadow:0 2px 18px #15332d88}
.reading-grid .reading-card{overflow:hidden;border-radius:18px;background:#fffaf0;box-shadow:0 8px 22px #153e3514;border:0!important}
.reading-art.editorial-photo{position:relative;display:block;height:290px;padding:0;overflow:hidden;background:#d7e1d1}.reading-art.editorial-photo>img{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;mix-blend-mode:normal}
.reading-art.editorial-photo>span{position:absolute;z-index:3;left:18px;bottom:18px;top:auto;right:auto;background:#fffaeaf5;color:#254d40;padding:8px 12px;border-radius:22px;font-size:9px;max-width:90%}
.reading-art.editorial-photo.visual-framed{padding:24px 28px;background:#e1d6e7}.reading-art.editorial-photo.visual-framed>img{border:10px solid #fffaef;border-bottom-width:22px;transform:rotate(-3deg);box-shadow:6px 12px 18px #43374d30;object-position:center 30%}
.reading-grid .reading-card:nth-child(2) .reading-art{background:#eacfb9}.reading-grid .reading-card:nth-child(2) .reading-art>img{transform:rotate(3deg)}.reading-grid .reading-body{padding:26px}.reading-grid .reading-body h3{font-size:29px}
/* Newly added project cards use the homepage's tactile, visual format. */
.proof-card{border-radius:18px;background:#f5efdf;overflow:hidden;padding:0 0 24px;box-shadow:0 8px 24px #193e3510;border:1px solid #193e3510;transition:transform .25s,box-shadow .25s}
.proof-card:nth-child(3n+2){background:#e8e9df}.proof-card:nth-child(3n){background:#e8e2eb}
.proof-card>.proof-kicker,.proof-card>h3,.proof-card>p:not(.proof-kicker),.proof-card>.proof-link{margin-left:24px;margin-right:24px}
.proof-card>.proof-link{margin-top:auto;border:0;background:#fff8;padding:9px 14px;border-radius:26px;font-size:12px}
.proof-card-media{border-radius:0;aspect-ratio:4/3;perspective:850px;padding:28px;background:linear-gradient(135deg,#e2dece,#d8e2d1)}
.proof-card[data-proof-category=knowledge] .proof-card-media img,.proof-card[data-proof-category=training] .proof-card-media img{transform:rotate(-4deg) rotateY(-8deg);filter:drop-shadow(9px 13px 8px #253e352c)}
.proof-card[data-proof-category=film] .proof-card-media{padding:0}.proof-card[data-proof-category=film] .proof-card-media img{object-fit:cover;filter:none}
.proof-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #193e3520}.proof-card:hover .proof-card-media img{transform:scale(1.035)}
.proof-label{font-size:10px;padding:8px 14px;bottom:16px;right:16px;background:#fff9ecf2}
/* Real client identities and linked website work. */
.client-logo-link{display:grid;place-items:center;min-height:70px;min-width:0;border-radius:10px;transition:background .2s,transform .2s}.client-logo-link:hover{background:#fff8;transform:translateY(-3px)}
.client-note .logo-grid .client-logo-link img{max-width:125px;width:90%;height:55px;object-fit:contain}
.client-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-width:0;border-radius:12px;padding:18px;background:#fff9;transition:transform .2s,background .2s}
.client-identity:hover{background:#fff;transform:translateY(-3px)}.client-identity img{display:block;width:100%;max-width:160px;height:72px;object-fit:contain;mix-blend-mode:multiply;filter:none!important;opacity:1!important}.client-identity>span{font-size:11px;letter-spacing:.08em;font-weight:700;color:#284b40}
.selected-client-section{padding:35px max(5vw,24px) 55px;max-width:1400px;margin:auto}.selected-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.selected-client-grid .client-identity{background:#f1ecdf;border-radius:14px;padding:26px}.selected-client-section>.text-link{font-size:13px}
.home-trust>div{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:22px!important;align-items:center}.home-trust>div>.client-identity{padding:10px 2px;background:transparent}.home-trust>div>.client-identity img{height:55px!important;width:100%!important;max-width:130px!important}.home-trust>div>.client-identity span{display:none}.logos-all>.client-identity{min-height:135px;background:#fff8}
.web-portfolio-section{padding:70px max(5vw,24px);background:#e9e7dc;max-width:1600px;margin:auto}.web-portfolio-heading{max-width:720px;margin-bottom:36px}.web-portfolio-heading h2{font-size:clamp(38px,5.2vw,72px);line-height:1.02;letter-spacing:-.05em;margin:20px 0}.web-portfolio-heading h2 em{font-family:var(--serif,Georgia);font-weight:400;color:#a95031}.web-portfolio-heading>p:last-child{font-size:17px;line-height:1.7;max-width:620px}
.web-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.web-portfolio-card{min-width:0;display:flex;flex-direction:column;text-decoration:none;border-radius:20px;overflow:hidden;background:#fffaf0;box-shadow:0 8px 26px #24423915;transition:transform .25s,box-shadow .25s;color:inherit}.web-portfolio-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #24423925}
.web-art{position:relative;aspect-ratio:16/10;background:#d5e1db;overflow:hidden;padding:22px;isolation:isolate}.web-art:before{content:'';position:absolute;inset:22px 22px 18px;border-radius:9px;background:#faf8f0;box-shadow:7px 11px 22px #2442392b;z-index:-1;transform:rotate(-2deg)}
.web-chrome{height:32px;display:flex;gap:5px;align-items:center;padding:0 10px;background:#faf9f5;border-radius:8px 8px 0 0;position:relative;z-index:3;font-size:9px;color:#466257}.web-chrome i{display:block;width:5px;height:5px;border-radius:50%;background:#b8c8bb}.web-chrome span{margin-left:10px}
.web-brand{position:relative;z-index:2;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:15px;min-height:90px}.web-brand>img{display:block;max-width:45%;width:180px;height:66px;object-fit:contain}.web-brand>span{font-size:11px;max-width:130px;line-height:1.5;color:#345748}
.web-field{width:100%;height:calc(100% - 122px);object-fit:cover;display:block;object-position:center}.web-art-kics{background:#e7d7bf}.web-art-kics:before{transform:rotate(2deg)}.web-art-kics .web-brand{background:#fffbef;min-height:115px}.web-art-kics .web-brand>img{width:220px;max-width:60%;height:78px;mix-blend-mode:multiply}
.school-motif{position:relative;height:calc(100% - 147px);min-height:60px;display:flex;align-items:center;justify-content:center;gap:28px;background:#fffbef;color:#25594b;overflow:hidden}.school-motif>span{display:grid;place-items:center;width:64px;height:64px;background:#c3d7c3;border-radius:16px;font:700 29px/1 Georgia,serif;box-shadow:5px 6px 0 #25453719;transform:rotate(-12deg)}.school-motif>span:first-child{border-radius:50%;background:#e0a351;color:#fff7d5;font-size:49px;transform:rotate(10deg)}.school-motif>span:last-child{background:#cebcd9;color:#513469;transform:rotate(12deg)}
.web-portfolio-copy{padding:26px 30px 30px;display:flex;flex-direction:column;flex:1}.web-portfolio-copy .eyebrow{font-size:10px;line-height:1.6;margin:0 0 16px}.web-portfolio-copy h3{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:0 0 15px}.web-portfolio-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;margin:0 0 24px}.web-visit{display:block;align-self:start;margin-top:auto;border-radius:24px;padding:10px 16px;background:#e5eadd;font-size:12px}
.client-identity:focus-visible,.client-logo-link:focus-visible,.web-portfolio-card:focus-visible{outline:3px solid #a84d30;outline-offset:5px}
@media(max-width:1050px){.about-top.with-kay-portrait{gap:35px;grid-template-columns:1.05fr .95fr}.about-top.with-kay-portrait h1,.about-top.with-kay-portrait h2{font-size:clamp(48px,6.4vw,72px)}.about-top.with-kay-portrait .kay-portrait{height:520px}.studio>.kay-portrait{height:540px}.home-trust>div{grid-template-columns:repeat(5,minmax(0,1fr))}.reading-visual{height:260px}.writing-index .writing-list{gap:18px}.reading-home-copy{padding:18px}.writing-index .reading-home-copy h3{font-size:24px}}
@media(max-width:760px){.about-top.with-kay-portrait{grid-template-columns:1fr;gap:32px}.about-top.with-kay-portrait h1,.about-top.with-kay-portrait h2{font-size:clamp(54px,12.5vw,82px);margin:0 0 26px}.about-top.with-kay-portrait .eyebrow{margin-bottom:26px;font-size:10px}.about-top.with-kay-portrait .about-person-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}.about-top.with-kay-portrait .kay-portrait,.studio>.kay-portrait{height:540px;max-width:430px;width:100%;justify-self:center}.kay-portrait figcaption{max-width:280px}.kay-word{font-size:70px}.writing-index .writing-list{grid-template-columns:1fr}.reading-home-visual{height:230px}.reading-home-copy{padding:24px}.writing-index .reading-home-copy h3{font-size:30px}.reading-card-copy{padding:23px}.reading-visual{height:260px}.home-trust>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.selected-client-grid{gap:10px}.selected-client-grid .client-identity{padding:14px 8px}.client-identity img{height:56px;max-width:110px}.selected-client-section{padding-left:22px;padding-right:22px}.web-portfolio-section{padding:48px 22px}.web-portfolio-grid{grid-template-columns:1fr}.web-portfolio-copy{padding:25px}.web-art{padding:18px;min-height:270px}.web-brand>img{height:60px}.web-chrome{height:28px}.web-brand{min-height:80px;padding:12px}.web-art-kics .web-brand{min-height:100px}.school-motif{height:90px;gap:22px}.web-field{height:130px}.web-portfolio-copy h3{font-size:34px}.proof-card>.proof-kicker,.proof-card>h3,.proof-card>p:not(.proof-kicker),.proof-card>.proof-link{margin-left:22px;margin-right:22px}.workshop-editorial{min-height:490px}.reading-grid .reading-body h3{font-size:28px}.client-note .logo-grid .client-logo-link img{height:45px;max-width:95px}}
@media(max-width:420px){.about-top.with-kay-portrait .kay-portrait,.studio>.kay-portrait{height:480px}.kay-portrait figcaption{left:15px;right:15px;bottom:15px;max-width:255px;padding:12px}.reading-visual{height:240px}.web-brand>span{font-size:10px}.school-motif>span{width:55px;height:55px}.selected-client-grid .client-identity img{height:48px}}
@media(prefers-reduced-motion:reduce){.reading-card,.reading-visual img,.proof-card,.web-portfolio-card,.client-identity,.client-logo-link{transition:none!important}.reading-card:hover,.proof-card:hover,.web-portfolio-card:hover,.client-identity:hover,.client-logo-link:hover{transform:none!important}}