/* In practice: one real, expandable work entry, also indexed in the archive. */
.in-practice{padding:40px var(--gutter) 110px;background:#22221f;scroll-margin-top:85px}
.in-practice>.section-label{color:#c4c2b9}
.work-intro{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin:72px 0 45px}
.work-intro h2{font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:1.1}
.work-intro p{font-size:17px;color:#c4c2b9;line-height:1.5}
.work-entry{scroll-margin-top:90px;border-bottom:1px solid #54544b}
.work-preview{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,88px);align-items:center;cursor:pointer;list-style:none;padding-bottom:40px}
.work-preview::-webkit-details-marker{display:none}
.work-preview:focus-visible{outline:2px solid var(--white);outline-offset:8px}
.work-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fffdf8;overflow:hidden}
.work-art img{display:block;width:75%;max-width:357px;height:auto;transition:transform 700ms cubic-bezier(.2,.7,.3,1)}
@media(hover:hover){.work-preview:hover .work-art img{transform:scale(1.035)}.work-preview:hover .work-arrow{transform:translate(4px,-4px)}}
.work-description{display:flex;flex-direction:column;align-items:flex-start}
.work-status{font-size:12px;letter-spacing:.08em;line-height:1.5;color:#b9b7ad}.work-status>span{margin:0 8px}
.work-title{font:400 clamp(64px,7vw,112px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:24px 0 20px}
.work-deck{font-size:clamp(20px,2vw,28px);line-height:1.45;letter-spacing:-.025em}
.work-disciplines{font-size:14px;line-height:1.7;color:#b9b7ad;margin-top:25px}
.work-action{display:flex;gap:45px;align-items:center;font-size:15px;margin-top:40px;border-bottom:1px solid #86857a;padding-bottom:12px}
.work-arrow{font-size:26px;transition:transform .3s}
.when-open,.work-entry[open] .when-closed{display:none}.work-entry[open] .when-open{display:inline}
.work-entry[open] .work-arrow{transform:rotate(180deg)}
.work-study{padding-top:60px;border-top:1px solid #54544b}
.study-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:60px}
.study-intro h3,.interface-study h3{font-size:clamp(36px,4vw,60px);font-weight:400;letter-spacing:-.04em;margin:0}
.study-intro p,.interface-study figcaption p{font-size:18px;line-height:1.6;color:#c4c2b9;max-width:540px}
.study-intro p+p{margin-top:20px}
.illustration-studies{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.illustration-studies figure{margin:0;background:#fffdf8;padding:28px clamp(24px,3vw,48px) 35px;color:#173f32}
.study-label{font-size:13px;letter-spacing:.1em;border-top:2px solid currentColor;padding-top:18px}
.illustration-studies img{display:block;width:100%;height:clamp(200px,23vw,360px);object-fit:scale-down;margin:25px 0}
.illustration-studies figcaption{font:clamp(22px,2.1vw,32px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#1a2821}
.illustration-studies .study-pray{color:#444672}.illustration-studies .study-live{color:#b3462d}.illustration-studies .study-study{color:#996719}
.interface-study{margin:80px 0 0}.interface-study figcaption{margin-bottom:30px}.interface-study figcaption p{margin-top:18px}
.interface-study>a{display:block;opacity:1}.interface-study img{display:block;width:100%;height:auto;background:#fffdf8}
.image-note{display:flex;justify-content:space-between;gap:24px;font-size:13px;line-height:1.5;color:#b9b7ad;margin-top:16px}
.image-note a{text-decoration:underline;text-underline-offset:4px}
.study-end{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:40px 0 28px;font-size:12px;letter-spacing:.06em;color:#b9b7ad}
.close-study{font:inherit;font-size:14px;letter-spacing:0;color:var(--white);background:none;border:0;border-bottom:1px solid #86857a;cursor:pointer;padding:14px 0}
.archive-entries{margin-top:85px}.archive-entries h3{margin:0 0 25px;font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#aaa89f}
.archive-entry{display:grid;grid-template-columns:90px 1fr auto 28px;gap:28px;align-items:center;padding:30px 0;border-top:1px solid #54544b;border-bottom:1px solid #54544b;transition:border-color .3s}
.archive-entry:hover{opacity:1;border-color:#cac8bc}.entry-year{font:14px 'Courier New',monospace;color:#aaa89f}.entry-name{font-size:38px;letter-spacing:-.025em}.entry-name>span{display:block;font-size:14px;line-height:1.6;color:#aaa89f;letter-spacing:0;margin-top:8px}.entry-status{font-size:14px;color:#c4c2b9}.entry-arrow{font-size:25px}
@media(max-width:700px){.in-practice{padding-top:28px;padding-bottom:65px}.work-intro{display:block;margin:55px 0 32px}.work-intro p{margin-top:20px}.work-preview{grid-template-columns:1fr;gap:30px}.work-title{font-size:70px;margin:12px 0}.work-disciplines{margin-top:20px}.work-action{margin-top:26px}.work-status{font-size:11px}.work-study{padding-top:40px}.study-intro{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.study-intro p,.interface-study figcaption p{font-size:17px}.illustration-studies{grid-template-columns:1fr;gap:20px}.illustration-studies img{height:230px}.interface-study{margin-top:50px}.image-note{flex-direction:column;gap:10px}.study-end{font-size:10px}.archive-entries{margin-top:55px}.archive-entry{grid-template-columns:44px 1fr 20px;gap:16px;padding:24px 0}.entry-name{font-size:32px}.entry-name>span{font-size:13px}.entry-status{grid-column:2;grid-row:2;font-size:13px}.entry-arrow{grid-column:3;grid-row:1}.entry-year{font-size:12px}}
@media(prefers-reduced-motion:reduce){.work-art img,.work-arrow,.archive-entry{transition:none!important}.work-preview:hover .work-art img{transform:none}}
.motion-paused .work-art img{transition:none;transform:none!important}

/* Research notes stay visible while the project study remains expandable. */
.research-note{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,88px);padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid #54544b;scroll-margin-top:110px}
.research-material{display:grid;grid-template-columns:2.3fr .82fr .9fr;gap:12px;align-self:start;height:clamp(260px,36vw,540px);grid-template-rows:minmax(0,1fr);overflow:hidden}
.research-material img{display:block;width:100%;height:100%;min-height:0;min-width:0;object-fit:cover}
.research-date,.research-fields{font-size:12px!important;letter-spacing:.07em;color:#b9b7ad!important}
.research-copy h3{font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:24px 0}
.research-copy>p{font-size:17px;line-height:1.6;color:#c4c2b9;margin-top:18px}
.research-instagram{display:inline-flex;align-items:center;gap:20px;margin-top:25px;border-bottom:1px solid #86857a;padding:10px 0;font-size:15px}
.research-carousel{grid-column:1/-1;border-top:1px solid #54544b}
.research-carousel>summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;font-size:16px;list-style:none}
.research-carousel>summary::-webkit-details-marker{display:none}.research-carousel[open]>summary>span{transform:rotate(45deg)}
.research-carousel summary:focus-visible,.research-pages:focus-visible{outline:2px solid var(--white);outline-offset:5px}
.research-instruction,.research-credit{font-size:13px;color:#b9b7ad;line-height:1.6;max-width:850px;margin-bottom:20px}
.research-pages{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:20px;margin-bottom:20px;scrollbar-color:#86857a #22221f}
.research-pages>a{flex:0 0 min(38%,430px);scroll-snap-align:start;display:block}.research-pages img{display:block;width:100%;height:auto}
.entry-status small{display:block;font-size:12px;color:#aaa89f;margin-top:6px}
@media(max-width:700px){.research-note{grid-template-columns:1fr;gap:30px;margin-bottom:45px;padding-bottom:40px}.research-material{gap:8px}.research-copy h3{font-size:42px}.research-copy>p{font-size:17px}.research-copy>.research-date{margin-top:0}.research-pages{gap:16px}.research-pages>a{flex-basis:86%}.research-carousel>summary{font-size:15px}.research-instruction,.research-credit{font-size:12px}}
