:root{--forest:#354535;--olive:#5B6A44;--sage:#7A8A6A;--beige:#E6DDCA;--cream:#F6F1E6;--brass:#B08A41;--ink:#293329}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--beige);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--brass);outline-offset:6px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:var(--cream);z-index:10}.skip:focus{top:16px}.site-header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #35453530}.brand{text-decoration:none;font-size:clamp(1.5rem,2.5vw,2rem);white-space:nowrap}.brand-small{font-size:.58em;letter-spacing:2px}nav{display:flex;gap:30px}nav a{text-decoration:none;font:12px/1.5 Arial,sans-serif;letter-spacing:1.2px;padding:10px 0}nav a:hover,.text-link:hover{color:#566745}p{margin:0 0 20px}.eyebrow{font:11px/1.8 Arial,sans-serif;text-transform:uppercase;letter-spacing:2.1px;margin-bottom:25px}h1,h2,h3{font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(2.5rem,4.9vw,5rem);letter-spacing:-1.6px}h2{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-1px;margin-bottom:25px}h3{font-size:1.25rem}em{font-weight:400}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:var(--cream);padding:0}.hero-copy{padding:65px 9% 65px 10%;align-self:center}.hero-description{max-width:400px;margin:28px 0;font-size:1.05rem}.hero-photo{position:relative;min-height:700px}.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 44%}.photo-note{position:absolute;bottom:25px;left:25px;right:25px;text-align:center;font-style:italic;padding:12px;background:#293329cc;color:var(--cream)}.button{display:inline-flex;align-items:center;gap:24px;text-decoration:none;padding:16px 22px;border:1px solid #e6ddca80;font:11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px}.button:hover{background:var(--beige);color:var(--forest)}.ribbon{display:flex;justify-content:center;gap:35px;padding:23px;background:var(--olive);color:var(--cream);font:11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}section{padding:85px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.section-heading p:last-child{max-width:340px}.section-heading h2{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}figure{margin:0}figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}figcaption{padding:18px 0;border-bottom:1px solid #35453540}figcaption h3{font-size:1.2rem}figcaption p{margin:8px 0 0;font-size:.9rem}.gallery-note{padding:40px 28px;background:var(--olive);color:var(--cream);display:flex;flex-direction:column;justify-content:center}.gallery-note h3{font-size:2.6rem;margin-bottom:25px}.text-link{font-size:.95rem}.gallery-note .text-link:hover{color:var(--beige)}.process{background:var(--forest);color:var(--cream);text-align:center}.process p:not(.eyebrow){max-width:650px;margin:20px auto}.maker{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:9%;background:#d5cbb6}.portrait{min-width:0;max-width:360px;justify-self:center}.portrait img{width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:8px}.maker-copy{max-width:510px}.brand-story{display:grid;grid-template-columns:1fr .5fr;align-items:center;gap:8%}.brand-story>div{max-width:640px}.duck{width:270px;max-height:290px;object-fit:contain;justify-self:center}.contact{background:var(--olive);color:var(--cream);text-align:center}.contact>p{max-width:600px;margin-left:auto;margin-right:auto}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:30px}.contact-links a{font:12px/1.7 Arial,sans-serif;padding:8px;letter-spacing:1px}footer{padding:45px 7%;text-align:center;background:var(--forest);color:var(--cream)}.footer-brand{font-size:1.8rem;text-decoration:none}footer p{margin:12px 0}footer>a:not(.footer-brand){font-size:.95rem}.copyright{font:11px/1.7 Arial,sans-serif;padding-top:20px;letter-spacing:.5px}@media(min-width:1500px){.hero-copy{padding-left:14%}.hero-photo{min-height:780px}}@media(max-width:950px){.site-header{flex-direction:column;gap:10px}.hero-copy{padding:45px 8%}.hero-photo{min-height:590px}h1{font-size:clamp(2.3rem,5vw,3.5rem)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:25px}}@media(max-width:600px){.brand{font-size:1.8rem}nav{gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7%}h1{font-size:clamp(2.5rem,9.5vw,3.5rem)}.desktop-break{display:none}.hero-photo{min-height:0;aspect-ratio:4/5}.hero-photo img{object-position:50% 42%}.ribbon{gap:12px;padding:18px 10px;font-size:9px;letter-spacing:.7px}.section-heading{display:block}.section-heading>p{margin-top:22px}section{padding:55px 6%}.gallery{gap:28px 16px}.gallery-note{grid-column:1/-1;padding:30px}.gallery-note h3{font-size:2.3rem}figcaption h3{font-size:1.05rem}figcaption p{font-size:.8rem}.maker{grid-template-columns:1fr;gap:35px}.portrait{width:min(100%,240px);margin:0 auto}.portrait img{height:auto;max-height:320px}.brand-story{grid-template-columns:1fr;gap:25px}.duck{width:170px}.contact-links{gap:15px}footer>a:not(.footer-brand){overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* A quieter portrait and alternating, organically framed product stories. */
.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 65%;border-radius:0}
.gallery{display:flex;flex-direction:column;gap:56px;max-width:980px;margin:0 auto}
.gallery figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9%}
.gallery figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:39% 45% 37% 43% / 28% 34% 37% 32%}
.gallery figure:nth-of-type(even) img{grid-column:2;grid-row:1;border-radius:44% 36% 46% 38% / 34% 29% 32% 38%}
.gallery figure:nth-of-type(even) figcaption{grid-column:1;grid-row:1}
.gallery figure:nth-of-type(3n) img{border-radius:36% 43% 39% 46% / 33% 28% 38% 31%}
.gallery figcaption{border:0;padding:20px 0}
.gallery figcaption h3{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.2}
.gallery figcaption p{font-size:1rem;line-height:1.7;margin-top:16px;max-width:320px}
.gallery-note{align-self:center;max-width:620px;width:100%;padding:40px;border-radius:30px 42px 34px 24px}
@media(max-width:600px){
 .gallery{gap:36px}
 .gallery figure{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%}
 .gallery figure:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .gallery figcaption{padding:8px 0}
 .gallery figcaption h3{font-size:clamp(1rem,4.4vw,1.3rem)}
 .gallery figcaption p{font-size:.85rem;line-height:1.5;margin-top:10px}
 .gallery-note{padding:28px}
 .portrait img{max-height:240px}
}

