.portfolio-page{--pf-gold:#e1c28e;font-size:clamp(12px,.86cqw,17px);line-height:1.55}.portfolio-page p{margin:0 0 .5em}.portfolio-page h3{font-size:1.17em;margin:.25em 0 .4em;color:#eee4d4}.portfolio-page small{font-size:.77em;color:var(--pf-gold);letter-spacing:.05em}.portfolio-page .pf-lead{font-size:1.35em;color:#f0dfc0;margin:0 0 .35em}.pf-note,.pf-foot{color:#b9b8b3;font-size:.86em}.pf-brand-main{display:grid;grid-template-columns:40% 1fr;gap:1.2em;margin:.8em 0}.pf-image{padding:0;border:1px solid #bca57735;background:#161818;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;text-align:left;min-width:0;width:100%;color:#ead9bb;cursor:pointer}.pf-image img{width:100%;height:9cqw;object-fit:contain;background:#e8e7e3;display:block}.pf-image span{padding:.35em .6em;font-size:.8em;display:flex;justify-content:space-between;gap:.5em}.pf-image b{font-weight:400;font-size:.9em;white-space:nowrap}.pf-image:hover{border-color:#e1c28e}.pf-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3em .65em;font-size:.8em;color:#bfbdb6;margin:.6em 0}.pf-stat strong{font-size:1.5em;color:var(--pf-gold);font-weight:500}.pf-book{display:flex;align-items:center;gap:1em;border-top:1px solid #d6b67b35;padding-top:.7em;text-decoration:none;color:#d7d3ca}.pf-book img{width:3.6cqw;height:auto;max-width:64px}.pf-book>span{margin-left:auto;font-size:.8em;color:var(--pf-gold)}.pf-book p{font-size:.9em}.pf-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em}.pf-design-grid p{font-size:.9em}.pf-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:.5em;margin:.65em 0}.pf-gallery img{height:4.4cqw}.pf-gallery span{font-size:.65em}.pf-gallery b{display:none}.pf-course{display:flex;gap:1em;padding:.8em;background:#d1ac7110;border:1px solid #d1ac7130;border-radius:6px}.pf-course-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:5cqw;color:var(--pf-gold)}.pf-course-mark strong{font-size:3.5em;font-weight:400;line-height:1.1}.pf-course-mark span{font-size:.8em}.pf-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;margin:.85em 0}.pf-ai-grid section+section{border-left:1px solid #d6b67b35;padding-left:1em}.pf-studio{border-top:1px solid #d6b67b35;padding-top:.7em;display:flex;flex-direction:column;gap:.25em}.pf-studio strong{color:var(--pf-gold);font-weight:500}.pf-studio span{font-size:.85em;color:#b9b8b3}
@media(max-width:700px) and (orientation:portrait){.portfolio-page{font-size:13px}.pf-brand-main{grid-template-columns:1fr}.pf-image img{height:130px}.pf-book img{width:48px}.pf-design-grid{grid-template-columns:1fr}.pf-gallery{grid-template-columns:repeat(3,1fr)}.pf-gallery img{height:65px}.pf-ai-grid{grid-template-columns:1fr}.pf-ai-grid section+section{border-left:0;padding-left:0;border-top:1px solid #d6b67b35;padding-top:.7em}.pf-course-mark{min-width:50px}.pf-book>span{font-size:10px}}
@media(min-width:701px),(orientation:landscape){.content-view:has(.portfolio-page){padding:1.2cqw 1.8cqw}.content-view:has(.portfolio-page)>header{margin-bottom:.65cqw}.content-view:has(.portfolio-page) h2{font-size:1.5cqw}.pf-design-grid .pf-image img{height:7.5cqw}.pf-gallery img{height:3.7cqw}}
@media(min-width:701px),(orientation:landscape){.pf-design-grid .pf-image img{height:6.5cqw}.pf-gallery{margin:.35em 0}.pf-gallery img{height:3.3cqw}.portfolio-page .pf-foot{margin:0}}
@media(min-width:701px),(orientation:landscape){.portfolio-ai .pf-course{padding:.5em}.portfolio-ai .pf-ai-grid{margin:.45em 0}.portfolio-ai p{margin-bottom:.25em}.portfolio-ai .pf-studio{padding-top:.4em}.portfolio-page{line-height:1.45}}

/* The return control sits outside the clipped content panel, like a file tab. */
.bookmark-return{position:absolute;right:5.4%;top:10.4%;width:10%;height:5.2%;z-index:1;border:1px solid #d6ae765e;border-bottom:0;border-radius:.48cqw .48cqw 0 0;background:linear-gradient(165deg,#6b5134,#3b332b 58%,#282829);color:#f7e2bc;font-size:clamp(12px,.95cqw,17px);font-weight:600;letter-spacing:.04em;box-shadow:0 -3px 15px #d6ae7624,inset 0 1px #f6dbb173;clip-path:polygon(0 0,100% 0,100% 100%,52% 82%,0 100%);padding:0 0 .45cqw;transition:filter .18s ease,transform .18s ease}
.bookmark-return:hover,.bookmark-return:focus-visible{filter:brightness(1.25);transform:translateY(-.2cqw)}
.studio:has(#contentView[hidden]) .bookmark-return,.studio:has(#mediaView:not([hidden])) .bookmark-return{display:none}
@media(max-width:700px) and (orientation:portrait){.bookmark-return{top:59vw;right:8%;width:28%;height:7vw;font-size:3vw;border-radius:2vw 2vw 0 0;padding-bottom:1vw}}

/* Confirmed visual-design spread: two aligned editorial columns. */
@media(min-width:701px),(orientation:landscape){
 .conversation:has(.portfolio-design){left:41.6%;top:7.2%;width:55%;height:62%;border:1px solid #b4946266;border-radius:1.25cqw}
 .content-view:has(.portfolio-design){padding:1.1cqw 1.9cqw 1.1cqw;overflow:hidden}
 .content-view:has(.portfolio-design)>header{margin-bottom:.55cqw}
 .content-view:has(.portfolio-design) h2{font-size:1.75cqw}
 .studio:has(.portfolio-design) .bookmark-return{right:5.3%;top:2.85%;z-index:1}
 .portfolio-design .pf-design-grid{height:28.8cqw}
}
.portfolio-design .pf-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin:0}
.portfolio-design .pf-design-column{min-width:0;display:flex;flex-direction:column}
.portfolio-design .pf-design-column+section{border-left:1px solid #c5a47270;padding-left:1.55cqw}
.portfolio-design .pf-design-heading{display:flex;align-items:center;gap:.7cqw;border-bottom:1px solid #c5a47285;padding-bottom:.25cqw;margin-bottom:.7cqw;color:#f0d39d}
.portfolio-design .pf-design-heading strong{font-size:1.35cqw;line-height:1.2}
.portfolio-design .pf-design-heading small{font-size:.65cqw;letter-spacing:.13em;color:#d1b17e}
.portfolio-design h3{font-size:1.38cqw;line-height:1.2;margin:0 0 .15cqw;color:#f7f1e7;white-space:nowrap}
.portfolio-design time{font-size:.87cqw;color:#dfbc83}
.portfolio-design .pf-design-copy{font-size:.82cqw;line-height:1.38;color:#e7e2da;margin:.35cqw 0 .52cqw;min-height:4.5em}
.portfolio-design .pf-image{border-color:#c4ab8555;background:#161616;border-radius:.18cqw}
.portfolio-design .pf-image img{object-fit:cover;background:#171717}
.portfolio-design .pf-image span{display:none}
.portfolio-design .pf-design-photo-note{margin-top:auto;margin-bottom:.32cqw;color:#dfbc83;font-size:.74cqw;line-height:1.25}
.portfolio-design .pf-design-hero{height:10.85cqw;flex:none}
.portfolio-design .pf-design-hero img{height:100%;object-position:center}
.portfolio-design .pf-kidswant-first{position:relative}
.portfolio-design .pf-kidswant-first img{object-position:center 30%;filter:brightness(1.18) contrast(1.05) saturate(1.04)}
.portfolio-design .pf-design-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;margin-top:.48cqw;height:5.5cqw;flex:none}
.portfolio-design .pf-design-thumbs .pf-image{height:100%}
.portfolio-design .pf-design-thumbs img{height:100%;object-fit:cover}
.portfolio-design .pf-design-detail img{object-position:center center}
.portfolio-design .pf-image:hover{border-color:#f2ce8c;filter:brightness(1.09)}
@media(max-width:700px) and (orientation:portrait){
 .content-view:has(.portfolio-design){overflow:auto;padding:5vw}
 .portfolio-design .pf-design-grid{grid-template-columns:1fr;gap:5vw}
 .portfolio-design .pf-design-column+section{border-left:0;border-top:1px solid #c5a47270;padding-left:0;padding-top:4vw}
 .portfolio-design .pf-design-heading{gap:2vw;margin-bottom:2vw}.portfolio-design .pf-design-heading strong{font-size:4vw}.portfolio-design .pf-design-heading small{font-size:2vw}
 .portfolio-design h3{font-size:3.7vw;white-space:normal}.portfolio-design time{font-size:2.7vw}
 .portfolio-design .pf-design-copy{font-size:2.8vw;min-height:0;margin:2vw 0}
 .portfolio-design .pf-design-photo-note{font-size:2.5vw;margin-bottom:1vw}.portfolio-design .pf-design-hero{height:28vw}.portfolio-design .pf-design-thumbs{height:15vw;gap:2vw;margin-top:2vw}
}

/* Brand overview uses the same expanded panel as the confirmed design spread. */
@media(min-width:701px),(orientation:landscape){
 .conversation:has(.portfolio-brand){left:41.6%;top:7.2%;width:55%;height:62%;border:1px solid #b4946266;border-radius:1.25cqw}
 .content-view:has(.portfolio-brand){padding:1.1cqw 1.9cqw 1.1cqw;overflow:hidden}
 .content-view:has(.portfolio-brand)>header{margin-bottom:.55cqw}
 .content-view:has(.portfolio-brand) h2{font-size:1.75cqw}
 .studio:has(.portfolio-brand) .bookmark-return{right:5.3%;top:2.85%;z-index:1}
 .portfolio-brand .pf-brand-layout{height:29.3cqw}
}
.portfolio-brand .pf-brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin:0}
.portfolio-brand .pf-brand-start,.portfolio-brand .pf-brand-right{min-width:0}
.portfolio-brand .pf-brand-start{display:flex;flex-direction:column}
.portfolio-brand .pf-brand-right{border-left:1px solid #c5a47270;padding-left:1.55cqw;display:grid;grid-template-rows:1fr 1fr;gap:.75cqw}
.portfolio-brand .pf-brand-right section{min-height:0;display:flex;flex-direction:column}
.portfolio-brand .pf-brand-theory{border-top:1px solid #c5a47270;padding-top:.55cqw}
.portfolio-brand .pf-brand-kicker{font-size:.66cqw;line-height:1.35;letter-spacing:.15em;color:#d4b57f;border-bottom:1px solid #c5a47260;padding-bottom:.22cqw;margin-bottom:.48cqw}
.portfolio-brand h3{font-size:1.24cqw;line-height:1.18;margin:0 0 .18cqw;color:#f7f1e7;font-weight:650}
.portfolio-brand .pf-brand-meta{font-size:.81cqw;line-height:1.3;color:#dcbc87}
.portfolio-brand .pf-brand-meta time{float:right;color:#cdb894;font-size:.76cqw}
.portfolio-brand p{font-size:.79cqw;line-height:1.43;color:#e1ddd5;margin:.46cqw 0 .55cqw}
.portfolio-brand .pf-image{border-color:#c4ab8555;background:#161616;border-radius:.18cqw;min-height:0}
.portfolio-brand .pf-image img{height:100%;object-fit:cover;background:#171717}
.portfolio-brand .pf-image span{display:none}
.portfolio-brand .pf-image:hover{border-color:#f2ce8c;filter:brightness(1.09)}
.portfolio-brand .pf-brand-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;height:19.1cqw;margin-top:auto}
.portfolio-brand .pf-brand-mosaic>div{display:grid;grid-template-rows:1fr 1fr;gap:.5cqw;min-height:0}
.portfolio-brand .pf-brand-tall img{object-position:center center}
.portfolio-brand .pf-brand-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5cqw;height:5.2cqw;margin-top:auto}
.portfolio-brand .pf-brand-case-pair .pf-image:nth-child(2) img{object-position:center 28%}
.portfolio-brand .pf-brand-book-title{display:flex;align-items:baseline;justify-content:space-between;gap:.5cqw}
.portfolio-brand .pf-brand-book-title a{font-size:.72cqw;color:#f0ce93;text-decoration:none;white-space:nowrap;border-bottom:1px solid #e4c28a70}
.portfolio-brand .pf-brand-book-title a:hover{color:#fff3d8}
.portfolio-brand .pf-brand-theory p{margin:.23cqw 0 .18cqw;font-size:.73cqw;line-height:1.3}
.portfolio-brand .pf-brand-toc-title{margin-top:.13cqw;color:#dcbc87;font-size:.68cqw;letter-spacing:.12em;line-height:1.2}
.portfolio-brand .pf-brand-toc{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:.15cqw}
.portfolio-brand .pf-brand-toc li{display:grid;grid-template-columns:1.4cqw 1fr auto;align-items:baseline;gap:.35cqw;border-bottom:1px solid #c4aa7c2f;padding:.11cqw 0;font-size:.72cqw;line-height:1.2}
.portfolio-brand .pf-brand-toc b{font-size:.64cqw;color:#d3b17d;font-weight:500}
.portfolio-brand .pf-brand-toc span{color:#ede1d1}.portfolio-brand .pf-brand-toc em{font-size:.63cqw;color:#bcb1a2;font-style:normal;white-space:nowrap}

/* AI spread: two equal editorial columns, with 16:9 media slots. */
@media(min-width:701px),(orientation:landscape){
 .conversation:has(.portfolio-ai){left:41.6%;top:7.2%;width:55%;height:62%;border:1px solid #b4946266;border-radius:1.25cqw}
 .content-view:has(.portfolio-ai){padding:1.1cqw 1.9cqw 1.1cqw;overflow:hidden}
 .content-view:has(.portfolio-ai)>header{margin-bottom:.55cqw}
 .content-view:has(.portfolio-ai) h2{font-size:1.75cqw}
 .studio:has(.portfolio-ai) .bookmark-return{right:5.3%;top:2.85%;z-index:1}
 .portfolio-ai .pf-ai-spread{height:29.3cqw}
}
.portfolio-ai .pf-ai-spread{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin:0}
.portfolio-ai .pf-ai-column{min-width:0;display:flex;flex-direction:column}
.portfolio-ai .pf-ai-column+section{border-left:1px solid #c5a47270;padding-left:1.55cqw}
.portfolio-ai .pf-ai-kicker{display:flex;align-items:center;gap:.6cqw;border-bottom:1px solid #c5a47270;padding-bottom:.25cqw;margin-bottom:.55cqw;color:#d8b782;font-size:.66cqw;letter-spacing:.1em;white-space:nowrap}
.portfolio-ai .pf-ai-kicker b{font-size:.78cqw;font-weight:600}
.portfolio-ai h3{font-size:1.15cqw;line-height:1.2;margin:0 0 .2cqw;color:#f7f1e7;font-weight:650;white-space:nowrap}
.portfolio-ai .pf-ai-role{color:#e6bf83;font-size:.82cqw;line-height:1.25;font-weight:600}
.portfolio-ai .pf-ai-role span{font-size:.72cqw;color:#cbb99e;font-weight:400;margin-left:.55cqw}
.portfolio-ai .pf-ai-column p{font-size:.81cqw;line-height:1.4;color:#e1ddd5;margin:.55cqw 0 .75cqw}
.portfolio-ai .pf-ai-column:first-child .pf-ai-role{font-size:.75cqw;white-space:nowrap}
.portfolio-ai .pf-ai-column:first-child .pf-ai-role span{font-size:.7cqw;margin-left:.45cqw}
.portfolio-ai .pf-ai-column:nth-child(2) p{font-size:.78cqw;line-height:1.38;margin-bottom:.6cqw}
.portfolio-ai .pf-ai-description p+p{margin-top:.1cqw}
.portfolio-ai .pf-ai-video-list{display:grid;grid-template-rows:1.55cqw repeat(4,minmax(1.85cqw,1fr));min-height:0;flex:1;margin-top:.2cqw;border-top:1px solid #c5a47270;color:#e8e2d7}
.portfolio-ai .pf-ai-list-heading,.portfolio-ai .pf-ai-video-row{display:grid;grid-template-columns:minmax(0,1fr) 3.9cqw;align-items:center;gap:.4cqw;border-bottom:1px solid #c5a4723d}
.portfolio-ai .pf-ai-list-heading{grid-template-columns:1fr 3.9cqw;font-size:.7cqw;letter-spacing:.08em;color:#d7b782}
.portfolio-ai .pf-ai-list-heading span,.portfolio-ai .pf-ai-video-row em{text-align:right}
.portfolio-ai .pf-ai-video-row{font-size:.67cqw;line-height:1.28}
.portfolio-ai .pf-ai-video-row span{color:#c9c5bd;min-width:0}.portfolio-ai .pf-ai-video-row em{font-size:.66cqw;color:#d8b782;font-style:normal;white-space:nowrap}
.portfolio-ai .pf-ai-video{width:100%;aspect-ratio:16/9;flex:none;position:relative;overflow:hidden;border:1px solid #bda27980;border-radius:.25cqw;background:#10191d;isolation:isolate}
.portfolio-ai .pf-ai-video-ready::before{display:none}
.portfolio-ai .pf-ai-video-ready video{display:block;width:100%;height:100%;object-fit:contain;background:#080a0c}
.portfolio-ai .pf-ai-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#10191d;color:#fff;cursor:pointer}
.portfolio-ai .pf-ai-play img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.78)}
.portfolio-ai .pf-ai-play:hover img,.portfolio-ai .pf-ai-play:focus-visible img{filter:brightness(.95)}
.portfolio-ai .pf-ai-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:3.4cqw;height:3.4cqw;border:1px solid #efd2a4;border-radius:50%;background:#1a1d20c9;color:#f3d49f;font-size:1.25cqw;box-shadow:0 0 24px #0009}
.portfolio-ai .pf-ai-play-caption{position:absolute;left:0;right:0;bottom:0;padding:.5cqw .7cqw;background:linear-gradient(transparent,#090b0ce8);color:#f6e8d1;text-align:left;font-size:.72cqw}
.course-player[hidden]{display:none}
.course-player{position:absolute;inset:0;z-index:80;background:#07090bc4;display:flex;align-items:flex-start;justify-content:flex-start}
.course-player-frame{position:absolute;left:16%;top:13%;width:68%;aspect-ratio:16/9;background:#080a0c;border:1px solid #d5b584a8;border-radius:.45cqw;overflow:hidden;box-shadow:0 1.8cqw 4cqw #000c,0 0 2cqw #c7a16b33}
.course-player-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#080a0c}
.course-player-close{position:absolute;right:.7cqw;top:.65cqw;z-index:3;width:2.2cqw;height:2.2cqw;border:1px solid #e6c592a6;border-radius:50%;background:#101418df;color:#fff0d8;font-size:1.65cqw;line-height:1;cursor:pointer}
.course-player-close:hover,.course-player-close:focus-visible{background:#bd9564;color:#15120d}
.course-player-controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:.8cqw;padding:.85cqw 1.05cqw .7cqw;background:linear-gradient(transparent,#080a0cf2);color:#fff;font-size:.78cqw}
.course-player-controls button{border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.1cqw;min-width:1.7cqw}
.course-player-controls input{flex:1;min-width:0;accent-color:#e3bd81;cursor:pointer}
@media(max-width:700px) and (orientation:portrait){.course-player-frame{left:4%;top:33%;width:92%}.course-player-close{right:1vw;top:1vw;width:6vw;height:6vw;font-size:5vw}.course-player-controls{gap:1.5vw;padding:2vw;font-size:2.5vw}.course-player-controls button{font-size:3.5vw;min-width:5vw}}
@media(max-width:700px) and (orientation:portrait){.portfolio-ai .pf-ai-column:first-child .pf-ai-role{font-size:2.5vw}.portfolio-ai .pf-ai-column:first-child .pf-ai-role span{font-size:2.1vw}.portfolio-ai .pf-ai-column:nth-child(2) p{font-size:2.6vw}.portfolio-ai .pf-ai-video-list{grid-template-rows:5vw repeat(4,minmax(7vw,auto));margin-top:2vw}.portfolio-ai .pf-ai-list-heading,.portfolio-ai .pf-ai-video-row{grid-template-columns:minmax(0,1fr) 14vw;gap:1vw}.portfolio-ai .pf-ai-list-heading{font-size:2vw}.portfolio-ai .pf-ai-video-row{font-size:2.2vw}.portfolio-ai .pf-ai-video-row em{font-size:2vw}}
.portfolio-ai .pf-ai-video::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#97704533,transparent 48%),repeating-linear-gradient(90deg,transparent 0 11%,#92b9bd12 11.1% 11.3%);opacity:.7}
.portfolio-ai .pf-ai-video-course{background:radial-gradient(circle at 72% 43%,#42778577,transparent 32%),linear-gradient(135deg,#122128,#1a3137 48%,#0a1015)}
.portfolio-ai .pf-ai-video-media{background:radial-gradient(circle at 72% 35%,#92734a66,transparent 38%),linear-gradient(135deg,#211a1a,#252a29 48%,#101213)}
.portfolio-ai .pf-ai-video-art{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d3c5a6;text-shadow:0 0 30px #cfb78366}
.portfolio-ai .pf-ai-video-art span{font-size:5.5cqw;font-weight:200;line-height:1;letter-spacing:-.08em;opacity:.7}
.portfolio-ai .pf-ai-video-art small{font-size:.66cqw;letter-spacing:.26em;color:#cbbd9e}
.portfolio-ai .pf-ai-video-overlay{position:absolute;left:0;right:0;bottom:0;padding:.65cqw .8cqw;background:linear-gradient(transparent,#0d0f11e8);display:flex;align-items:end;justify-content:space-between;gap:.5cqw}
.portfolio-ai .pf-ai-video-overlay strong{font-size:.8cqw;color:#f5e7cd;font-weight:600}
.portfolio-ai .pf-ai-video-overlay small{font-size:.65cqw;color:#d4bd96;white-space:nowrap}
.portfolio-ai .pf-ai-channel{display:flex;align-items:center;justify-content:flex-end;gap:.8cqw;margin-top:.45cqw}
.portfolio-ai .pf-ai-channel>div:first-child{display:flex;flex-direction:column;text-align:right}
.portfolio-ai .pf-ai-channel strong{font-size:.78cqw;color:#f0d2a1;font-weight:600}
.portfolio-ai .pf-ai-channel span{font-size:.65cqw;color:#bdb4a6}
.portfolio-ai .pf-ai-qr{position:relative;z-index:4;width:3.8cqw;height:3.8cqw;flex:none;border:1px solid #d6ba8a8c;border-radius:.15cqw;display:block;padding:0;background:#fff;overflow:hidden;cursor:zoom-in;transform-origin:right bottom;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.portfolio-ai .pf-ai-qr svg{display:block;width:100%;height:100%}
.portfolio-ai .pf-ai-qr:hover,.portfolio-ai .pf-ai-qr:focus-visible{transform:scale(2.85);border-color:#f4cc8a;box-shadow:0 .4cqw 1.5cqw #000b;cursor:zoom-out}
@media(hover:none){.portfolio-ai .pf-ai-qr:focus{transform:scale(2.85);border-color:#f4cc8a;box-shadow:0 .4cqw 1.5cqw #000b}}
@media(max-width:700px) and (orientation:portrait){
 .content-view:has(.portfolio-ai){overflow:auto;padding:5vw}
 .portfolio-ai .pf-ai-spread{grid-template-columns:1fr;gap:5vw}
 .portfolio-ai .pf-ai-column+section{border-left:0;border-top:1px solid #c5a47270;padding-left:0;padding-top:4vw}
 .portfolio-ai .pf-ai-kicker{font-size:2.2vw;gap:2vw;margin-bottom:2vw}.portfolio-ai .pf-ai-kicker b{font-size:2.6vw}
 .portfolio-ai h3{font-size:3.5vw;white-space:normal}.portfolio-ai .pf-ai-role{font-size:2.8vw}.portfolio-ai .pf-ai-role span{font-size:2.5vw}
 .portfolio-ai .pf-ai-column p{font-size:2.7vw;margin:2vw 0}.portfolio-ai .pf-ai-video-art span{font-size:14vw}.portfolio-ai .pf-ai-video-art small{font-size:2vw}
 .portfolio-ai .pf-ai-video-overlay{padding:2vw}.portfolio-ai .pf-ai-video-overlay strong{font-size:2.8vw}.portfolio-ai .pf-ai-video-overlay small{font-size:2vw}
 .portfolio-ai .pf-ai-channel{gap:2vw;margin-top:2vw}.portfolio-ai .pf-ai-channel strong{font-size:2.5vw}.portfolio-ai .pf-ai-channel span{font-size:2vw}.portfolio-ai .pf-ai-qr{width:12vw;height:12vw}
}
@media(max-width:700px) and (orientation:portrait){
 .content-view:has(.portfolio-brand){overflow:auto;padding:5vw}
 .portfolio-brand .pf-brand-layout{grid-template-columns:1fr;gap:5vw}
 .portfolio-brand .pf-brand-right{border-left:0;border-top:1px solid #c5a47270;padding-left:0;padding-top:4vw;grid-template-rows:auto auto;gap:5vw}
 .portfolio-brand .pf-brand-kicker{font-size:2.3vw;margin-bottom:2vw}.portfolio-brand h3{font-size:3.7vw}.portfolio-brand .pf-brand-meta,.portfolio-brand .pf-brand-meta time{font-size:2.6vw}
 .portfolio-brand p{font-size:2.8vw;margin:2vw 0}.portfolio-brand .pf-brand-mosaic{height:44vw;gap:2vw}.portfolio-brand .pf-brand-mosaic>div{gap:2vw}
 .portfolio-brand .pf-brand-case-pair{height:20vw;gap:2vw}.portfolio-brand .pf-brand-book-title a{font-size:2.6vw}.portfolio-brand .pf-brand-toc-title{font-size:2.3vw;margin:1.5vw 0}.portfolio-brand .pf-brand-toc{gap:.6vw}.portfolio-brand .pf-brand-toc li{grid-template-columns:6vw 1fr auto;gap:1vw;font-size:2.6vw}.portfolio-brand .pf-brand-toc b,.portfolio-brand .pf-brand-toc em{font-size:2vw}
}

/* Compact résumé spread within the existing right-hand studio panel. */
@media(min-width:701px),(orientation:landscape){
 .conversation:has(.portfolio-resume){left:41.6%;top:7.2%;width:55%;height:62%;border:1px solid #b4946266;border-radius:1.25cqw}
 .content-view:has(.portfolio-resume){padding:1.1cqw 1.9cqw 1.1cqw;overflow:hidden}
 .content-view:has(.portfolio-resume)>header{margin-bottom:.1cqw}
 .content-view:has(.portfolio-resume) h2{font-size:1.75cqw}
 .studio:has(.portfolio-resume) .bookmark-return{right:5.3%;top:2.85%;z-index:1}
}
.portfolio-resume .pf-resume-layout{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:.4cqw;height:29.5cqw;min-width:0}
.portfolio-resume .pf-resume-history{min-width:0;display:flex;flex-direction:column}
.portfolio-resume .pf-resume-subtitle{flex:none;margin:0 0 .2cqw;color:#d7b887;font-size:.82cqw;letter-spacing:.08em;line-height:1.3}
.portfolio-resume .pf-resume-list{position:relative;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));flex:1;min-height:0;list-style:none;margin:0;padding:0 0 0 1.65cqw}
.portfolio-resume .pf-resume-list:before{content:"";position:absolute;top:1.8cqw;bottom:2.2cqw;left:.47cqw;width:1px;background:linear-gradient(#c79a5c,#b9915e55)}
.portfolio-resume .pf-resume-list li{position:relative;display:grid;grid-template-columns:9.2cqw minmax(0,1fr);align-items:center;gap:.45cqw;min-height:0;border-bottom:1px solid #c5a47248}
.portfolio-resume .pf-resume-list li:last-child{border-bottom:0}
.portfolio-resume .pf-resume-list li:before{content:"";position:absolute;left:-1.58cqw;top:50%;transform:translateY(-50%);width:.62cqw;height:.62cqw;border:1px solid #d5a763;border-radius:50%;background:#272621;box-shadow:0 0 .42cqw #c18b4970}
.portfolio-resume .pf-resume-list time{font-size:.92cqw;line-height:1.15;color:#ebbd7f;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.portfolio-resume .pf-resume-list li div{min-width:0;display:flex;flex-direction:column;gap:.08cqw}
.portfolio-resume .pf-resume-list strong{color:#f3ede3;font-size:1.06cqw;line-height:1.25;white-space:nowrap;font-weight:650}
.portfolio-resume .pf-resume-list span{color:#d6b47d;font-size:.82cqw;line-height:1.25}
.portfolio-resume .pf-resume-portrait{position:relative;overflow:hidden;min-width:0;height:100%;background:#191614;isolation:isolate}
.portfolio-resume .pf-resume-portrait img{position:relative;top:-3.3cqw;display:block;width:100%;height:calc(100% + 3.3cqw);object-fit:cover;object-position:center}
.portfolio-resume .pf-resume-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#211e1db8,transparent 14%),linear-gradient(0deg,#1c1b1a8c,transparent 18%);pointer-events:none}
@media(max-width:700px) and (orientation:portrait){
 .content-view:has(.portfolio-resume){overflow:auto;padding:5vw}
 .portfolio-resume .pf-resume-layout{grid-template-columns:minmax(0,1fr) 25%;gap:2vw;height:auto;min-height:66vw}
 .portfolio-resume .pf-resume-subtitle{font-size:2.3vw;margin-bottom:1vw}
 .portfolio-resume .pf-resume-list{padding-left:3.5vw;grid-template-rows:repeat(6,minmax(10vw,auto))}
 .portfolio-resume .pf-resume-list:before{left:1vw;top:4vw;bottom:4vw}
 .portfolio-resume .pf-resume-list li{grid-template-columns:1fr;gap:0;padding:.8vw 0}
 .portfolio-resume .pf-resume-list li:before{left:-3.2vw;width:1.4vw;height:1.4vw}
 .portfolio-resume .pf-resume-list time{font-size:2.3vw}
 .portfolio-resume .pf-resume-list strong{font-size:2.3vw;white-space:normal}
 .portfolio-resume .pf-resume-list span{font-size:2vw}
 .portfolio-resume .pf-resume-portrait img{top:-3vw;width:100%;height:calc(100% + 3vw);object-fit:cover}
}

@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .studio .portfolio-page{font-size:.86cqw}
 .studio .bookmark-return{font-size:.95cqw}
 .studio .content-view:has(.portfolio-page){overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
 .portfolio-design .pf-design-grid,.portfolio-brand .pf-brand-layout,.portfolio-ai .pf-ai-spread,.portfolio-resume .pf-resume-layout{height:auto;min-height:29cqw}
 .portfolio-ai h3,.portfolio-ai .pf-ai-role,.portfolio-ai .pf-ai-kicker{white-space:normal}
 .portfolio-ai .pf-ai-video-list{flex:none;grid-template-rows:1.8cqw repeat(4,minmax(2.3cqw,auto))}
 .portfolio-resume .pf-resume-list{grid-template-rows:repeat(6,minmax(5.2cqw,auto))}
 .portfolio-resume .pf-resume-list li{grid-template-columns:minmax(0,1fr);gap:0;padding:.45cqw 0}
 .portfolio-resume .pf-resume-list time,.portfolio-resume .pf-resume-list strong{white-space:normal}
 .portfolio-resume .pf-resume-portrait{min-height:29cqw}
}

/* A handheld player's close control must stay inside the visible viewport. */
@media (pointer:coarse) and (max-width:1000px){
 .studio .course-player{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;place-content:center;background:#07090be8}
 .studio .course-player-frame{position:relative;left:auto;top:auto;transform:none;width:min(92vw,calc(78svh * 16 / 9));max-height:78svh}
 .studio .course-player-close{right:8px;top:8px;width:44px;height:44px;font-size:28px;line-height:1;background:#101418ed}
 .studio .course-player-controls{gap:8px;padding:8px 10px;font-size:12px}
 .studio .course-player-controls button{font-size:18px;min-width:28px}
}