.brand-page{padding-bottom:64px}.brand-heading{padding:48px 0 56px;max-width:920px}.brand-heading h1,.brand-hat h1{font-size:clamp(42px,6.3vw,88px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 28px}.brand-heading em,.brand-hat em{font-style:normal;color:#cf661b}.brand-heading>p{max-width:740px;font-size:19px;line-height:1.7}.brand-projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.brand-photo{display:block;position:relative;background:#eee8df;aspect-ratio:1.4;overflow:hidden}.brand-photo img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.brand-photo:hover img{transform:scale(1.025)}.brand-photo span{position:absolute;bottom:14px;right:14px;background:#fff;padding:9px 12px;font-size:12px}.brand-project .eyebrow{margin:22px 0 10px}.brand-project h2{font-size:28px;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}.brand-project p{line-height:1.6}.brand-project small,figcaption{font-size:12px;color:#62686b;line-height:1.6}.brand-note{padding:32px;margin:52px 0;background:#eee8df;border-left:3px solid #e88527}.brand-note p{line-height:1.75;max-width:860px}.factory-story{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9%;padding:20px 0 70px}.factory-story h2,.brand-location h2{font-size:clamp(32px,4vw,56px);line-height:1.07;letter-spacing:-.04em}.factory-story p,.brand-hat p{line-height:1.8}.factory-video{max-width:360px;margin:0 auto;width:100%}.factory-video video{width:100%;height:auto;display:block;background:#0b1d33;border-radius:4px}.factory-video figcaption{padding-top:12px}.brand-process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #cdc7bd;padding:50px 0}.brand-process h2{font-size:25px;line-height:1.2;letter-spacing:-.03em}.brand-process p{line-height:1.75}.brand-process a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.brand-location{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:44px;background:#eae3d8;margin-top:35px}.brand-location address{font-style:normal;line-height:1.8}.brand-location p{line-height:1.8}.brand-hat{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:35px 0 70px}.brand-hat figure{margin:0}.brand-hat img{width:100%;height:auto}.brand-hat figcaption{margin-top:10px}.brand-hat .btn{margin-top:14px}.brand-location .btn,.factory-story .btn,.brand-hat .btn{white-space:normal;text-align:center}.brand-page a:focus-visible{outline:3px solid #e88527;outline-offset:5px}
@media(max-width:720px){.brand-heading{padding:28px 0 36px}.brand-heading>p{font-size:16px}.brand-projects,.factory-story,.brand-process,.brand-location,.brand-hat{grid-template-columns:1fr}.brand-projects{gap:36px}.brand-project h2{font-size:25px}.factory-story{gap:28px;padding-bottom:40px}.brand-location{padding:25px;gap:16px}.brand-process{gap:20px;padding:32px 0}.brand-hat{padding:20px 0 40px;gap:28px}.brand-note{padding:24px;margin:32px 0}.brand-heading h1,.brand-hat h1{font-size:clamp(38px,10vw,64px)}}

.factory-heading{padding-bottom:38px}.factory-lifestyle{margin:0 0 72px}.factory-lifestyle img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 40%;border-radius:24px}.factory-lifestyle figcaption{margin-top:11px}.factory-story{border-bottom:1px solid #cdc7bd}.factory-method{display:grid;grid-template-columns:1.08fr .92fr;gap:7%;align-items:center;padding:68px 0;border-bottom:1px solid #cdc7bd}.factory-method figure{margin:0}.factory-method img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px}.factory-method figcaption{margin-top:11px}.factory-method h2{font-size:clamp(32px,4vw,55px);line-height:1.06;letter-spacing:-.045em}.factory-method p{line-height:1.75;margin-top:22px}.factory-method ol{list-style:none;padding:0;margin:26px 0 0;counter-reset:factory-step}.factory-method li{position:relative;padding:16px 0 16px 48px;border-top:1px solid #d3ccc1;counter-increment:factory-step}.factory-method li:before{content:counter(factory-step,decimal-leading-zero);position:absolute;left:0;top:18px;color:#b64312;font-size:12px;font-weight:700}.factory-method li strong,.factory-method li span{display:block}.factory-method li strong{font-size:17px}.factory-method li span{font-size:14px;line-height:1.55;color:#56616a;margin-top:3px}
@media(max-width:720px){.factory-lifestyle{margin-bottom:42px}.factory-lifestyle img{aspect-ratio:4/3;border-radius:16px;object-position:63% center}.factory-method{grid-template-columns:1fr;gap:30px;padding:42px 0}.factory-method h2{font-size:38px}.factory-method p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.brand-photo img{transition:none}}


/* Portfolio stories: scoped to the projects page. */
.project-jump{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 44px}.project-jump a{border:1px solid #c9c1b4;padding:12px 18px;font-size:14px;text-decoration:none}.project-jump a:hover{background:#eee8df}.project-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:44px 0 56px;border-top:1px solid #cdc7bd;scroll-margin-top:110px}.project-story figure{margin:0;align-self:start}.project-story figcaption{padding-top:14px;max-width:540px}.project-story figcaption a{text-decoration:underline;text-underline-offset:3px}.project-copy .eyebrow{margin:0 0 18px}.project-copy h2{font-size:clamp(27px,3.2vw,43px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}.project-copy p,.project-copy li{line-height:1.75}.project-copy h3{font-size:16px;margin:24px 0 10px}.project-copy ul{padding-left:20px;margin:0 0 26px}.project-copy .btn{white-space:normal;text-align:center;max-width:100%;min-height:48px}.project-guide{display:block;margin-top:18px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.project-more>h2,.project-faq>h2{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.04em}.project-more .brand-project h3{font-size:25px;line-height:1.2;margin:0 0 12px}.project-faq{max-width:900px;margin:64px auto}.project-faq details{border-bottom:1px solid #cdc7bd}.project-faq summary{cursor:pointer;padding:21px 4px;font-weight:600;line-height:1.5}.project-faq details p{padding:0 4px 20px;line-height:1.75;margin:0}.project-faq summary:focus-visible{outline:3px solid #e88527;outline-offset:3px}
@media(max-width:720px){.project-story{grid-template-columns:1fr;gap:26px;padding:32px 0 40px}.project-jump{margin-bottom:24px;gap:8px}.project-jump a{padding:12px;font-size:13px}.project-copy h2{font-size:30px}.project-copy .btn{width:100%;box-sizing:border-box}.project-faq{margin:44px auto}}
