/* One visual language across the collections, journal and Institute.
   Media remains in its original page/project; full compositions stay visible. */
.interior-evolved .display-title{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(80px,10.6vw,160px);font-weight:900;line-height:1.02;letter-spacing:-.035em}
.interior-evolved .page-opening{padding:65px 5% 58px;max-width:none}
.interior-evolved .page-opening h1{max-width:none;margin:22px 0 25px}
.interior-evolved .page-opening h1 em{display:block;font-size:clamp(40px,4.1vw,64px);line-height:1.15;margin-top:12px}
.interior-evolved .page-opening .lead{font-size:18px;line-height:1.7;max-width:660px}
.interior-evolved .section{padding-left:5%;padding-right:5%}
.interior-evolved .section-heading h2{font-size:clamp(40px,4.6vw,67px)}
.interior-evolved .section-heading{gap:45px}
.interior-evolved figcaption{line-height:1.6}
.interior-evolved .text-link span[aria-hidden],.interior-evolved .project-badge{transition:transform .25s ease}
.interior-evolved .text-link:hover span[aria-hidden]{transform:translate(3px,-3px)}
/* Portfolio: get visitors to the work first; the guide remains one click away. */
.portfolio-evolved .portfolio-opening{background:var(--surface-dark-color);color:#fff;border-bottom:5px solid var(--gold-line);isolation:isolate}
.portfolio-evolved .portfolio-opening::before{background:var(--surface) center/cover no-repeat;inset:0;height:auto;opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter);mask-image:none}
.portfolio-evolved .portfolio-opening h1 em{color:var(--gold-light)}
.portfolio-evolved .portfolio-opening .lead{color:#d6dad5}
.portfolio-evolved .portfolio-opening .eyebrow{color:#c8d1c6}
.portfolio-evolved .portfolio-opening .actions{margin-top:30px!important}
.portfolio-evolved .portfolio-opening .text-link{color:#f8f7f1}
.portfolio-evolved .finish-portfolio{padding:30px 4% 70px}
.portfolio-wayfinding{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.portfolio-wayfinding .eyebrow{color:var(--green)}
.portfolio-wayfinding .text-link{font-size:12px}
.portfolio-evolved .finish-filters{position:sticky;top:91px;z-index:20;background:#faf9f5f7;backdrop-filter:blur(10px);display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:8px;padding:15px 0 13px;border-bottom:1px solid var(--line);border-top:0;max-width:100%}
.portfolio-evolved .finish-filters button{flex:0 0 auto;white-space:nowrap;min-height:46px;font-size:11px}
.portfolio-evolved .finish-filters button[aria-pressed=true]{background:#20543d;border-color:#20543d}
.filter-guide{font-size:11px;white-space:nowrap;display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid var(--gold-line);min-height:44px;margin-left:auto}
.portfolio-evolved #portfolio-count{font-size:11px;margin:20px 0 0}
.portfolio-evolved .finish-group{margin-top:50px;padding-top:45px;scroll-margin-top:90px;border-top:1px solid var(--gold-line)}
.portfolio-evolved .finish-group:first-of-type{margin-top:25px;padding-top:30px}
.portfolio-evolved .finish-group-heading{gap:40px;margin-bottom:38px}
.portfolio-evolved .finish-group-heading h2{font-size:clamp(40px,4.7vw,66px);max-width:750px}
.portfolio-evolved .finish-group-heading>p{font-size:15px;max-width:390px}
.portfolio-evolved .finish-subgroup-heading{margin-bottom:30px}
.portfolio-evolved .finish-group .project-grid,.portfolio-evolved .finish-group .more-grid,.portfolio-evolved .finish-group[data-finish-group=epoxy] .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px;max-width:none}
.portfolio-evolved .finish-group .project-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-evolved .project-image{aspect-ratio:auto!important;height:clamp(420px,43vw,640px);background:#eae8e0;overflow:hidden}
.portfolio-evolved .project-image img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
.portfolio-evolved .project-card:hover .project-badge{transform:translateY(-4px)}
.portfolio-evolved .project-badge{left:14px!important;right:14px!important;bottom:14px!important;padding:12px 14px!important;font-size:11px!important}
.portfolio-evolved .finish-group .project-title{font-size:clamp(28px,2.6vw,39px);line-height:1.14;letter-spacing:-.035em}
.portfolio-evolved .project-card>.eyebrow{font-size:10px!important;margin-top:23px!important;color:var(--green)!important}
.portfolio-evolved .inspiration-project{border-bottom:1px solid var(--gold-line);padding-bottom:15px}
.portfolio-evolved .more-projects{margin-top:35px}
.portfolio-evolved .more-projects summary{min-height:65px;font-size:18px;letter-spacing:-.015em}
.portfolio-evolved .more-projects[open] summary{margin-bottom:30px}
.portfolio-evolved .finish-guide{margin-top:0;border-top:5px solid #20543d;background:#eeede7;padding-top:65px;padding-bottom:65px;scroll-margin-top:0}
.portfolio-evolved .site-process{padding-top:70px;padding-bottom:70px}
.portfolio-evolved #project-dialog{max-width:1480px;width:96vw}
/* Journal: larger visual essays; type and image carry equal weight. */
.notes-evolved .field-opening{border-bottom:1px solid var(--gold-line)}
.notes-evolved .field-opening .actions{margin-top:28px}
.notes-evolved .visual-journal{padding:45px 0 0}
.notes-evolved .visual-journal>.section-heading{padding:0 5%;margin-bottom:30px}
.notes-evolved .visual-journal>.section-heading h2{font:700 10px/1.7 Arial,Helvetica,sans-serif;letter-spacing:.15em}
.notes-evolved .research-grid{display:block;gap:0}
.notes-evolved .research-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid var(--line);background:#efeee8}
.notes-evolved .research-card figure{border:0;background:transparent;min-width:0}
.notes-evolved .research-card img{aspect-ratio:auto;object-fit:contain;width:100%;height:680px}
.notes-evolved .research-card figcaption{padding:16px 7%;min-height:0;font-size:10px;border-top:1px solid #c7c4b9;background:transparent}
.notes-evolved .research-card>div{padding:65px 12%}
.notes-evolved .research-card h3{font-size:clamp(42px,4.5vw,65px);line-height:1.07;margin:22px 0 28px}
.notes-evolved .research-card p:not(.eyebrow){font-size:16px;line-height:1.8}
.notes-evolved .research-card:nth-child(2){position:relative;isolation:isolate;background:var(--surface-dark-color);color:#fff}
.notes-evolved .research-card:nth-child(2)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--surface) center/cover no-repeat;opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter)}
.notes-evolved .research-card:nth-child(2) figure{order:2;background:transparent}
.notes-evolved .research-card:nth-child(2)>div{order:1}
.notes-evolved .research-card:nth-child(2) .eyebrow{color:var(--gold-light)}
.notes-evolved .research-card:nth-child(2) p:not(.eyebrow){color:#d3d8d2}
.notes-evolved .research-card:nth-child(2) figcaption{background:transparent;color:#c6cbc4;border-color:#ffffff20}
.notes-evolved .institute-journal{padding-top:75px;padding-bottom:75px;border-top:5px solid var(--gold-line)}
.notes-evolved .journal-index{padding-top:65px;padding-bottom:65px}
.notes-evolved .journal-row{transition:background-color .25s,padding .25s;min-height:170px}
.notes-evolved .journal-row:hover{background:#efeee8;padding-left:20px;padding-right:20px}
.notes-evolved .journal-row h2{font-size:clamp(29px,3.5vw,46px);line-height:1.15}
/* Institute: the completed piece first; each film stays beside its own process. */
.institute-evolved .institute-opening{padding:0;background:var(--paper)}
.institute-evolved .institute-opening::before,.institute-evolved .institute-opening::after{display:none}
.institute-evolved .workshop-intro{position:relative;isolation:isolate;grid-template-columns:1fr 1fr;gap:0;background:var(--surface-dark-color);align-items:stretch;border-bottom:5px solid var(--gold-line)}
.institute-evolved .workshop-intro>div{padding:48px 10% 50px;color:#fff;position:relative;isolation:isolate;align-self:center}
.institute-evolved .workshop-intro::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--surface) center/cover no-repeat;opacity:var(--surface-dark-opacity);filter:var(--surface-dark-filter)}
.institute-evolved .workshop-intro .breadcrumb{color:#c7ccc5;margin-bottom:25px}
.institute-evolved .workshop-intro .eyebrow{color:var(--gold-light);font-size:9px}
.institute-evolved .workshop-intro h1{font-size:clamp(32px,3.4vw,53px);max-width:none}
.institute-evolved .workshop-intro .display-title{font-size:clamp(70px,7.8vw,116px);text-transform:uppercase;line-height:1.04}
.institute-evolved .workshop-intro h1 em{display:block;font-size:.9em;line-height:1.16;max-width:520px;margin-top:20px;color:#d5bc82}
.institute-evolved .workshop-intro .lead{font-size:17px;color:#d5d9d2;line-height:1.7;margin:25px 0}
.institute-evolved .workshop-intro .text-link{color:#f6f5ef}
.institute-evolved .workshop-result{max-width:none;position:relative;margin:0;align-self:stretch;background:transparent;display:flex;flex-direction:column;justify-content:center}
.institute-evolved .workshop-result img{width:100%;height:100%;max-height:830px;aspect-ratio:auto;object-fit:contain;object-position:center}
.institute-evolved .workshop-result figcaption{padding:17px 7%;background:transparent;color:#fff;font-size:10px;letter-spacing:.05em}
.chapter-nav{display:flex;gap:0;padding:0 5%;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--paper);scrollbar-width:thin;scroll-margin-top:92px}
.chapter-nav a{flex:1 0 auto;padding:23px 22px;font-size:11px;border-bottom:3px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap}
.chapter-nav a:hover,.chapter-nav a[aria-current=location]{border-color:var(--gold-line);color:var(--green)}
.institute-evolved .countertop-making{padding:70px 5%;margin:0;border:0}
.institute-evolved .countertop-chapters{max-width:none;gap:34px;align-items:start}
.institute-evolved .making-chapter .process-film,.institute-evolved .making-chapter .carving-study{max-width:none;width:100%;margin:0}
.institute-evolved .carving-study img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#ddd9cc}
.institute-evolved .making-chapter video{height:auto;width:100%;aspect-ratio:9/16;object-fit:contain}
.institute-evolved .making-chapter .eyebrow{font-size:10px;margin-bottom:20px}
.institute-evolved .chapter-copy{font-size:14px;line-height:1.75}
.institute-evolved .own-workshop{background:#e8e7df;border-top:1px solid var(--line)}
.institute-evolved .sample-story{max-width:1250px;grid-template-columns:1fr 1fr;gap:8%}
.institute-evolved .sample-story .process-film{max-width:470px;width:100%;margin:0 auto}
.institute-evolved .sample-story-copy h3{font-size:clamp(36px,3.8vw,54px)}
.institute-evolved .sample-story-copy figure{grid-template-columns:1fr;max-width:410px;margin-top:28px}
.institute-evolved .sample-story-copy img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.institute-evolved .sample-story-copy figcaption{max-width:none}
.institute-evolved .application-library{padding-top:75px;padding-bottom:75px}
.institute-evolved .stamp-studies{grid-template-columns:1fr;gap:65px}
.institute-evolved .wall-stages{max-width:1000px;margin:32px auto 0;gap:50px}
.institute-evolved .stamp-study{padding:0;border:0}
.institute-evolved .stamp-study h3{font-size:clamp(38px,4.4vw,62px)}
.institute-evolved .stamp-study .process-film{max-width:none;width:100%}
.institute-evolved .wall-study{border-bottom:1px solid var(--line);padding-bottom:50px}
.institute-evolved .overlay-study{display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;align-items:center}
.institute-evolved .overlay-study>.eyebrow,.institute-evolved .overlay-study>h3,.institute-evolved .overlay-study>.study-intro,.institute-evolved .overlay-study>.chapter-copy{grid-column:1}
.institute-evolved .overlay-study>.eyebrow{align-self:end}
.institute-evolved .overlay-study>.process-film{grid-column:2;grid-row:1/5;max-width:440px;justify-self:center}
.institute-evolved .application-subheading{border-top:1px solid var(--gold-line);padding-top:45px}
.institute-evolved .application-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 7%;max-width:1080px;margin:auto}
.institute-evolved .application-chapter .process-film{max-width:440px;width:100%}
.institute-evolved .application-chapter h3{font-size:37px}
.institute-evolved .purpose-points article{border-top:2px solid var(--gold-line);padding-top:25px}
.institute-evolved .school-list details{border-color:#ffffff38}
.institute-evolved .school-list summary{padding-top:27px;padding-bottom:27px;font-size:clamp(23px,2.3vw,35px);line-height:1.2}
.institute-evolved .school-list details[open] summary{color:var(--gold-light)}
.institute-evolved .school-list summary b{transition:transform .25s}
.institute-evolved .school-list details[open] summary b{transform:rotate(45deg)}
/* Reading pages keep a quiet, readable measure around larger media. */
.article-evolved .note-context-image{padding-left:0;border:0;margin-top:45px}
.article-evolved .note-context-image img{max-height:800px;object-fit:contain;width:100%}
.interior-evolved .published-note{max-width:1300px}
.interior-evolved .published-note>header h1{font-size:clamp(46px,5.6vw,80px)}
.interior-evolved .post-body{font-size:18px;line-height:1.85}
.interior-evolved .post-media{margin-top:40px;margin-bottom:40px}
/* Small reveals add pacing without continuously moving the work. */
.interior-motion [data-reveal]{opacity:1;transition:transform var(--reveal-duration) var(--reveal-ease)}
.interior-motion .awaiting-reveal{opacity:1;transform:translateY(var(--reveal-distance))}
@media(min-width:1000px){.portfolio-evolved .project-grid>:only-child{grid-column:1/-1;max-width:100%}.portfolio-evolved .project-grid>:only-child .project-image{height:680px}}
@media(max-width:1000px){
 .interior-evolved .section-heading{gap:30px}.institute-evolved .workshop-intro>div{padding:35px 9%}.institute-evolved .workshop-intro .display-title{font-size:73px}.institute-evolved .workshop-intro .lead{font-size:15px}.institute-evolved .workshop-intro h1{font-size:34px}.institute-evolved .workshop-intro .actions{display:block}.institute-evolved .workshop-intro .actions .text-link{margin-top:15px}.notes-evolved .research-card>div{padding:40px 10%}.notes-evolved .research-card h3{font-size:42px}.notes-evolved .research-card img{height:570px}.portfolio-evolved .finish-group .project-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-evolved .project-image{height:480px}.institute-evolved .countertop-chapters{gap:22px}
}
@media(max-width:760px){
 .interior-evolved .display-title{font-size:clamp(66px,13vw,100px)}.interior-evolved .page-opening{padding:42px 6%}.interior-evolved .page-opening h1 em{font-size:40px}.interior-evolved .page-opening .lead{font-size:16px}.interior-evolved .section-heading h2{font-size:41px}.interior-evolved .section-heading{align-items:flex-start;gap:22px}.portfolio-evolved .finish-filters{top:77px}.portfolio-evolved .project-image{height:430px}.portfolio-evolved .finish-group-heading h2{font-size:40px}.portfolio-evolved .finish-group .project-title{font-size:29px}.portfolio-evolved .finish-guide{padding:48px 6%}.notes-evolved .research-card{grid-template-columns:1fr}.notes-evolved .research-card figure,.notes-evolved .research-card:nth-child(2) figure{order:0}.notes-evolved .research-card>div,.notes-evolved .research-card:nth-child(2)>div{order:1;padding:35px 6% 45px}.notes-evolved .research-card img{height:auto;max-height:720px;aspect-ratio:auto;object-fit:contain}.notes-evolved .research-card h3{font-size:44px}.notes-evolved .research-card figcaption{font-size:9px}.notes-evolved .journal-row:hover{padding-left:0;padding-right:0}.institute-evolved .workshop-intro{grid-template-columns:1fr}.institute-evolved .workshop-intro>div{padding:35px 6% 40px}.institute-evolved .workshop-intro .display-title{font-size:85px}.institute-evolved .workshop-intro h1 em{font-size:36px;max-width:430px}.institute-evolved .workshop-intro .lead{font-size:16px;max-width:600px}.institute-evolved .workshop-intro .actions{display:flex}.institute-evolved .workshop-intro .actions .text-link{margin-top:0}.institute-evolved .workshop-result img{height:auto;max-height:850px;object-fit:contain}.chapter-nav{padding:0 4%;scroll-margin-top:78px}.chapter-nav a{padding:18px 17px;min-height:55px;font-size:10px}.institute-evolved .countertop-making{padding:48px 6%}.institute-evolved .countertop-chapters{grid-template-columns:1fr;gap:40px;max-width:490px}.institute-evolved .sample-story{grid-template-columns:1fr;gap:35px;max-width:520px}.institute-evolved .sample-story-copy figure{max-width:none}.institute-evolved .wall-stages{gap:25px}.institute-evolved .stamp-studies{gap:40px}.institute-evolved .overlay-study{grid-template-columns:1fr;gap:20px}.institute-evolved .overlay-study>.process-film{grid-column:1;grid-row:auto;max-width:470px}.institute-evolved .overlay-study>.chapter-copy{grid-row:auto}.institute-evolved .application-films{gap:40px 25px}.institute-evolved .application-chapter h3{font-size:29px}.institute-evolved .school-list summary{font-size:26px;line-height:1.25}.institute-evolved .purpose-points{gap:30px}
}
@media(max-width:520px){
 .interior-evolved .display-title{font-size:clamp(57px,15vw,78px)}.interior-evolved .page-opening h1 em{font-size:36px}.interior-evolved .page-opening .eyebrow{font-size:9px}.interior-evolved .page-opening .actions{gap:16px}.interior-evolved .page-opening .button{font-size:11px}.interior-evolved .section{padding-left:6%;padding-right:6%}.portfolio-evolved .finish-portfolio{padding-top:23px}.portfolio-wayfinding{gap:16px}.portfolio-wayfinding .eyebrow{font-size:8px;max-width:150px}.portfolio-wayfinding .text-link{font-size:11px;white-space:nowrap}.portfolio-evolved .finish-filters{margin-left:-6.8%;margin-right:-6.8%;max-width:none;padding-left:6%;padding-right:6%}.portfolio-evolved .finish-filters button{font-size:11px}.portfolio-evolved .finish-group,.portfolio-evolved .finish-group:first-of-type{margin-top:25px;padding-top:30px}.portfolio-evolved .finish-group-heading h2{font-size:37px}.portfolio-evolved .finish-group .project-grid,.portfolio-evolved .finish-group .more-grid,.portfolio-evolved .finish-group .project-grid:has(>:nth-child(3):last-child),.portfolio-evolved .finish-group[data-finish-group=epoxy] .featured-grid{grid-template-columns:1fr;gap:35px}.portfolio-evolved .project-image{height:auto;max-height:none}.portfolio-evolved .project-image img{height:auto;max-height:600px;min-height:0}.portfolio-evolved .project-badge{font-size:10px!important}.portfolio-evolved #project-dialog{width:100%;max-width:none}.notes-evolved .visual-journal{padding-left:0;padding-right:0}.notes-evolved .research-card h3{font-size:41px}.notes-evolved .research-card p:not(.eyebrow){font-size:15px}.institute-evolved .institute-opening{padding:0}.institute-evolved .workshop-intro .display-title{font-size:clamp(66px,17vw,86px)}.institute-evolved .workshop-intro h1 em{font-size:33px}.institute-evolved .workshop-intro .breadcrumb{font-size:11px}.institute-evolved .workshop-intro .button{font-size:11px;padding:13px 17px}.institute-evolved .workshop-result img{max-height:none}.institute-evolved .wall-stages,.institute-evolved .application-films{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}.institute-evolved .application-chapter h3{font-size:35px}.institute-evolved .application-library{padding-top:48px;padding-bottom:48px}.institute-evolved .stamp-study h3{font-size:38px}.institute-evolved .school-list summary{font-size:24px}.institute-evolved .school-list summary>span{font-size:12px}.interior-evolved .post-body{font-size:17px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.interior-motion [data-reveal]{transition:none}.interior-motion .awaiting-reveal{opacity:1;transform:none}.interior-evolved .project-badge,.interior-evolved .text-link span,.notes-evolved .journal-row,.chapter-nav a,.institute-evolved .school-list summary b{transition:none}}
