:root{--case-paper:#f7f3eb;--case-ink:#302a25;--case-muted:#86745f}
.case-page{background:var(--case-paper);color:var(--case-ink)}
.case-page>header{position:sticky;top:0;z-index:30;background:#f7f3ebf5;backdrop-filter:blur(12px);border-bottom:1px solid #d9d0c4}
.case-page .shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.case-page .case-nav{min-height:76px;border:0}.case-page .case-nav .case-brand{font:400 25px/1 Georgia,serif;letter-spacing:.08em}
.case-page .case-nav .case-return{display:inline-flex;align-items:center;min-height:39px;background:#302a25;color:#faf5ed;padding:11px 17px;border:1px solid #302a25;font:400 11px/1.4 Arial,sans-serif;white-space:nowrap;gap:18px;text-decoration:none}
.case-page .case-nav .case-return:hover{background:#514537}
.case-page .case-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;padding:72px 0 56px;border-bottom:1px solid #d7ccbd;margin-bottom:48px}
.case-page .case-intro>.eyebrow{grid-column:1/-1;font:400 10px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8e7c66;margin:0 0 21px}
.case-page .case-intro h1{grid-column:1;grid-row:2/5;font:400 clamp(56px,6.5vw,95px)/.95 Georgia,serif;letter-spacing:-.065em;margin:0;overflow-wrap:normal;max-width:100%}
.case-page .case-intro .case-lead{grid-column:2;font:400 19px/1.5 Georgia,serif;margin:0 0 18px;max-width:550px;align-self:start}
.case-page .case-intro .project-facts,.case-page .case-intro .batch-project-note{grid-column:2;font:400 11px/1.65 Arial,sans-serif;color:#8a7965;margin:0 0 7px}
.case-page .case-intro .project-cta{grid-column:2;justify-self:start;margin-top:18px}
.case-page .batch-overview{grid-template-columns:1.13fr .87fr;gap:80px;align-items:center;margin-bottom:65px}
.case-page .batch-overview .batch-leaf{background:#eae1d4;padding:24px 38px 34px}
.case-page .batch-overview .batch-leaf figcaption{margin-bottom:18px}.case-page .batch-overview .batch-art-open img{box-shadow:0 10px 24px #493a2420}
.case-page .batch-brief{padding:0;gap:24px}.case-page .batch-brief h2,.case-page .case-brief h2{font:400 27px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}
.case-page .batch-brief p,.case-page .case-brief p{font:400 14px/1.8 Arial,sans-serif;color:#776956}
.case-page .batch-logic{padding:32px 0 38px;gap:50px;margin-bottom:46px}.case-page .batch-logic h2{font:400 32px/1.15 Georgia,serif;letter-spacing:-.03em}.case-page .batch-logic ul{font:400 13px/1.8 Arial,sans-serif;color:#786a58}
.case-page .case-document-heading h2{font:400 41px/1.05 Georgia,serif;letter-spacing:-.04em;margin-bottom:15px}.case-page .case-document-heading p{font:400 12px/1.8 Arial,sans-serif;color:#8a7965}
.case-page .batch-leaves{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:38px 34px}
.case-page .batch-leaf figcaption h2,.case-page .batch-leaf figcaption h3,.case-page .case-leaf h3{font:400 24px/1.12 Georgia,serif;letter-spacing:-.03em}
.case-page .batch-leaf figcaption span,.case-page .case-leaf-count{font:400 10px/1.5 Arial,sans-serif;color:#8b7862}
.case-page .batch-highlights img,.case-page .batch-complete-leaves img{border:1px solid #d7cab8;box-shadow:0 8px 20px -12px #503d2440}
.case-page .batch-collection,.case-page .nori-collection,.case-page .dogs-collection{margin-top:60px;background:#ede5d9;padding:0 26px;border:1px solid #d5c8b5}
.case-page .batch-collection>summary{font:400 23px/1.35 Georgia,serif;padding:24px 0;min-height:70px}
.case-page .batch-page-index a{font-size:12px}.case-page .batch-page-index a span{font-size:10px}.case-page .batch-complete-leaves{gap:34px}
.case-page .case-leaves{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px}.case-page .case-leaf-hint{font-size:10px;color:#8a7965}
.case-page .case-cover img,.case-page .case-application img{border:1px solid #e0d6c6}.case-page .case-cover{margin-bottom:50px}.case-page .case-application figcaption{font-size:11px}
.case-page .case-end{padding:50px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:60px;border-top:1px solid #cfc1ae}
.case-page .case-end h2{font:400 37px/1.1 Georgia,serif;letter-spacing:-.04em;max-width:650px;margin:0}
.case-page .project-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 19px;background:#302a25;border:1px solid #302a25;color:#faf5ed;font:400 11px/1.5 Arial,sans-serif;text-transform:none;letter-spacing:0;white-space:nowrap}
.case-page .project-cta:hover{background:#514537}.case-page .case-zoom{background:#f4eee4}.case-page .case-zoom-bar{align-items:center;background:#f9f5ed;padding:11px 20px;gap:10px;min-height:65px}
.case-page .case-zoom-bar button{font:400 11px/1.4 Arial,sans-serif;padding:9px 14px;min-height:39px;border-color:#b9aa95;background:transparent}
.case-page .case-zoom-bar #case-zoom-close{margin-left:auto;background:#302a25;color:#f8f4ed;border-color:#302a25}.case-page .zoom-format-nav{display:flex;align-items:center;gap:12px}.case-page .zoom-format-nav span{font:400 11px/1 Arial,sans-serif;color:#8a7965}
.case-page .case-zoom-stage{height:calc(100dvh - 65px);padding:24px}.case-page .case-zoom-stage img{height:100%;object-fit:contain}.case-page .case-zoom-stage img.is-large{width:var(--zoom-width,var(--case-image-width,100%));height:auto;margin:0}
.edit-case-story{margin-bottom:65px}.edit-case-story .story-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:25px}.edit-case-story h2{font:400 38px/1.07 Georgia,serif;letter-spacing:-.035em;max-width:750px;margin:0}.edit-case-story .story-heading p{font:400 12px/1.7 Arial,sans-serif;max-width:310px;color:#8a7965;margin:0}.edit-case-story img{border:1px solid #ded2bf}.edit-screen-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.edit-screen-row figure{margin:0}.edit-screen-row figcaption{font:400 12px/1.6 Arial,sans-serif;margin:15px 0;color:#86745f}.edit-mobile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#e8ddce;padding:40px 65px}.edit-mobile-row figure{margin:0;min-width:0}.edit-mobile-row img{border:1px solid #cbbcaa}.edit-mobile-row figcaption{font:400 11px/1.6 Arial,sans-serif;margin-top:15px}.edit-full-overview{border-block:1px solid #d8c9b5;margin-bottom:60px}.edit-full-overview summary{font:400 23px/1.5 Georgia,serif;padding:23px 0;cursor:pointer}.edit-full-overview>button{max-width:860px;margin:0 auto 40px}
@media(max-width:850px){.case-page .shell{width:calc(100% - 36px)}.case-page .case-nav{min-height:66px;gap:18px}.case-page .case-nav .case-brand{font-size:20px}.case-page .case-nav .case-return{font-size:10px;padding:9px 12px;min-height:36px}.case-page .case-intro{display:block;padding:42px 0 31px;margin-bottom:30px}.case-page .case-intro>.eyebrow{font-size:9px;line-height:1.7;margin-bottom:18px}.case-page .case-intro h1{font-size:60px;line-height:.98;margin:0 0 21px;overflow-wrap:break-word}.case-page .case-intro .case-lead{font-size:19px;line-height:1.5;margin-bottom:17px}.case-page .case-intro .project-facts,.case-page .case-intro .batch-project-note{font-size:10px}.case-page .batch-overview{display:block;margin-bottom:38px}.case-page .batch-overview .batch-leaf{padding:20px 24px 28px}.case-page .batch-brief{margin-top:30px;gap:22px}.case-page .batch-brief p,.case-page .case-brief p{font-size:13px}.case-page .batch-brief h2,.case-page .case-brief h2{font-size:25px}.case-page .batch-logic{display:block;padding:25px 0 28px;margin-bottom:28px}.case-page .batch-logic h2{font-size:29px}.case-page .batch-logic ul{font-size:12px;margin-top:18px}.case-page .case-document-heading h2{font-size:33px}.case-page .case-document-heading p{font-size:11px}.case-page .batch-leaves,.case-page .case-leaves,.case-page .batch-complete-leaves{grid-template-columns:1fr;gap:32px}.case-page .batch-leaf figcaption h2,.case-page .batch-leaf figcaption h3,.case-page .case-leaf h3{font-size:23px}.case-page .batch-collection{padding-inline:17px;margin-top:36px}.case-page .batch-collection>summary{font-size:21px;line-height:1.45}.case-page .case-end{display:block;padding:36px 0 44px;margin-top:40px}.case-page .case-end h2{font-size:32px;margin-bottom:26px}.case-page .case-zoom-bar{padding:9px 10px;gap:7px;min-height:60px}.case-page .case-zoom-bar button{font-size:10px;padding:8px 10px;min-height:36px}.case-page .zoom-format-nav{gap:7px}.case-page .zoom-format-nav button{padding-inline:9px}.case-page .zoom-format-nav span{font-size:9px}.case-page .case-zoom-stage{height:calc(100dvh - 60px);padding:12px}.edit-case-story{margin-bottom:40px}.edit-case-story .story-heading{display:block;margin-bottom:21px}.edit-case-story h2{font-size:31px}.edit-case-story .story-heading p{font-size:11px;margin-top:13px}.edit-screen-row{grid-template-columns:1fr;gap:20px}.edit-mobile-row{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:23px 14px;overflow:hidden}.edit-mobile-row figcaption{font-size:9px;line-height:1.4}.edit-full-overview summary{font-size:21px}.edit-case-story .case-leaf-open img{width:100%;height:auto}}
@media(max-width:360px){.case-page .case-intro h1{font-size:51px}.case-page .case-nav .case-brand{font-size:18px}.case-page .case-nav .case-return{font-size:9px;padding:9px 10px}.case-page .case-zoom-bar{gap:5px}.case-page .case-zoom-bar button{font-size:9px;padding-inline:8px}.case-page .zoom-format-nav{gap:5px}.case-page .case-zoom-bar #case-zoom-size{padding-inline:7px}}

/* EDIT case title describes the project; its wordmark lives inside the preview. */
.case-page .case-intro h1{font-size:clamp(40px,4.3vw,64px);line-height:1.08;letter-spacing:-.04em}
@media(max-width:850px){.case-page .case-intro h1{font-size:clamp(35px,9vw,52px)}}