/* A collection entry, distinct from the five complete case studies. */
.collection-montage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:3px;background:#f7f7f5}
.collection-montage img{width:100%;height:100%;min-height:0;object-fit:cover}
.collection-montage img:first-child{grid-row:1 / 3;object-position:53% center}
.collection-montage img:last-child{object-fit:contain;background:#e2e4e8;padding:9%}
.collection-montage img[src*="woodworking"]{object-position:50% 35%}
.cover-orb.collection{background:#d6c9b7}
.cover-orb.collection .collection-montage{gap:1px}
.collection-card .project-number{font-size:9px;letter-spacing:.04em}
.collection-intro>.eyebrow{margin-top:55px}
.collection-intro h1{font-size:clamp(70px,11.4vw,172px)}
.collection-index{display:grid;gap:12px;width:min(440px,45%)}
.collection-index a{display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.5;padding:10px 0;border-bottom:1px solid #d6d6d0}
.collection-index a>span:first-child{font-size:9px;color:#777}
.collection-index a>span:last-child{margin-left:auto;font-size:19px}
.collection-index a:hover{color:#736293}
.collection-projects{padding-top:30px}
.collection-study{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;padding:75px 0;border-top:1px solid #d6d6d0;scroll-margin-top:35px}
.collection-study:nth-child(even) .collection-study-image{order:2}
.collection-study-image{background:transparent;min-width:0}
.collection-study-image img{height:auto;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.collection-study-image.manta img{object-fit:contain;background:#e2e4e8;padding:10%}
.collection-study-image figcaption{font-size:10px;line-height:1.6;color:#777;padding-top:15px}
.collection-study-copy h2{font-size:clamp(30px,3.7vw,52px);letter-spacing:-.045em;line-height:1.08;margin:24px 0}
.collection-study-copy p:not(.eyebrow){font-size:13px;line-height:1.75;max-width:450px;color:#555}
.collection-study-copy .collection-study-subtitle{margin:-8px 0 22px;color:#171717!important}
.collection-study-copy .collection-study-question{margin-top:28px;padding-top:24px;border-top:1px solid #d6d6d0}
.collection-back{display:flex;width:fit-content;margin-top:25px;margin-bottom:95px}
.ow-woodworking{padding:75px 0;border-top:1px solid #d6d6d0;scroll-margin-top:35px}
.ow-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:40px;margin-bottom:54px;border-bottom:1px solid #d6d6d0}
.ow-collection-heading h2{font-size:clamp(36px,5vw,72px);letter-spacing:-.045em;line-height:1.08;margin-top:22px}
.ow-study-index{display:flex;gap:32px;padding-bottom:6px}
.ow-study-index a{display:flex;align-items:center;gap:12px;font-size:15px;white-space:nowrap}
.ow-study-index a>span:first-child{font-size:10px;color:#777}
.ow-study-index a:hover{color:#736293}
.ow-object-study{scroll-margin-top:35px}
.ow-surf{margin-top:90px;padding-top:66px;border-top:1px solid #d6d6d0}
.ow-study-header{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8%;margin-bottom:38px}
.ow-study-header h3{font-size:clamp(36px,4.5vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:22px 0 12px}
.ow-study-subtitle{font-size:clamp(17px,1.7vw,24px);line-height:1.4}
.ow-study-intro{font-size:15px;line-height:1.75;max-width:500px;color:#555}
.ow-study-intro>p+p{margin-top:14px}
.ow-study-meta{font-size:11px;letter-spacing:.06em;margin-top:20px;color:#777}
.ow-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.ow-photo{min-width:0}
.ow-expand{display:block;position:relative;padding:0;width:100%;cursor:zoom-in;text-align:left}
.ow-expand img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}
.ow-expand>span{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f7f7f5e6;color:#171717;font-size:22px}
.ow-photo figcaption{font-size:12px;line-height:1.5;color:#777;padding-top:14px}
.ow-photo-wide{grid-column:1 / -1}
.ow-photo-wide img{aspect-ratio:3 / 2}
.ow-surf .ow-expand img{aspect-ratio:auto;object-fit:contain}
.ow-project-context{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:48px;padding-top:28px;border-top:1px solid #d6d6d0;font-size:12px;line-height:1.75;color:#666}
.ow-project-context p+p{margin-top:15px}
.ow-project-context .eyebrow{font-size:10px;color:#777}
.ow-project-context .ow-research-title{font-size:17px;line-height:1.5;color:#171717;max-width:480px}
.ow-project-context strong{display:block;font-weight:400;color:#171717;margin-bottom:4px}
.ow-making-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin:64px 0 26px}
.ow-making-heading>p:last-child{font-size:16px;color:#555}
.ow-process-grid svg{display:block;width:100%;height:auto;aspect-ratio:8 / 9}
.ow-lightbox{position:fixed;inset:0;width:min(96vw,1700px);max-width:none;max-height:96svh;padding:55px 24px 24px;border:0;background:#f7f7f5;color:#171717}
.ow-lightbox::backdrop{background:#000c}
.ow-lightbox-close{position:absolute;right:22px;top:16px;padding:6px;font-size:14px}
.ow-lightbox-media :is(img,svg){display:block;width:100%;height:calc(90svh - 110px);object-fit:contain}
.ow-lightbox>p{font-size:12px;line-height:1.5;margin-top:18px;color:#555}
.ow-gallery-study{padding:75px 0;border-top:1px solid #d6d6d0;scroll-margin-top:35px}
.ow-gallery-study .ow-study-header h2{font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:22px 0 12px}
.ow-gallery-study .ow-expand img{aspect-ratio:auto;object-fit:contain}
.ow-gallery-study .ow-study-index{justify-content:flex-start;margin-bottom:36px;gap:36px}
.ow-gallery-chapter{margin-top:70px;scroll-margin-top:35px}
.ow-chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:30px}
.ow-chapter-heading :is(h2,h3){font-size:clamp(25px,2.8vw,40px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin-top:14px}
.ow-chapter-heading>p{font-size:14px;line-height:1.75;color:#555;max-width:500px}
.ow-caption-copy{display:block;max-width:540px;margin-top:5px;color:#777}
.ow-image-mat .ow-expand{background:#eeefeb;padding:7%}
.ow-business-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:36px 0 42px;padding:0}
.ow-business-flow li{padding-top:20px;border-top:1px solid #d6d6d0}
.ow-business-flow .eyebrow{font-size:10px;color:#777}
.ow-business-flow :is(h3,h4){font-size:22px;font-weight:400;letter-spacing:-.03em;margin:14px 0 10px}
.ow-business-flow p:last-child{font-size:13px;line-height:1.65;color:#666}
.ow-gallery-note{font-size:12px;line-height:1.7;color:#777;max-width:760px;margin-top:26px}
.ow-first-chapter{margin-top:44px}
.ow-sample-layout,.ow-detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start}
.ow-sample-stack{display:grid;gap:40px}
.ow-detail-layout{align-items:center;margin-top:44px;gap:8%}
.ow-inline-story{padding:12px 0}
.ow-inline-story .eyebrow{font-size:10px;color:#777}
.ow-inline-story :is(h3,h4){font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:20px 0}
.ow-inline-story>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#666;max-width:450px}
.ow-manta .ow-portrait-pair img{aspect-ratio:3 / 4;object-fit:contain;background:#fff}
.ow-manta .ow-prototype-pair img{aspect-ratio:1 / 1;object-fit:cover;object-position:50% 75%}
.ow-mycelium .ow-concept-grid img{aspect-ratio:16 / 9;object-fit:cover}
@media(max-width:900px){.ow-gallery-study{padding:55px 0}.ow-chapter-heading{gap:5%}.ow-chapter-heading>p{font-size:13px}.ow-business-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}
@media(max-width:900px){.ow-detail-layout{gap:5%}.ow-inline-story>p:not(.eyebrow){font-size:13px}}
@media(max-width:600px){.ow-sample-layout,.ow-detail-layout{grid-template-columns:1fr;gap:24px}.ow-sample-stack{gap:22px}.ow-inline-story :is(h3,h4){font-size:30px}.ow-inline-story>p:not(.eyebrow){font-size:14px}.ow-detail-layout{margin-top:30px}.ow-manta .ow-portrait-pair img{aspect-ratio:auto;background:transparent}}
@media(max-width:600px){.ow-gallery-study{padding:40px 0;scroll-margin-top:24px}.ow-gallery-study .ow-study-header h2{font-size:40px}.ow-gallery-study .ow-study-index{flex-wrap:wrap;gap:18px 28px;margin-bottom:28px}.ow-gallery-study .ow-study-index a{font-size:13px}.ow-gallery-chapter{margin-top:44px;scroll-margin-top:24px}.ow-chapter-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.ow-chapter-heading :is(h2,h3){font-size:28px}.ow-chapter-heading>p{font-size:14px}.ow-business-flow{margin:26px 0 32px;gap:22px 18px}.ow-business-flow :is(h3,h4){font-size:20px}.ow-business-flow p:last-child{font-size:12px}.ow-image-mat .ow-expand{padding:5%}}
@media(max-width:900px){.ow-woodworking{padding:55px 0}.ow-study-header{gap:5%}.ow-study-intro{font-size:13px}}
@media(max-width:900px){.ow-study-index{gap:20px}.ow-study-index a{font-size:13px}.ow-project-context{gap:5%}}
@media(max-width:600px){.ow-collection-heading{display:block;padding-bottom:26px;margin-bottom:34px}.ow-collection-heading h2{font-size:40px}.ow-study-index{margin-top:26px;justify-content:space-between;gap:20px}.ow-study-index a{font-size:15px}.ow-object-study{scroll-margin-top:24px}.ow-surf{margin-top:50px;padding-top:40px}.ow-study-header h3{font-size:38px;margin-top:18px}.ow-project-context{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:24px}.ow-project-context .ow-research-title{font-size:16px}}
@media(max-width:600px){.ow-woodworking{padding:40px 0;scroll-margin-top:24px}.ow-study-header{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.ow-study-header h2{font-size:40px;margin-top:18px}.ow-study-intro{font-size:14px}.ow-study-meta{margin-top:12px}.ow-photo-grid{grid-template-columns:1fr;gap:28px}.ow-photo-wide{grid-column:auto}.ow-expand>span{right:14px;bottom:14px}.ow-making-heading{display:block;margin:42px 0 22px}.ow-making-heading>p:last-child{margin-top:12px;font-size:14px}.ow-lightbox{padding:52px 14px 18px}.ow-photo figcaption{font-size:11px;padding-top:10px}}
@media(max-width:900px){.collection-study{gap:5%;grid-template-columns:1.1fr 1fr;padding:55px 0}.collection-index{width:48%}.collection-study-copy h2{font-size:34px}}
@media(max-width:600px){.collection-intro h1{font-size:clamp(56px,14vw,84px);margin-bottom:25px}.collection-intro>.eyebrow{margin-top:40px}.collection-index{width:100%;margin-top:5px}.collection-index a{font-size:11px}.collection-projects{padding-top:0}.collection-study{grid-template-columns:1fr;gap:28px;padding:40px 0;scroll-margin-top:24px}.collection-study:nth-child(even) .collection-study-image{order:initial}.collection-study-copy h2{font-size:32px;margin:18px 0}.collection-study-copy p:not(.eyebrow){font-size:12px}.collection-study-copy .collection-study-question{margin-top:22px;padding-top:19px}.collection-back{margin-top:20px;margin-bottom:65px}}

/* Standalone galleries share the same image-led layout. */
.ow-page-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:45px;padding-bottom:50px}
.ow-page-nav>span,.ow-page-nav>.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.ow-single-project .ow-gallery-study{border-top:0;padding:0 0 45px}
.ow-single-project .ow-surf{border-top:0;margin-top:0;padding-top:0}
.ow-single-project .ow-study-header h1{font-size:clamp(44px,5vw,76px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:22px 0 12px}
.ow-page-back{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d6d6d0;margin-top:60px;padding:36px 0 90px}
.project-visual.surf{background:#b8b8b8}.project-visual.surf img{object-fit:cover;padding:0}.project-card:hover .project-visual.surf img{transform:none}
.project-visual.woodworking img{object-position:50% 40%}
.project-visual.manta img{object-fit:cover;padding:0;background:#fff}
@media(max-width:600px){.ow-page-nav{padding-top:28px;padding-bottom:34px}.ow-single-project .ow-study-header h1{font-size:40px;margin-top:18px}.ow-single-project .ow-gallery-study{padding-bottom:12px}.ow-page-back{margin-top:40px;padding:28px 0 60px}}

/* Commercial packaging is presented as finished product visualizations. */
.project-visual.tonghan{background:#d9d9d9}
.project-visual.tonghan img{object-fit:cover}
.collection-montage img[src*="tonghan"]{object-fit:cover;background:#d9d9d9;padding:0}
.ow-packaging .ow-study-header{align-items:start}
.ow-packaging .ow-study-header h1{margin-top:16px}
.ow-packaging .ow-study-subtitle{letter-spacing:.16em;color:#7e292c}
.ow-packaging .ow-study-intro{padding-top:5px}
.ow-brand-source{display:inline-flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;border-bottom:1px solid #b6aaa4;margin-top:14px;padding-bottom:3px}
.ow-brand-source:hover{color:#7e292c}
.ow-packaging-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid #d6d6d0;padding-top:22px;margin:44px 0 28px}
.ow-packaging-intro>p:last-child{font-size:14px;line-height:1.6;color:#666}
.ow-packaging .ow-photo-grid{align-items:start}
.ow-packaging .ow-photo-grid .ow-expand{background:transparent;overflow:hidden}
.ow-packaging .ow-photo-grid .ow-expand img{aspect-ratio:4 / 3;object-fit:cover;object-position:center}
.ow-packaging .ow-packaging-tall-pair .ow-expand img{aspect-ratio:4 / 5}
.ow-packaging .ow-packaging-hero .ow-expand img{aspect-ratio:auto}
@media(max-width:600px){.ow-packaging-intro{display:block;margin:32px 0 24px;padding-top:20px}.ow-packaging-intro>p:last-child{margin-top:12px;font-size:13px}.ow-packaging .ow-study-header h1{font-size:48px}}

/* Expanded galleries retain each image’s proportions and group related stages. */
.ow-gallery-lead{margin-bottom:32px}
.ow-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ow-material-grid .ow-expand img{aspect-ratio:8 / 9;object-fit:contain}
.ow-zen .ow-material-grid .ow-expand svg{aspect-ratio:8 / 9}
.ow-zen .ow-lattice-overview img{aspect-ratio:auto}
.ow-surf .ow-fabrication-layout{align-items:center;margin-bottom:32px}
.ow-manta .ow-finish-grid{margin-top:32px}
.ow-manta .ow-fit-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;margin-top:42px;gap:8%}
.ow-manta .ow-fit-layout>.ow-photo{width:100%;max-width:470px;justify-self:center}
.ow-manta .ow-fit-layout .ow-sample-stack{gap:24px}
.ow-manta .ow-manual-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 48px}
.ow-manta .ow-supply-grid{margin-top:32px}
@media(max-width:600px){.ow-material-grid,.ow-manta .ow-fit-layout,.ow-manta .ow-manual-grid{grid-template-columns:1fr}.ow-material-grid .ow-expand img{aspect-ratio:auto}.ow-gallery-lead{margin-bottom:28px}.ow-manta .ow-fit-layout{gap:28px}.ow-manta .ow-manual-grid{margin:28px 0 36px}.project-visual.surf,.project-visual.manta{aspect-ratio:1.28}}

/* Crop the preview frames to the rendered scene, without letterbox margins. */
.ow-packaging .ow-photo-grid .ow-packaging-reishi img{aspect-ratio:6 / 5}
.ow-packaging .ow-photo-grid .ow-packaging-tea img{aspect-ratio:3 / 2}
.ow-packaging .ow-packaging-fig img{transform:scale(1.2);transform-origin:50% 35%}
.ow-packaging .ow-photo-grid .ow-packaging-tea-front img{aspect-ratio:1.855}
.ow-packaging .ow-photo-grid .ow-packaging-panorama img{aspect-ratio:16 / 9;object-position:50% 52%}
@media(max-width:600px){.ow-packaging .ow-photo-grid .ow-packaging-panorama img{aspect-ratio:4 / 3}}