@font-face{font-family:"Archivo";src:url("fonts/archivo-wdth.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}

:root{
  --bg:#FAFAFA;--surface:#FFFFFF;--ink:#141414;--accent:#141414;--muted:#6A6A6A;--line:#D8D8D8;--tile:#E8E8E8;--tile-dark:#2E2E2E;
  --wrap:1240px;--gut:clamp(16px,4vw,48px);--section:clamp(64px,9vw,120px);
  --ff:"Archivo","Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.rafeno{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ff);font-size:15px;line-height:1.6;font-weight:400;font-stretch:100%;-webkit-font-smoothing:antialiased}
body.rafeno img{max-width:100%;height:auto}
body.rafeno a{color:inherit}
[hidden]{display:none!important}
.sf-wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.sf-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.sf-skip:focus{left:8px;top:8px}
:where(.sf-header,.sf-hero,.sf-products,.sf-lookbook,.sf-footer) :where(h1,h2,h3,p,ul,li,figure){margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Header */
.sf-header{position:sticky;top:0;z-index:20;background:var(--bg)}
.admin-bar .sf-header{top:32px}
@media(max-width:782px){.admin-bar .sf-header{top:46px}}
.sf-header__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:22px}
.sf-nav{display:flex;gap:clamp(20px,3.2vw,44px)}
.sf-nav--r{justify-content:flex-end}
.sf-nav a,.sf-drawer a{font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.sf-nav a{position:relative;padding-block:4px}
.sf-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.sf-nav a:hover::after{transform:scaleX(1)}
.sf-brand{font-size:15px;font-weight:600;font-stretch:125%;letter-spacing:.42em;text-transform:uppercase;text-decoration:none;margin-right:-.42em}
.sf-burger{display:none;background:none;border:0;padding:8px 0 8px 8px;font:inherit;font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.sf-drawer{background:var(--surface);border-bottom:1px solid var(--line)}
.sf-drawer ul{display:grid;padding:8px var(--gut) 24px}
.sf-drawer a{display:block;padding:14px 0;font-size:13px;border-top:1px solid var(--line)}
.sf-drawer li:first-child a{border-top:0}

/* Buttons */
.sf-btn,body.rafeno .button,body.rafeno .wp-element-button,body.rafeno button.single_add_to_cart_button,body.rafeno input[type=submit],body.rafeno #place_order{display:inline-block;background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;border-radius:0!important;padding:15px 28px;font-family:var(--ff);font-size:12px;font-weight:600;font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1;transition:background .2s ease,color .2s ease}
.sf-btn:hover,body.rafeno .button:hover,body.rafeno .wp-element-button:hover,body.rafeno button.single_add_to_cart_button:hover,body.rafeno input[type=submit]:hover,body.rafeno #place_order:hover{background:transparent!important;color:var(--ink)!important}

/* Hero */
.sf-hero{padding-top:clamp(16px,3vw,40px);background:var(--bg);isolation:isolate}
.sf-hero__in{position:relative;min-height:clamp(520px,64vh,660px)}
.sf-hero__text{padding-top:clamp(40px,9vh,96px);max-width:46%}
.sf-hero__sub,.sf-hero .sf-btn{position:relative;z-index:3}
.sf-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.sf-hero__title{position:relative;z-index:2;font-size:clamp(2.4rem,5.3vw,4.9rem);font-weight:800;font-stretch:125%;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;white-space:nowrap}
.sf-hero__sub{margin-top:28px;max-width:34ch;font-size:13px;line-height:1.55}
.sf-hero .sf-btn{margin-top:28px}
.sf-collage{position:absolute;z-index:1;top:0;bottom:0;left:44%;right:0}
.sf-panel{position:absolute;overflow:hidden}
.sf-panel--a{left:0;top:7%;width:55%;height:80%;background:linear-gradient(165deg,#4C4C4C 0%,#222 100%);clip-path:polygon(0 9%,100% 0,95% 100%,5% 93%)}
.sf-panel--b{left:42%;top:0;width:58%;height:88%;background:linear-gradient(165deg,#F2F2F2 0%,#B9B9B9 100%);clip-path:polygon(7% 0,100% 7%,92% 100%,0 93%)}
.sf-panel .sf-sil{position:absolute;left:50%;bottom:-2%;width:84%;transform:translateX(-50%)}
.sf-panel--a .sf-sil{fill:#5E5E5E}
.sf-panel--b .sf-sil{fill:#A4A4A4}
.sf-sil{display:block}

/* Products */
.sf-products{padding-block:var(--section) 0}
.sf-h2{text-align:center;font-size:clamp(1.8rem,3.6vw,3.1rem);font-weight:800;font-stretch:125%;line-height:1.05;letter-spacing:-.005em;text-transform:uppercase}
.sf-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.sf-filters button{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:9px 20px;font-family:var(--ff);font-size:10.5px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}
.sf-filters button:hover,.sf-filters button.is-active{background:var(--ink);color:#fff}
.sf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,36px) clamp(14px,2vw,28px);margin-top:48px}
.sf-item{text-align:center}
.sf-item a{text-decoration:none;display:block}
.sf-tile{position:relative;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(180deg,#F0F0F0 0%,#E0E0E0 100%);clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}
.sf-tile .sf-sil{position:absolute;left:50%;bottom:3%;width:64%;transform:translateX(-50%);fill:#CBCBCB}
.sf-tile img{display:block;width:100%;height:100%;object-fit:cover}
.sf-item h3{margin-top:16px;font-size:13px;font-weight:500;line-height:1.35}
.sf-price{margin-top:4px;font-size:13px;font-weight:600;font-stretch:112%}
.sf-price del{color:var(--muted);font-weight:400;margin-right:6px}
.sf-price ins{text-decoration:none}

/* Lookbook */
.sf-lookbook{padding-block:var(--section)}
.sf-lookbook__in{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.sf-lookbook__text{position:sticky;top:120px}
.sf-lookbook .sf-h2{text-align:left}
.sf-lookbook__copy{margin-top:24px;max-width:44ch;color:var(--muted)}
.sf-stats{display:flex;gap:clamp(28px,5vw,64px);margin-top:44px}
.sf-stat b{display:block;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;font-stretch:125%;line-height:1}
.sf-stat span{display:block;margin-top:8px;font-size:10.5px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sf-looks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px)}
.sf-look:nth-child(even){margin-top:clamp(28px,5vw,64px)}
.sf-look a{display:block;text-decoration:none}
.sf-look .sf-tile{background:linear-gradient(180deg,#E6E6E6 0%,#D2D2D2 100%)}
.sf-look .sf-tile .sf-sil{fill:#BDBDBD}
.sf-look h3{margin-top:14px;font-size:12px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase}
.sf-look p{font-size:12.5px;color:var(--muted)}

/* Footer */
.sf-footer{border-top:1px solid var(--line);padding-block:56px 32px;background:var(--surface)}
.sf-footer__in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.sf-footer .sf-brand{display:inline-block}
.sf-footer__tag{margin-top:16px;max-width:30ch;color:var(--muted)}
.sf-footer h3{font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.sf-footer li+li{margin-top:8px}
.sf-footer li a{text-decoration:none;color:var(--muted)}
.sf-footer li a:hover{color:var(--ink)}
.sf-footer__base{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}

/* Inner pages */
.sf-page{padding-block:clamp(32px,5vw,64px) var(--section);min-height:50vh}
.sf-page__title{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;font-stretch:125%;line-height:1.05;text-transform:uppercase;margin:0 0 32px}
.sf-content{max-width:78ch}
.sf-page--woo .sf-content,.sf-page--wide .sf-content{max-width:none}
.sf-content :where(h2,h3,h4){font-weight:700;font-stretch:112%;line-height:1.2;margin:1.6em 0 .6em}
.sf-post{padding-block:24px;border-top:1px solid var(--line)}
.sf-post h2{margin:0 0 6px;font-size:1.25rem;font-stretch:112%}
.sf-post a{text-decoration:none}
body.rafeno .woocommerce ul.products li.product .woocommerce-loop-product__title,body.rafeno .woocommerce-loop-product__title{font-family:var(--ff);font-size:13px;font-weight:500}
body.rafeno .price{color:var(--ink);font-weight:600}
body.rafeno .woocommerce div.product .product_title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;font-stretch:125%;text-transform:uppercase;line-height:1.05}
body.rafeno input,body.rafeno select,body.rafeno textarea{border-radius:0;border:1px solid var(--line);padding:11px 12px;font-family:var(--ff);font-size:14px;background:var(--surface)}
body.rafeno .woocommerce-message,body.rafeno .woocommerce-info{border-top-color:var(--ink)}
body.rafeno .woocommerce-message::before,body.rafeno .woocommerce-info::before{color:var(--ink)}

/* Tablet */
@media(max-width:1000px){
  .sf-grid{grid-template-columns:repeat(2,1fr)}
  .sf-lookbook__in{grid-template-columns:1fr}
  .sf-lookbook__text{position:static}
}

/* Phone */
@media(max-width:860px){
  .sf-header__in{grid-template-columns:1fr auto;padding-block:16px}
  .sf-nav--l{display:none}
  .sf-brand{justify-self:start;margin-right:0;grid-row:1;grid-column:1}
  .sf-header__right{display:flex;align-items:center;gap:18px;justify-self:end}
  .sf-nav--r{display:none}
  .sf-burger{display:block}
  .sf-hero__in{min-height:0;padding-bottom:8px}
  .sf-hero__text{max-width:none;padding-top:28px}
  .sf-hero__title{font-size:clamp(2.1rem,10.5vw,3.6rem);white-space:normal}
  .sf-collage{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:min(92vw,520px);margin-top:36px}
  .sf-hero .sf-btn{display:block;text-align:center}
  .sf-footer__in{grid-template-columns:1fr 1fr}
  .sf-footer__in>div:first-child{grid-column:1/-1}
}
@media(min-width:861px){.sf-header__right{display:contents}.sf-cartlink-m{display:none}.sf-drawer{display:none!important}}
@media(max-width:480px){
  .sf-filters button{padding:8px 14px}
  .sf-stats{gap:28px}
  .sf-item h3{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.sf-cartlink-m{font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}

/* Banner */
.sf-banner{padding-top:var(--section)}
.sf-banner__in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--ink);color:#fff;padding:clamp(40px,6vw,88px) clamp(28px,6vw,96px);min-height:clamp(340px,34vw,460px)}
.sf-banner__text{position:relative;z-index:2;max-width:480px}
.sf-banner__title{margin:0;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:800;font-stretch:125%;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.sf-banner__copy{margin:22px 0 0;max-width:36ch;font-size:14px;line-height:1.6;color:#D8D8D8}
.sf-btn.sf-btn--light,body.rafeno .sf-btn.sf-btn--light{display:inline-block;margin-top:30px;background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.sf-btn.sf-btn--light:hover,body.rafeno .sf-btn.sf-btn--light:hover{background:transparent!important;color:#fff!important}
.sf-banner__art{position:absolute;right:clamp(16px,5vw,80px);top:-28px;bottom:-28px;width:38%}
.sf-banner__back,.sf-banner__front{position:absolute;overflow:hidden}
.sf-banner__back{left:-12%;top:10%;width:80%;height:84%;background:#4C4C4C;clip-path:polygon(0 8%,100% 0,94% 100%,6% 94%)}
.sf-banner__front{left:18%;top:0;width:82%;height:100%;background:linear-gradient(165deg,#F2F2F2 0%,#BDBDBD 100%);clip-path:polygon(6% 0,100% 6%,93% 100%,0 94%)}
.sf-banner__front .sf-sil{position:absolute;left:50%;bottom:-2%;width:84%;transform:translateX(-50%);fill:#A4A4A4}
.sf-banner__front img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:860px){
  .sf-banner__in{grid-template-columns:1fr;padding-bottom:0;min-height:0}
  .sf-banner__art{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:min(80vw,380px);margin-top:36px;margin-bottom:-28px}
  .sf-banner__text{max-width:none}
  .sf-btn.sf-btn--light{display:block;text-align:center}
}

/* Shop now buttons */
.sf-item .sf-btn--sm{margin-top:14px;padding:13px 16px;font-size:11px;text-align:center}
body.rafeno form.cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
body.rafeno form.cart .quantity{margin:0;float:none}
body.rafeno form.cart .button{float:none;margin:0}
body.rafeno .button.sf-buynow{background:transparent!important;color:var(--ink)!important}
body.rafeno .button.sf-buynow:hover{background:var(--ink)!important;color:#fff!important}
@media(max-width:480px){body.rafeno form.cart .button{flex:1 1 100%;text-align:center}}

/* Checkout */
body.rafeno #billing_country_field,body.rafeno .woocommerce-shipping-fields,body.rafeno #ship-to-different-address{display:none!important}
body.rafeno form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:clamp(24px,5vw,72px);align-items:start}
body.rafeno form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
body.rafeno form.checkout #customer_details{grid-column:1;grid-row:1/span 2;float:none;width:100%}
body.rafeno form.checkout #order_review_heading{grid-column:2;grid-row:1}
body.rafeno form.checkout #order_review{grid-column:2;grid-row:2;float:none;width:100%}
body.rafeno .woocommerce-checkout .col2-set .col-1,body.rafeno .woocommerce-checkout .col2-set .col-2{float:none;width:100%}
body.rafeno .woocommerce-billing-fields h3,body.rafeno #order_review_heading{margin:0 0 20px;font-size:1.05rem;font-weight:800;font-stretch:125%;text-transform:uppercase;letter-spacing:.01em}
body.rafeno .woocommerce form .form-row{padding:0;margin:0 0 18px}
body.rafeno .woocommerce form .form-row label{margin-bottom:6px;font-size:11px;font-weight:600;font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
body.rafeno .woocommerce form .form-row .required{color:var(--ink);text-decoration:none}
body.rafeno .woocommerce form .form-row input.input-text{height:50px;padding:0 14px;width:100%}
body.rafeno .select2-container .select2-selection--single{height:50px;border:1px solid var(--line);border-radius:0;background:var(--surface)}
body.rafeno .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:14px;color:var(--ink)}
body.rafeno .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:8px}
body.rafeno .select2-dropdown{border-radius:0;border-color:var(--ink)}
body.rafeno #order_review table.shop_table{width:100%;border:0;border-collapse:collapse;margin:0 0 20px}
body.rafeno #order_review table.shop_table th,body.rafeno #order_review table.shop_table td{padding:14px 0;border:0;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top;text-align:left}
body.rafeno #order_review table.shop_table td:last-child,body.rafeno #order_review table.shop_table tfoot td{text-align:right}
body.rafeno #order_review table.shop_table .order-total th,body.rafeno #order_review table.shop_table .order-total td{font-size:16px;font-weight:700}
body.rafeno #payment{background:var(--surface);border:1px solid var(--line);border-radius:0}
body.rafeno #payment ul.payment_methods{padding:16px;border-bottom:1px solid var(--line)}
body.rafeno #payment div.payment_box{background:var(--tile);color:var(--ink);border-radius:0;margin:12px 0 0}
body.rafeno #payment div.payment_box::before{border-bottom-color:var(--tile)}
body.rafeno #payment div.form-row{padding:16px;margin:0}
body.rafeno #place_order{width:100%;float:none;padding:18px 24px}
@media(max-width:860px){
  body.rafeno form.checkout{display:block}
  body.rafeno form.checkout #order_review_heading{margin-top:32px}
}