*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeeae2;color:#242721;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5%;border-bottom:1px solid #24272133;position:relative;z-index:5}.brand{font-weight:bold;font-size:22px}.brand span{font-size:10px;letter-spacing:2px}nav{display:flex;gap:26px;font-size:12px}main{padding:0 5%}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase}.intro{padding:85px 0 60px}h1{font-size:clamp(52px,8.6vw,130px);line-height:.95;letter-spacing:-6px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:normal}p{line-height:1.7;max-width:600px;color:#62665d}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.button{display:inline-block;border:1px solid;padding:15px 22px;font-size:12px}.section-label{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid #24272144;font-size:11px;letter-spacing:2px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project{display:block}.art{height:350px;position:relative;overflow:hidden;display:grid;place-items:center;background:#333932}.art:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff66;transform:rotate(30deg)}.art:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #ffffff66;transform:rotate(-15deg)}.art b{font-size:clamp(35px,5vw,75px);letter-spacing:-3px;color:#eeeae2;z-index:1}.heat{background:radial-gradient(ellipse at 50% 100%,#bc522b,#462c27 45%,#181e1b 80%)}.wood{background:repeating-linear-gradient(95deg,#a68560 0px,#a68560 3px,#92734f 4px,#a2825e 9px)}.iron{background:linear-gradient(130deg,#56605a,#262c29)}.silver{background:linear-gradient(130deg,#878f8b,#cad0cb,#767d79)}.caption{display:flex;justify-content:space-between;padding:17px 0 30px}.caption small{font-size:11px;color:#666}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:100px 0}.about h2,h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,60px);font-weight:normal;margin:0}.footer{padding:35px 5%;border-top:1px solid #24272144;display:flex;justify-content:space-between;font-size:11px}.dark{background:#111815;color:#eeeae2}.dark header{border-color:#ffffff22}.dark p{color:#b0b7af}.scroll-stage{height:190vh;margin:0 -5.56%;position:relative}.sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#a24524 0%,#3b2a20 28%,#111815 65%)}.helios-title{font-size:clamp(75px,20vw,300px);font-weight:800;letter-spacing:-.07em;position:absolute;will-change:transform,opacity}.scroll-cue{position:absolute;bottom:35px;font-size:11px;letter-spacing:3px}.forge-outline{width:50vw;height:32vw;border:1px solid #d39b6255;border-radius:20px;transform:perspective(600px) rotateY(-15deg);position:absolute;opacity:.7}.forge-outline:after{content:'';position:absolute;inset:20%;border:1px solid #d39b6277;background:radial-gradient(ellipse,#ed8c3b44,transparent)}.reveal-copy{max-width:600px;text-align:center;opacity:0;transform:translateY(50px);padding:20px;z-index:2}.reveal-copy h2{font-size:clamp(36px,5vw,74px)}.story{padding:100px 0;border-top:1px solid #ffffff22;display:grid;grid-template-columns:1fr 1.3fr;gap:50px}.placeholder{min-height:300px;border:1px solid #ffffff33;display:grid;place-items:center;color:#a2a99f;font-size:12px;letter-spacing:2px;text-align:center;padding:25px}.light-placeholder{border-color:#24272133;color:#64695e;background:#e4e0d7}.craft-hero{padding:80px 0 50px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:70px}.gallery .placeholder{height:380px}.note{font-size:11px;letter-spacing:1px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:700px){header{align-items:start;gap:20px}.brand span{display:none}nav{gap:12px;font-size:10px;flex-wrap:wrap}h1{letter-spacing:-3px}.intro{padding-top:60px}.intro-bottom{display:block}.projects,.about,.story,.gallery{grid-template-columns:1fr}.art{height:300px}.about{padding:60px 0}.story{padding:60px 0}.forge-outline{width:80vw;height:55vw}.footer{gap:20px}.gallery .placeholder{height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-stage{height:auto}.sticky{min-height:700px;height:auto;flex-direction:column;gap:70px;padding:70px 15px}.helios-title{position:relative;font-size:20vw}.reveal-copy{opacity:1;transform:none}.scroll-cue{display:none}}.uploaded-image{margin:0;display:block}.uploaded-image img,.user-block img{display:block;width:100%;max-height:800px;object-fit:contain}.uploaded-image p{font-size:12px;margin:10px 0 25px}#extra-blocks{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:70px}.user-block{width:100%;padding:30px 0}.user-block.half{width:calc(50% - 15px)}.user-block p{white-space:pre-wrap}.editable{outline:1px dashed #bd7448;outline-offset:5px;cursor:text}.editable:focus{outline:2px solid #db7d40}.editable-image{outline:2px dashed #bd7448;outline-offset:-2px;cursor:pointer;position:relative}.editable-image:before{content:'Click to replace image';position:absolute;top:12px;left:12px;background:#fff;color:#222;font-size:12px;padding:8px;z-index:4;transform:none;width:auto;height:auto;border:0}.dark .editable:focus{background:#ffffff0d}@media(max-width:700px){.user-block.half{width:100%}}
header nav{flex-wrap:wrap;justify-content:flex-end}header{gap:30px}.photo-wrap{width:100%;margin:0}.photo-wrap figure{margin:0}.lead-photo img{max-height:75vh;object-fit:contain;background:#dedbd3}.photo-wrap img{width:100%;display:block;max-height:680px;object-fit:contain}.photo-wrap figcaption{font-size:12px;padding:12px 0;color:#72776d}.project-story{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;padding:75px 0;border-top:1px solid #8884}.project-story h2{font-size:clamp(30px,4vw,58px)}.category-projects{padding-bottom:70px}.category-projects .photo-wrap img{height:340px;object-fit:cover}.empty-project{min-height:240px;background:#dedbd3;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;font-size:30px;gap:15px}.empty-project small{font:11px Arial;letter-spacing:1px}.subsystem{padding:25px;border:1px solid #ffffff33}.subsystem .caption{font-size:25px}.helios-visual{position:absolute;inset:0;opacity:.34;display:grid;place-items:center}.helios-visual img{height:85vh;object-fit:contain;mix-blend-mode:luminosity}.helios-title,.reveal-copy,.scroll-cue{z-index:2}.helios-visual .lead-photo img{background:transparent}.helios-visual .photo-wrap{width:85%}.user-block img{cursor:zoom-in}.user-block video{width:100%;max-height:650px;background:#17231b}.user-block.half img{max-height:500px;object-fit:contain;background:#d6d3ca}.dark .user-block.half img{background:#1a231d}.gallery-dialog{border:0;padding:20px;background:#111e17;color:#fff;max-width:95vw;max-height:95vh}.gallery-dialog::backdrop{background:#000c}.gallery-dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.gallery-dialog button{float:right;margin-bottom:10px;padding:10px 15px;cursor:pointer}.gallery-dialog p{color:#ddd}.project .uploaded-image img{height:350px;object-fit:cover}.project .uploaded-image p{display:none}.project-story .uploaded-image img{object-fit:contain}.dark .photo-wrap figcaption{color:#bac2b5}@media(max-width:700px){.project-story{grid-template-columns:1fr;padding:45px 0;gap:25px}header{gap:15px}header nav{gap:12px}.category-projects .photo-wrap img{height:280px}.helios-visual .photo-wrap{width:100%}} 

/* Project headings use compact, direct section labels. */
.project-page h2,.project-page .project-story h2,.project-page .reveal-copy h2{font-family:Arial,sans-serif;font-size:26px;font-weight:500;line-height:1.3;letter-spacing:0;margin:0 0 18px}.project-page .craft-hero h1{font-size:clamp(36px,5vw,58px);font-weight:500;line-height:1.15;letter-spacing:-1px;margin:20px 0}.project-page .craft-hero{padding:55px 0 40px}.project-page .user-block h2{font-size:26px}@media(max-width:700px){.project-page h2,.project-page .project-story h2,.project-page .reveal-copy h2,.project-page .user-block h2{font-size:23px}}
.pam-section{max-width:950px;padding:32px 0;border-top:1px solid #8884}.pam-section p{max-width:850px}.design-slideshow{width:100%;min-width:0;border:1px solid #8884;margin:15px 0 45px;background:#e2dfd7;color:#26332a}.dark .design-slideshow{background:#19221c;color:#ecebe2}.design-slide{margin:0;padding:20px;width:100%}.design-slide[hidden]{display:none!important}.design-slide img{width:100%;height:430px;max-height:60vh;object-fit:contain;display:block}.design-slide p,.design-slide figcaption{font-size:12px;line-height:1.5;padding:10px 0;color:inherit;margin:0}.slide-placeholder{height:300px;display:grid;place-items:center;border:1px dashed #9e9f94;color:#777}.slide-controls{display:flex;justify-content:space-between;align-items:center;padding:15px;border-top:1px solid #8884;gap:15px;font-size:12px}.slide-controls button{font:inherit;padding:10px 14px;border:1px solid #8887;background:transparent;color:inherit;cursor:pointer}.slide-controls button:disabled{opacity:.35;cursor:default}.story:has(>.design-slideshow){grid-template-columns:1fr 1.3fr}@media(max-width:700px){.design-slide img{height:280px}.story:has(>.design-slideshow){grid-template-columns:1fr}}

.key-feature{margin:0 0 55px}.key-feature figure{margin:0}.key-feature img{width:100%;height:auto;max-height:760px;object-fit:contain;display:block;background:#162019}.key-feature figcaption,.forge-use figcaption{font-size:12px;padding:12px 0;color:#687063}.forge-use{padding:50px 0;border-top:1px solid #8884}.forge-use h2{font:500 26px/1.3 Arial,sans-serif;letter-spacing:0;margin:0 0 18px}.forge-use>p{max-width:850px}.use-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.use-photo-grid figure{margin:0}.use-photo-grid img{width:100%;height:350px;object-fit:contain;background:#162019}.use-photo-grid:has(>figure:only-child){grid-template-columns:1fr}.use-photo-grid:has(>figure:only-child) img{height:auto;max-height:640px}.forge-use a{border-bottom:1px solid #aaa}@media(max-width:700px){.use-photo-grid{grid-template-columns:1fr}.use-photo-grid img{height:auto}.forge-use{padding:35px 0}}

.project-participants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0}.participant{background:transparent;border-radius:0;padding:16px 12px 12px;color:#e8e0d2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:108px}.participant img{display:block;width:100%;max-width:145px;height:46px;object-fit:contain}.participant:first-child img{max-width:85px}.participant span{font-size:10px;line-height:1.3;letter-spacing:.2px}.reveal-copy{max-width:760px;width:min(760px,95%)}@media(max-width:500px){.project-participants{gap:7px}.participant{padding:12px 7px;min-height:90px}.participant img{height:35px}.participant span{font-size:9px}}

.participant-eplan{background:transparent}.participant-eplan img{max-width:130px;height:54px}

/* Floating transparent marks: the contour follows the SVG artwork, not its box. */
.participant img{filter:drop-shadow(.5px 0 0 #fff) drop-shadow(-.5px 0 0 #fff) drop-shadow(0 .5px 0 #fff) drop-shadow(0 -.5px 0 #fff)}
.participant-eplan img{filter:none}
/* Quiet, warm palettes; HELIOS retains the only scroll reveal. */
.cozy{--paper:#ded3c1;--ink:#332d26;--muted:#655b4f;--line:#88796366;--panel:#cfc0aa;background:var(--paper);color:var(--ink)}
.cozy.palette-ember{--paper:#241e1a;--ink:#eee0cd;--muted:#c4b39e;--line:#b2947460;--panel:#302720}
.cozy.palette-iron{--paper:#202420;--ink:#e7dfcf;--muted:#b9bcaa;--line:#a7ad9160;--panel:#2c322b}
.cozy.palette-walnut{--paper:#2b2520;--ink:#eee2ce;--muted:#c5b59f;--line:#b8a18260;--panel:#393027}
.cozy p,.cozy .caption small{color:var(--muted)}
.cozy header,.cozy .footer,.cozy .section-label,.cozy .project-story,.cozy .forge-use{border-color:var(--line)}
.cozy .eyebrow,.cozy .section-label{color:var(--muted)}
.cozy .empty-project,.cozy .light-placeholder,.cozy .lead-photo img,.cozy .user-block.half img,.cozy .key-feature img,.cozy .use-photo-grid img{background:var(--panel);color:var(--muted)}
.cozy .photo-wrap figcaption,.cozy .key-feature figcaption,.cozy .forge-use figcaption{color:var(--muted)}
.cozy .button:hover,.cozy .empty-project:hover{background:var(--panel)}
.cozy a:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Compact photography outside HELIOS; retain uncropped views and click-to-expand. */
.compact-images .lead-photo img,.compact-images .key-feature img{height:auto;max-height:min(55vh,480px);object-fit:contain}
.compact-images .key-feature,.compact-images .lead-photo{max-width:1000px;margin-left:auto;margin-right:auto}
.compact-images .project-story .uploaded-image img,.compact-images .use-photo-grid img,.compact-images .use-photo-grid:has(>figure:only-child) img{height:auto;max-height:380px;object-fit:contain}
.compact-images .project .uploaded-image img,.compact-images .category-projects .photo-wrap img,.compact-images .art{height:280px}
.compact-images .user-block img,.compact-images .user-block.half img{height:auto;max-height:360px;object-fit:contain}
.compact-images .gallery .placeholder{height:280px}
@media(max-width:700px){
 .compact-images .lead-photo img,.compact-images .key-feature img{max-height:min(48vh,340px)}
 .compact-images .project-story .uploaded-image img,.compact-images .use-photo-grid img,.compact-images .use-photo-grid:has(>figure:only-child) img,.compact-images .user-block img,.compact-images .user-block.half img{max-height:300px}
 .compact-images .project .uploaded-image img,.compact-images .category-projects .photo-wrap img,.compact-images .art{height:240px}
}

/* Multiple uncropped images share one horizontal, touch-scrollable strip. */
.photo-rail-wrap{width:100%;min-width:0;margin:20px 0 30px}
.photo-rail-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;color:var(--muted,#777);font-size:12px}
.photo-rail-controls[hidden]{display:none}
.photo-rail-controls button{font:inherit;font-size:20px;color:inherit;background:transparent;border:1px solid var(--line,#8886);padding:4px 15px;margin-left:8px;cursor:pointer}
.photo-rail-controls button:disabled{opacity:.3;cursor:default}
.compact-images .photo-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:1px;padding:0 0 12px;margin:0;scrollbar-width:thin;scrollbar-color:var(--muted) var(--panel)}
.compact-images .photo-rail>*{flex:0 0 auto;width:auto;max-width:75vw;margin:0;padding:0;scroll-snap-align:start}
.compact-images .photo-rail img,.compact-images .photo-rail:has(>figure:only-child) img{width:auto;height:260px;max-height:none;max-width:75vw;object-fit:contain;background:var(--panel)}
.compact-images .photo-rail p,.compact-images .photo-rail figcaption{max-width:320px;font-size:12px;line-height:1.5;margin:10px 0;padding:0;color:var(--muted)}
.photo-rail:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:700px){.compact-images .photo-rail img{height:220px}.compact-images .photo-rail{gap:12px}}

/* Square project navigation tiles, with full artwork and legible overlaid names. */
.compact-images .projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.compact-images .projects>.project{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.compact-images .projects>.project>:first-child:not(.caption){position:absolute;inset:0;width:100%;height:100%;margin:0}
.compact-images .projects .photo-wrap,.compact-images .projects .uploaded-image{height:100%;width:100%;margin:0}
.compact-images .projects .project img{width:100%;height:100%;max-height:none;object-fit:contain;background:var(--panel)}
.compact-images .projects .project figcaption,.compact-images .projects .uploaded-image p{display:none}
.compact-images .projects .art,.compact-images .projects .empty-project{height:100%;min-height:0}
.compact-images .projects .art b{display:none}
.compact-images .projects .empty-project{font-size:0}
.compact-images .projects .empty-project small{font-size:11px;color:var(--muted)}
.compact-images .projects .caption{position:absolute;inset:0 0 auto;z-index:2;padding:18px 18px 32px;gap:12px;color:#fff;background:linear-gradient(#17130ee8,#17130eaa 65%,transparent);font-size:18px;font-weight:500;line-height:1.3;text-shadow:0 1px 3px #0008}
.compact-images .projects .caption small{font-size:11px;color:#e3dacb;font-weight:400}
.compact-images .projects>.project:hover{border-color:var(--muted)}
.compact-images .projects>.project:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:900px){.compact-images .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:500px){.compact-images .projects{grid-template-columns:1fr}.compact-images .projects .caption{font-size:20px}}

/* Two-column square crops, framed around each project's subject. */
.compact-images .projects{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-images .projects .project img{object-fit:cover;object-position:var(--crop-x,50%) var(--crop-y,50%)}
.compact-images .projects .project[href="helios.html"]{--crop-x:72%;--crop-y:40%}
.compact-images .projects .project[href="forge-mk1.html"]{--crop-x:53%;--crop-y:42%}
.compact-images .projects .project[href="woodworking.html"],.compact-images .projects .project[href="cutting-boards.html"]{--crop-x:50%;--crop-y:52%}
.compact-images .projects .project[href="silversmithing.html"],.compact-images .projects .project[href="poppies-necklace.html"]{--crop-x:50%;--crop-y:65%}
.compact-images .projects .project[href="woodcarving-knife-set.html"]{--crop-x:54%;--crop-y:50%}
.compact-images .projects .project[href="skateboard.html"]{--crop-x:52%;--crop-y:57%}
.compact-images .projects .project[href="map-project.html"]{--crop-x:50%;--crop-y:46%}
.compact-images .projects .project[href="bowls.html"]{--crop-x:55%;--crop-y:48%}
.compact-images .projects .project[href="mung-knife-box.html"]{--crop-x:58%;--crop-y:48%}
.compact-images .projects .project[href="shed.html"]{--crop-x:48%;--crop-y:50%}
@media(max-width:500px){.compact-images .projects{grid-template-columns:1fr}}

.about-portrait{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center}
.about-portrait>.uploaded-image img{max-height:520px;width:100%;object-fit:contain}
.about-copy>.eyebrow,.about-copy .eyebrow{margin-bottom:18px}
.about-copy h2{margin-bottom:24px}
.about-portrait figcaption,.about-portrait .uploaded-image p{display:none}
.process-gallery{padding:45px 0;border-top:1px solid var(--line,#8884)}
.process-gallery h2{font:500 26px/1.3 Arial,sans-serif;letter-spacing:0;margin:0 0 18px}
.process-gallery>p{max-width:850px}
.supporting-gallery{margin:-20px 0 45px}
@media(max-width:700px){.about-portrait{grid-template-columns:1fr}.about-portrait>.uploaded-image img{max-height:400px}.process-gallery{padding:30px 0}}

/* Portrait occupies the open right side of the landing introduction. */
.home-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:7%;align-items:center}
.home-intro .intro-copy{min-width:0}
.home-intro h1{font-size:clamp(52px,7.2vw,110px)}
.home-intro .intro-bottom{display:block}
.home-intro .intro-bottom .button{margin-top:12px}
.intro-portrait{width:min(100%,380px);justify-self:center;aspect-ratio:1;background:var(--panel)}
.intro-portrait .uploaded-image{width:100%;height:100%}
.intro-portrait .uploaded-image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 48%}
.intro-portrait figcaption,.intro-portrait .uploaded-image p{display:none}
@media(max-width:700px){.home-intro{grid-template-columns:1fr;gap:30px}.intro-portrait{width:min(100%,340px);justify-self:start}.home-intro h1{font-size:clamp(52px,12vw,85px)}}

/* Center the overview copy and logo row on the same axis. */
.sticky>.reveal-copy{flex:none;width:calc(100% - 40px);max-width:760px;margin-inline:auto;text-align:center}
.reveal-copy>p{margin-left:auto;margin-right:auto}
.reveal-copy .project-participants{width:100%;max-width:640px;margin:28px auto 0;align-items:center}
.reveal-copy .participant{min-height:76px;padding:10px;gap:0}
.reveal-copy .participant img{margin:auto}

/* Process descriptions belong to their section; photos remain caption-free. */
main figure figcaption,main .uploaded-image>p,main .user-block:has(>img)>p,main .design-slide>p{display:none!important}

.intro-portrait{aspect-ratio:auto;background:transparent}
.intro-portrait .uploaded-image{height:auto;aspect-ratio:1}
.intro-portrait .portrait-credit{display:block;margin:9px 0 0;font-size:11px;line-height:1.4;color:var(--muted);text-align:center}
.intro-portrait .uploaded-image{position:relative;overflow:hidden}
.intro-portrait .uploaded-image img{position:absolute;inset:0}

/* Featured skateboard view with a separate four-photo selector. */
.compact-images .lead-photo.featured-display img{height:min(55vh,480px);object-fit:contain}
.supporting-gallery[data-featured-gallery]{max-width:1000px;margin:18px auto 45px}
.featured-thumbnails{display:grid;grid-template-columns:repeat(var(--thumbnail-count,4),minmax(0,1fr));gap:14px}
.featured-thumbnails button{display:block;min-width:0;padding:0;background:var(--panel);border:2px solid transparent;cursor:pointer;color:inherit}
.featured-thumbnails button[aria-pressed="true"]{border-color:var(--ink)}
.featured-thumbnails button:hover{border-color:var(--muted)}
.featured-thumbnails button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.featured-thumbnails figure{margin:0;width:100%}
.featured-thumbnails img{width:100%;height:140px;object-fit:contain;max-height:none}
@media(max-width:700px){.featured-thumbnails{gap:8px}.featured-thumbnails img{height:85px}}

/* Same display footprint, now with a large selected image and thumbnail strip. */
.thumbnail-slideshow{--view-height:340px;padding:14px;background:transparent}
.thumbnail-slideshow .slide-track{height:var(--view-height);overflow:hidden}
.thumbnail-slideshow .design-slide{height:100%;width:100%;padding:0;display:grid;place-items:center;overflow:hidden}
.thumbnail-slideshow .design-slide>img{height:100%;max-height:none;width:100%;object-fit:contain}
.thumbnail-slideshow .slide-controls[hidden]{display:none}
.render-crop{position:relative;overflow:hidden;width:min(100%,calc(var(--view-height)*var(--crop-ratio)));aspect-ratio:var(--crop-ratio)}
.thumbnail-slideshow .render-crop>img{position:absolute;max-width:none;max-height:none;object-fit:fill;display:block}
.design-thumbnails{--view-height:90px;display:flex;gap:10px;overflow-x:auto;margin-top:14px;padding-bottom:4px;scrollbar-width:thin}
.design-thumbnails button{flex:0 0 108px;min-width:0;height:94px;padding:0;border:2px solid transparent;background:#8882;display:grid;place-items:center;overflow:hidden;cursor:pointer;color:inherit}
.design-thumbnails button[aria-pressed="true"]{border-color:currentColor}
.design-thumbnails button:hover{border-color:#ab8968}
.design-thumbnails button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.design-thumbnails button>img{width:100%;height:90px;object-fit:contain}
@media(max-width:700px){.thumbnail-slideshow{--view-height:230px;padding:10px}.design-thumbnails{--view-height:70px;gap:8px}.design-thumbnails button{flex-basis:86px;height:74px}.design-thumbnails button>img{height:70px}}

.compact-images .key-feature.featured-display img{height:min(55vh,480px);object-fit:contain}
.key-feature:has(+[data-featured-gallery]){margin-bottom:18px}

.featured-thumbnails.many-thumbnails{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px;scrollbar-width:thin;scroll-snap-type:x proximity}
.featured-thumbnails.many-thumbnails>button{flex:0 0 calc((100% - 36px)/4);min-width:120px;scroll-snap-align:start}
@media(max-width:700px){.featured-thumbnails.many-thumbnails>button{flex-basis:32%;min-width:100px}}

.current-state{padding:55px 0 70px;border-top:1px solid #ffffff22;scroll-margin-top:30px}
.current-state-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.current-state-heading .update-date{font-size:12px;margin:0;color:#b0b7af}
.progress-jump{margin-top:15px}

/* Home portraits: hiking above, snake alongside the full biography. */
.home-about{align-items:start}.home-about>.intro-portrait{justify-self:end;width:min(100%,380px)}.home-about .portrait-credit{max-width:none}.hiking-portrait .uploaded-image img{object-position:50% 75%}@media(max-width:700px){.home-about>.intro-portrait{justify-self:start}}