/* START_SECTION:tjl-reef-home (INDEX:169) */
.tjl-reef #tr-new,.tjl-reef #tr-shop,.tjl-reef #tr-fit,.tjl-reef #tr-story{scroll-margin-top:100px}.tr-new-section{padding:72px 4.5% 78px;background:#f1ece4}.tr-new-section .tr-section-head{margin-bottom:29px}.tr-new-section h2{font-size:clamp(38px,3.9vw,60px);line-height:1.05;margin-top:8px}.tr-new-intro{color:#6e6153;font-size:14px;margin-top:10px!important}.tr-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tr-new-card{min-width:0}.tr-new-image{display:block;aspect-ratio:3/4;overflow:hidden;background:#e1d9cd}.tr-new-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.tr-new-image:hover img{transform:scale(1.03)}.tr-new-card h3{font:500 14px/1.55 Poppins,Arial,sans-serif;margin:15px 0 5px}.tr-new-card>p{font-size:14px}.tr-new-card .tr-view{margin-top:8px}@media(max-width:900px){.tr-new-section{padding:52px 24px}.tr-new-grid{gap:14px}}@media(max-width:600px){.tr-new-section{padding:46px 18px 52px}.tr-new-section h2{font-size:40px}.tr-new-section .tr-section-head{align-items:end}.tr-new-intro{font-size:13px}.tr-new-section .tr-link{font-size:11px}.tr-new-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.tr-new-card h3{font-size:13px;margin-top:12px}.tr-new-card>p{font-size:13px}}
.template-index .body-content-wrapper .wrapper-body{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}.template-index .body-content-wrapper .content-for-layout{overflow:visible}.tjl-reef,.tjl-reef *{box-sizing:border-box}.tjl-reef{--paper:#faf8f4;--ink:#302b25;--line:#ddd6cc;color:var(--ink);background:var(--paper);font:400 16px/1.6 Poppins,Arial,sans-serif;width:100vw;max-width:100%;margin:auto;text-align:left}.tjl-reef a{color:inherit;text-decoration:none}.tjl-reef a:focus-visible,.tjl-reef summary:focus-visible{outline:3px solid #508983;outline-offset:3px}.tjl-reef img{display:block;width:100%;height:auto}.tjl-reef h1,.tjl-reef h2,.tjl-reef h3,.tjl-reef p{margin:0}.tjl-reef h1,.tjl-reef h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}.tjl-reef .tr-kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#766451;font-weight:500}.tr-utility{min-height:31px;padding:5px 4.5%;background:#eee9e0;border-bottom:1px solid #e6dfd4;display:flex;justify-content:space-between;font-size:12px;color:#62574b}.tr-utility div{display:flex;gap:20px}.tr-header{position:sticky;top:0;z-index:30;background:#faf8f4f7;border-bottom:1px solid var(--line);min-height:92px;padding:15px 4.5%;display:flex;align-items:center;gap:24px}.tr-logo{width:196px;flex-shrink:0}.tr-logo img{width:196px;height:49px;object-fit:contain}.tr-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:30px}.tr-desktop-nav a{font-size:14px;padding:12px 0;border-bottom:1px solid transparent}.tr-desktop-nav a:hover{border-color:#82715e}.tr-actions{display:flex;gap:7px;margin-left:16px}.tr-actions a{width:44px;height:44px;display:grid;place-items:center;position:relative}.tr-actions a:hover{background:#ede8df}.tr-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.tr-cart-count{position:absolute;right:0;top:0;font-size:10px}.tr-mobile-menu{display:none}.tr-hero{height:calc(100svh - 172px);min-height:600px;max-height:850px;position:relative;overflow:hidden;background:#d8c8ab}.tr-hero-image{position:absolute;inset:0}.tr-hero-image img{width:100%;height:100%;object-fit:cover}.tr-hero-copy{position:relative;z-index:1;display:flex;align-items:start;justify-content:center;flex-direction:column;width:60%;height:100%;padding:0 4.5%}.tr-hero-copy .tr-kicker{margin-bottom:24px;color:#554537}.tr-hero h1{font-size:clamp(60px,6.6vw,100px);line-height:.97;letter-spacing:-.035em}.tr-hero-copy>p:not(.tr-kicker){font-size:16px;line-height:1.8;max-width:390px;margin-top:24px;color:#4e453a}.tr-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 24px;min-height:52px;margin-top:32px;background:#5b4e3f;color:#fff!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.tr-button:hover{background:#75634f}.tr-button span{font-size:20px}.tr-hero-caption{position:absolute;right:4.5%;bottom:25px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.tr-strip{display:flex;justify-content:center;align-items:center;gap:38px;padding:17px 20px;background:#e9e3d8;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#635748}.tr-strip i{width:3px;height:3px;border-radius:50%;background:#948575}.tr-intro{padding:70px 4.5% 16px;display:grid;grid-template-columns:1fr 3fr 1fr;gap:30px;align-items:start}.tr-intro>.tr-kicker,.tr-intro>p:last-child{padding-top:14px}.tr-intro h2{text-align:center;font-size:clamp(34px,4.1vw,62px);line-height:1.1}.tr-intro h2 em{color:#8b7560}.tr-intro>p:last-child{justify-self:end;font-size:12px;line-height:1.8;letter-spacing:.1em;text-transform:uppercase;color:#786b5c}.tr-section{padding:80px 4.5%}.tr-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.tr-section-head h2{font-size:clamp(34px,3.4vw,52px);line-height:1.1;margin-top:10px}.tr-link{display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid var(--ink);padding:10px 0;font-size:14px;white-space:nowrap}.tr-link:hover{color:#58766f;border-color:#58766f}.tr-link span{font-size:19px}.tr-product-grid,.tr-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tr-product-photo{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#e9e4dc}.tr-product-photo img{height:100%;object-fit:cover;transition:transform .5s}.tr-product-photo:hover img{transform:scale(1.03)}.tr-product-photo span{position:absolute;top:17px;left:17px;background:#faf8f4ef;padding:7px 10px;font-size:12px;color:#544c42}.tr-product-title{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-top:19px}.tr-product-title h3{font:500 15px/1.55 Poppins,Arial,sans-serif}.tr-product-title>span{font-size:14px;white-space:nowrap}.tr-product>p{margin-top:8px;font-size:13px;color:#756957}.tr-view{display:inline-block;margin-top:10px;font-size:12px;text-decoration:underline!important;text-underline-offset:4px}.tr-disclaimer{font-size:12px;color:#756957;margin-top:24px}.tr-editorial,.tr-fit{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#e9e2d6}.tr-editorial-image,.tr-fit-image{overflow:hidden;min-height:500px;max-height:850px}.tr-editorial-image img,.tr-fit-image>img{height:100%;object-fit:cover}.tr-editorial-copy,.tr-fit-copy{padding:65px clamp(32px,6.5vw,110px);display:flex;flex-direction:column;align-items:start;justify-content:center}.tr-editorial-copy h2,.tr-fit-copy h2{font-size:clamp(43px,4.6vw,70px);line-height:1.04;letter-spacing:-.028em;margin:24px 0}.tr-editorial-copy>p:not(.tr-kicker){font-size:16px;line-height:1.85;max-width:410px;color:#635849}.tr-editorial-copy>.tr-link{margin-top:28px}.tr-inseam{border-top:1px solid #cfc3b0;margin-top:36px;padding-top:22px;display:flex;gap:38px;width:100%}.tr-inseam div{display:flex;flex-direction:column}.tr-inseam strong{font:400 30px 'Cormorant Garamond',Georgia,serif}.tr-inseam small{font-size:12px;color:#756653}.tr-looks{gap:20px}.tr-look{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#ddd5ca}.tr-look img{height:100%;object-fit:cover;transition:transform .5s}.tr-look:hover img{transform:scale(1.03)}.tr-look:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#32271bcc)}.tr-look>div{position:absolute;z-index:1;bottom:28px;left:28px;right:25px;color:#fff}.tr-look small{font-size:12px;letter-spacing:.16em}.tr-look h3{font:400 38px/1.1 'Cormorant Garamond',Georgia,serif;margin:7px 0 15px}.tr-look span{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.tr-fit{background:#eee9e0}.tr-fit-image{position:relative}.tr-fit-image>img{object-position:50% 40%}.tr-fit-image>div{position:absolute;left:28px;right:28px;bottom:26px;background:#faf8f4f5;padding:18px 20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#62574b}.tr-fit-image strong{font-size:14px;font-weight:500}.tr-fit-copy h2{font-size:clamp(42px,4.2vw,64px)}.tr-fit-copy ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.tr-fit-copy li{display:grid;grid-template-columns:25px 1fr;gap:17px}.tr-fit-copy li>span{font:400 23px 'Cormorant Garamond',Georgia,serif;color:#958068}.tr-fit-copy li h3{font:500 15px Poppins,Arial,sans-serif;margin:0 0 5px}.tr-fit-copy li p{font-size:14px;line-height:1.8;color:#746858}.tr-fit-copy .tr-link{margin-top:28px}.tr-founder{padding:78px 4.5%;display:grid;grid-template-columns:1fr 1.45fr;gap:9%;align-items:center}.tr-founder h2{font-size:clamp(40px,4.2vw,63px);line-height:1.06;margin:19px 0 20px}.tr-founder>div>p:not(.tr-kicker){font-size:16px;line-height:1.85;color:#736756}.tr-founder .tr-link{margin-top:20px}.tr-founder>a{width:100%;max-width:500px;justify-self:end}.tr-founder>a img{aspect-ratio:4/5;object-fit:contain;background:#b6b6b6}.tr-footer{background:#e9e3d8;padding:60px 4.5% 22px}.tr-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px}.tr-footer-grid>div:first-child img{width:205px;height:60px;object-fit:contain;object-position:left}.tr-footer-grid>div:first-child p{font:400 27px/1.2 'Cormorant Garamond',Georgia,serif;margin-top:18px}.tr-footer-grid h3{font:500 12px Poppins,Arial,sans-serif;letter-spacing:.16em;margin:0 0 19px;text-transform:uppercase}.tr-footer-grid a{display:block;font-size:14px;color:#6c6051;margin-bottom:12px}.tr-footer-grid a:hover{text-decoration:underline}.tr-footer-bottom{border-top:1px solid #cdc2b1;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#736653}
@media(max-width:900px){.tr-header{min-height:75px;padding:10px 20px;display:grid;grid-template-columns:1fr auto 1fr}.tr-desktop-nav{display:none}.tr-mobile-menu{display:block;grid-column:1;grid-row:1}.tr-mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer}.tr-mobile-menu summary::-webkit-details-marker{display:none}.tr-mobile-menu summary span{width:21px;height:1px;background:currentColor}.tr-mobile-menu nav{position:absolute;top:100%;left:0;width:min(86vw,380px);height:calc(100vh - 75px);background:#faf8f4;padding:25px;box-shadow:3px 6px 15px #0002;display:flex;flex-direction:column;z-index:50}.tr-mobile-menu nav a{font:400 30px 'Cormorant Garamond',Georgia,serif;padding:12px 0;border-bottom:1px solid var(--line)}.tr-logo{grid-column:2;grid-row:1;width:156px}.tr-logo img{width:156px;height:45px}.tr-actions{grid-column:3;grid-row:1;justify-self:end;margin:0}.tr-hero{min-height:540px}.tr-hero-copy{width:65%}.tr-utility{justify-content:center}.tr-utility div{display:none}.tr-intro{grid-template-columns:1fr;padding:48px 25px 10px;gap:15px}.tr-intro>.tr-kicker{text-align:center;padding:0}.tr-intro>p:last-child{display:none}.tr-product-title{display:block}.tr-product-title>span{display:block}.tr-editorial-copy,.tr-fit-copy{padding:40px}.tr-founder{gap:30px}.tr-footer-grid{grid-template-columns:repeat(3,1fr);gap:25px}.tr-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.tr-hero{height:auto;min-height:0;display:flex;flex-direction:column}.tr-hero-image{position:relative;order:2;aspect-ratio:1.18}.tr-hero-image img{object-position:73% center}.tr-hero-copy{width:100%;padding:32px 24px 25px;background:#d8c8ab}.tr-hero h1{font-size:56px}.tr-hero h1 br{display:none}.tr-hero-copy .tr-kicker{margin-bottom:14px}.tr-hero-copy>p:not(.tr-kicker){margin-top:16px}.tr-button{margin-top:22px}.tr-hero-caption{display:none}.tr-strip{gap:10px;justify-content:space-around;font-size:11px;letter-spacing:0;padding:15px 12px}.tr-strip>span:last-child,.tr-strip>i:last-of-type{display:none}.tr-intro{padding:40px 24px 0}.tr-intro h2{font-size:38px}.tr-intro h2 br{display:none}.tr-section{padding:43px 18px}.tr-section-head{align-items:center;gap:12px;margin-bottom:24px}.tr-section-head h2{font-size:32px}.tr-section-head .tr-link{font-size:12px;gap:6px}.tr-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 13px}.tr-product:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#eee9e0}.tr-product:nth-child(3) .tr-product-photo{grid-row:1/4}.tr-product:nth-child(3) .tr-product-title{margin:16px 8px 0}.tr-product:nth-child(3)>p,.tr-product:nth-child(3)>.tr-view{margin:0 8px}.tr-product-title h3{font-size:13px}.tr-product-title>span,.tr-product>p{font-size:12px}.tr-product-photo span{font-size:10px;top:8px;left:8px;padding:4px 6px}.tr-editorial,.tr-fit{grid-template-columns:1fr;min-height:0}.tr-editorial-image{min-height:0;aspect-ratio:1/1.1}.tr-editorial-copy{padding:36px 26px 40px}.tr-editorial-copy h2{font-size:47px;margin:16px 0 20px}.tr-inseam{margin-top:27px}.tr-looks{grid-template-columns:1fr 1fr;gap:13px}.tr-look{aspect-ratio:2/3}.tr-look:last-child{grid-column:1/-1;aspect-ratio:1.6}.tr-look>div{left:16px;right:14px;bottom:18px}.tr-look h3{font-size:29px;margin-bottom:10px}.tr-look span,.tr-look small{font-size:11px}.tr-fit-image{min-height:0;aspect-ratio:4/5;max-height:560px}.tr-fit-image>div{left:15px;right:15px;bottom:15px;padding:15px}.tr-fit-copy{padding:35px 26px 42px}.tr-fit-copy h2{font-size:45px;margin:15px 0 25px}.tr-founder{padding:44px 18px;grid-template-columns:1fr;gap:27px}.tr-founder>div{padding:0 8px}.tr-founder h2{font-size:44px}.tr-founder>a{justify-self:center}.tr-footer{padding:38px 24px 20px}.tr-footer-grid{grid-template-columns:1fr 1fr;gap:34px 20px;padding-bottom:35px}.tr-footer-grid>div:first-child,.tr-footer-grid>div:last-child{grid-column:1/-1}.tr-footer-grid>div:first-child img{width:180px;height:45px}.tr-footer-grid>div:first-child p{margin-top:14px}.tr-footer-bottom{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.tjl-reef *{scroll-behavior:auto!important;transition:none!important}}
.tr-desktop-nav .tr-nav-more{position:relative}.tr-desktop-nav .tr-nav-more summary{list-style:none;cursor:pointer;font:400 14px/1.6 Poppins,Arial,sans-serif;padding:12px 0;border-bottom:1px solid transparent;white-space:nowrap}.tr-desktop-nav .tr-nav-more summary::-webkit-details-marker{display:none}.tr-desktop-nav .tr-nav-more summary:hover,.tr-desktop-nav .tr-nav-more[open] summary{border-color:#82715e}.tr-desktop-nav .tr-nav-more summary span{font-size:14px;margin-left:2px}.tr-desktop-nav .tr-nav-submenu{position:absolute;top:calc(100% + 12px);right:0;z-index:60;min-width:220px;padding:13px 20px;background:#faf8f4;border:1px solid #ddd6cc;box-shadow:0 12px 28px #302b251a;display:flex;flex-direction:column;gap:0}.tr-desktop-nav .tr-nav-submenu a{display:block;padding:9px 0;font-size:13px;white-space:nowrap}.tr-mobile-menu nav{overflow-y:auto}.tr-mobile-menu .tr-mobile-group-title{font:500 12px/1.4 Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#766451;margin:20px 0 4px}.tr-mobile-menu nav a{flex-shrink:0}
/* END_SECTION:tjl-reef-home */