@import"https://fonts.googleapis.com/css2?family=Callistoga&display=swap";.brand-story-page{--brand-display: "Callistoga", "Cormorant Garamond", serif;--color-gold: #C9A84C;background:var(--color-brown);color:var(--color-cream);overflow:hidden}.page-shell{width:min(1320px,92vw);margin:0 auto}.brand-story-page h1,.brand-story-page h2{margin:0;color:var(--color-gold);font-family:var(--brand-display);font-weight:400;letter-spacing:-.045em;line-height:.82}.brand-story-page h1{font-size:clamp(82px,9.5vw,148px)}.brand-story-page h2{font-size:clamp(70px,8.3vw,124px)}.brand-story-kicker{margin:42px 0 34px;font-family:Cormorant Garamond,serif;font-size:clamp(20px,2.1vw,34px);font-style:italic;line-height:1.12}.brand-story-body{max-width:610px;font-size:13px;font-weight:700;line-height:1.42;text-transform:uppercase}.brand-story-body p{margin:0 0 10px}.brand-story-body p:last-child{margin-bottom:0}.brand-story-statement{margin:38px 0 0;color:var(--color-gold);font-size:20px;font-weight:800;line-height:1.22}.brand-story-intro{display:grid;grid-template-columns:1fr 1.12fr;align-items:start;min-height:0;padding:80px 0 30px}.brand-story-intro__portrait{align-self:end}.brand-story-intro__portrait img{width:100%;max-height:850px;object-fit:contain;object-position:center bottom}.brand-story-intro__heading-art{display:block;width:min(100%,416px);height:auto}.brand-story-intro__heading-text,.brand-insignia__heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand-story-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:280px;border:1px solid rgba(201,168,76,.45);background:#c9a84c0d;color:var(--color-gold);font-size:11px;font-weight:700;letter-spacing:.12em}.brand-process{display:grid;grid-template-columns:1.12fr 1fr;gap:6vw;align-items:start;min-height:0;padding:80px 0}.brand-process__collage{position:relative;height:720px}.brand-collage-image{position:absolute;margin:0}.brand-collage-image img:not(.brand-tape){width:100%;height:100%;object-fit:cover}.brand-collage-image--1{left:0;top:120px;width:50%;height:410px}.brand-collage-image--2{right:0;top:0;width:48%;height:430px}.brand-collage-image--3{right:12%;bottom:0;width:43%;height:360px}.brand-tape{position:absolute;z-index:4;top:-58px;left:26%;width:190px;height:120px;object-fit:contain;pointer-events:none;transform:rotate(3deg)}.brand-collage-image--1 .brand-tape{transform:rotate(-7deg)}.brand-collage-image--2 .brand-tape{left:36%;transform:rotate(5deg)}.brand-collage-image--3 .brand-tape{left:20%;transform:rotate(-3deg)}.brand-tape--top{top:-58px;left:25%}.brand-tape--corner{top:auto;left:auto;right:-62px;bottom:-52px;transform:rotate(-46deg)}.brand-tape--side{top:32%;left:-74px;transform:rotate(82deg)}.brand-process__heading-art{display:block;width:min(100%,578px);height:auto;margin:0}.brand-process__heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand-story-plus{margin:12px 0 48px;color:var(--color-cream);font-family:Callistoga,Cormorant Garamond,serif;font-size:32px;font-weight:400;line-height:1.05;text-align:right}.brand-insignia{position:relative;min-height:1150px;padding:70px 0 120px}.brand-insignia__heading{position:absolute;left:0;top:70px;z-index:2}.brand-insignia__heading-art{display:block;width:min(42vw,563px);height:auto}.brand-insignia__mark{position:absolute;left:9%;top:390px;z-index:3;width:clamp(105px,10vw,145px)}.brand-insignia__mark img{width:100%;height:auto}.brand-insignia__danfo{position:absolute;right:0;top:70px;width:52%;height:600px;margin:0}.brand-insignia__craft{position:absolute;left:2%;bottom:120px;width:38%;height:520px;margin:0}.brand-insignia__danfo>img:not(.brand-tape),.brand-insignia__craft>img:not(.brand-tape){width:100%;height:100%;object-fit:cover}.brand-insignia__copy{position:absolute;right:0;bottom:120px;width:48%;margin:0;color:var(--color-gold);font-size:15px;font-weight:800;line-height:1.34}.brand-insignia__arrow{position:absolute;z-index:5;width:390px;height:auto;pointer-events:none}.brand-insignia__arrow--one{left:24%;top:430px;transform:rotate(4deg)}.brand-insignia__symbol{position:absolute;z-index:5;right:4%;bottom:395px;width:clamp(180px,25vw,316px);height:auto}.brand-insignia__arrow--two{left:40%;bottom:250px;transform:rotate(154deg)}@media(max-width:989px){.brand-story-page h1{font-size:clamp(62px,16vw,100px);line-height:.86}.brand-story-page h2{font-size:clamp(58px,14vw,94px);line-height:.86}.brand-story-intro{grid-template-columns:1fr;min-height:0;padding-top:65px}.brand-story-intro__portrait{margin-top:40px}.brand-story-intro__portrait img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.brand-process{grid-template-columns:1fr;min-height:0;gap:48px}.brand-process__collage{order:2;height:650px}.brand-process__copy{order:1}.brand-story-plus{margin-top:10px;text-align:left}.brand-insignia{display:grid;gap:42px;min-height:0;padding:60px 0 100px}.brand-insignia__heading,.brand-insignia__mark,.brand-insignia__danfo,.brand-insignia__craft,.brand-insignia__copy{position:relative;inset:auto;width:100%}.brand-insignia__heading-art{width:min(88vw,563px)}.brand-insignia__mark{width:clamp(82px,22vw,118px);margin-left:4vw}.brand-insignia__danfo,.brand-insignia__craft{height:auto;aspect-ratio:4/3}.brand-insignia__danfo>img:not(.brand-tape),.brand-insignia__craft>img:not(.brand-tape){display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-insignia__arrow{display:block;position:relative;inset:auto;width:min(82%,390px);margin:-20px auto -10px}.brand-insignia__symbol{display:block;position:relative;inset:auto;width:min(62vw,270px);margin:2px 4vw -24px auto}.brand-insignia__arrow--two{transform:rotate(154deg)}.brand-tape{width:150px;height:96px;top:-48px}.brand-tape--corner{top:auto;bottom:-44px;right:-38px;left:auto}.brand-tape--side{top:30%;left:-52px}}@media(max-width:599px){.brand-story-page{overflow-x:clip}.page-shell{width:calc(100% - 44px);max-width:396px}.brand-story-intro{display:block;padding:50px 0 0}.brand-story-intro__heading-art{width:78%;max-width:308px}.brand-story-kicker{margin:15px 0 17px;font-size:15px;line-height:1.08}.brand-story-body{max-width:100%;font-size:10px;line-height:1.12;letter-spacing:-.01em}.brand-story-body p{margin-bottom:7px}.brand-story-statement{max-width:310px;margin-top:23px;font-size:14px;line-height:1.12}.brand-story-intro__portrait{width:calc(100% + 44px);margin:25px 0 0 -22px}.brand-story-intro__portrait img{width:100%;max-height:none}.brand-process{display:flex;flex-direction:column;gap:18px;padding:24px 0 12px}.brand-process__copy{width:100%}.brand-process__heading-art{width:94%;margin-left:auto}.brand-story-plus{margin:8px 0 34px;font-family:Callistoga,Cormorant Garamond,serif;font-size:17px;line-height:1;text-align:right}.brand-process .brand-story-statement{max-width:none;margin-top:23px}.brand-process__collage{width:100%;height:680px;overflow:visible}.brand-collage-image img:not(.brand-tape){display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-collage-image--1{left:0;top:128px;width:55%;height:285px;z-index:1}.brand-collage-image--2{right:13%;top:auto;bottom:0;width:57%;height:330px;z-index:3}.brand-collage-image--3{right:0;top:0;width:51%;height:270px;z-index:2}.brand-tape{top:-37px;left:19%;width:126px;height:76px}.brand-collage-image--1 .brand-tape{left:6%}.brand-collage-image--2 .brand-tape{left:30%}.brand-collage-image--3 .brand-tape{left:19%}.brand-insignia{display:flex;flex-direction:column;gap:0;padding:12px 0 72px}.brand-insignia__heading{order:1;width:100%}.brand-insignia__heading-art{width:100%}.brand-insignia__heading .brand-story-plus{margin:8px 0 36px}.brand-insignia__danfo{order:2;width:100%;height:auto;aspect-ratio:.78}.brand-insignia__danfo>img:not(.brand-tape){object-position:center}.brand-insignia__arrow--one{order:3;width:76%;margin:-49px auto -14px 8%;transform:rotate(62.93deg) scaleX(-1)}.brand-insignia__mark{order:4;width:24%;margin:-42px 14% 32px auto}.brand-insignia__craft{order:5;width:88%;height:auto;aspect-ratio:.72;margin-left:3%}.brand-insignia__arrow--two{order:6;width:72%;margin:-58px auto -23px 0;transform:rotate(62.93deg) scaleX(-1)}.brand-insignia__symbol{order:7;width:50%;margin:-30px 2% 66px auto}.brand-insignia__copy{order:8;width:100%;margin:0;font-size:9px;line-height:1.18}.brand-insignia .brand-tape{width:126px;height:76px;top:-37px}.brand-insignia .brand-tape--corner{top:auto;right:-35px;bottom:-34px;left:auto}.brand-insignia .brand-tape--side{top:31%;left:-46px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/brand-story-page.css.map */