/* A lighter beige distinguishes the frame from the page background. */
.gallery figure img{border:5mm solid #F0E7D6;box-shadow:0 0 0 1px #35453518}
/* Warm brown-orange frames follow each organic photo contour. */
.gallery figure img{border:2mm solid #A66B46;box-shadow:0 0 0 1px #35453518}

.contact-links a{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:10px;text-decoration:none;border-radius:50%}.contact-links svg{display:block;width:34px;height:34px}.contact-links a:hover{background:#f6f1e620}

.site-header nav a{text-transform:uppercase}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.story-page-intro{background:var(--forest);color:var(--cream);text-align:center}.story-page-intro p:last-child{margin:24px auto 0;max-width:500px}.story-back{text-align:center;padding-top:0}@media(max-width:360px){nav{gap:14px}nav a{font-size:10px;letter-spacing:.8px}}

.contact-details{text-align:center}.contact-details>p{max-width:560px;margin:0 auto 24px}.contact-email{display:inline-block;font-size:clamp(1.15rem,4vw,1.8rem);overflow-wrap:anywhere;max-width:100%}.contact-details .contact-location{margin-top:30px;font-size:.95rem}.social-handles{margin-top:24px}.social-handles p{margin:8px 0;font-size:.95rem}

/* The dedicated gallery wall: organic frames with details on hover or tap. */
.gallery-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;max-width:1200px;margin:0 auto}
.gallery-piece{min-width:0}
.gallery-reveal{--shape:39% 45% 37% 43% / 28% 34% 37% 32%;position:relative;display:block;width:100%;padding:0;border:2mm solid #A66B46;border-radius:var(--shape);overflow:hidden;background:var(--forest);color:var(--cream);font:inherit;cursor:pointer;aspect-ratio:4/5}
.gallery-piece:nth-child(even) .gallery-reveal{--shape:44% 36% 46% 38% / 34% 29% 32% 38%}
.gallery-piece:nth-child(3n) .gallery-reveal{--shape:36% 43% 39% 46% / 33% 28% 38% 31%}
.gallery-reveal img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.piece-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:13%;background:rgba(25,36,25,.82);opacity:0;transition:opacity .22s ease;pointer-events:none;text-align:center}
.piece-title{display:block;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.2}
.piece-description{display:block;font-size:.95rem;line-height:1.5}
.gallery-reveal[aria-expanded="true"] .piece-overlay,.gallery-reveal:focus-visible .piece-overlay{opacity:1}
.gallery-reveal:focus-visible{outline:3px solid var(--forest);outline-offset:5px}
@media(hover:hover){.gallery-reveal:hover .piece-overlay{opacity:1}}
@media(max-width:850px){.gallery-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:600px){.piece-overlay{padding:12%;gap:8px}.piece-title{font-size:1rem}.piece-description{font-size:.78rem;line-height:1.4}.gallery-wall{gap:24px 14px}}
@media(max-width:380px){.gallery-wall{grid-template-columns:1fr;max-width:280px}.piece-title{font-size:1.3rem}.piece-description{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.piece-overlay{transition:none}}

/* Supplied Olive Feather wordmarks, scaled without cropping. */
.site-header .brand{display:block;flex-shrink:0;width:min(380px,100%);max-width:100%}.brand-wordmark{display:block;width:100%;height:auto;aspect-ratio:auto}.footer-brand{display:block;width:min(440px,100%);margin:0 auto 22px}.footer-wordmark{display:block;width:100%;height:auto;aspect-ratio:auto}@media(max-width:600px){.site-header .brand{width:min(340px,100%)}.footer-brand{width:min(340px,100%)}}

/* The supplied Lightning illustration has two quiet homes. */
.duck-visit{display:flex;flex-direction:column;align-items:center;gap:14px;padding:38px 6% 42px;background:var(--cream);color:var(--forest);text-align:center}.duck-visit>a:first-child{display:block;width:140px;max-width:100%}.duck-visit img{display:block;width:100%;height:auto}.brand-story .story-duck{width:210px;height:auto;max-height:none;object-fit:contain}@media(max-width:600px){.duck-visit>a:first-child{width:120px}.brand-story .story-duck{width:180px}}

/* Lightning quietly occupies the social section corner, without a link. */
.homepage-duck{display:block;width:110px;height:auto;max-width:100%;margin:24px 0 -32px auto;pointer-events:none;user-select:none}@media(max-width:600px){.homepage-duck{width:90px;margin-top:20px;margin-bottom:-20px}}