@font-face{font-family:'Rocco Serif';src:url(//roccoandherfriends.com/cdn/shop/t/30/assets/rocco-instrument.woff2?v=176093838886440501441793566789) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Rocco Serif';src:url(//roccoandherfriends.com/cdn/shop/t/30/assets/rocco-instrument-italic.woff2?v=49754301505854499401793566789) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Rocco Sans';src:url(//roccoandherfriends.com/cdn/shop/t/30/assets/rocco-archivo.woff2?v=157414526999113898431793566789) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:'Rocco Mono';src:url(//roccoandherfriends.com/cdn/shop/t/30/assets/rocco-courier.woff2?v=171328478280097602261793566789) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Rocco Mono';src:url(//roccoandherfriends.com/cdn/shop/t/30/assets/rocco-courier-bold.woff2?v=73879161596582747451793566789) format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--r-paper:#F4EEE3;--r-paper-deep:#ECE3D3;--r-ink:#1D4E89;--r-text:#1F2633;--r-muted:#5C6474;--r-red:#B8202A;--r-rule:rgba(29,78,137,0.22);--r-display:'Rocco Serif','Times New Roman',Georgia,serif;--r-body:'Rocco Sans','Helvetica Neue',Arial,sans-serif;--r-mono:'Rocco Mono','Courier New',Courier,monospace;--r-max:1240px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body.r-body{margin:0;background:var(--r-paper);color:var(--r-text);font-family:var(--r-body);font-size:16px;line-height:1.55}.r-body a{color:inherit}.r-body img{display:block;max-width:100%;height:auto}.r-wrap{max-width:var(--r-max);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.r-mono{font-family:var(--r-mono);font-weight:700;font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase}.r-display{font-family:var(--r-display);font-weight:400;line-height:1.02;text-wrap:balance;color:var(--r-ink);margin:0}.r-h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}.r-h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:12px}.r-ink{color:var(--r-ink)}.r-muted{color:var(--r-muted)}.r-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.r-skip{position:absolute;left:-999px;top:0;background:var(--r-ink);color:var(--r-paper);padding:8px 12px;z-index:20}.r-skip:focus{left:8px}.r-body :focus-visible{outline:2px solid var(--r-red);outline-offset:3px}.r-rte p{margin:0 0 10px}.r-rte ul{margin:0;padding-left:1.1em}.r-rte li{margin:2px 0}.r-announce{border-bottom:1px solid var(--r-rule);color:var(--r-ink)}.r-announce .r-wrap{padding-block:9px;text-align:center;font-size:0.68rem}.r-site{position:sticky;top:0;z-index:5;background:var(--r-paper);border-bottom:1px solid var(--r-rule)}.r-site__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:14px}.r-nav{display:flex;gap:22px;flex-wrap:wrap;color:var(--r-ink)}.r-nav a{text-decoration:none;font-size:0.72rem}.r-nav a:hover{color:var(--r-red)}.r-nav--right{justify-content:flex-end}.r-logo{display:block;color:var(--r-ink);text-decoration:none}.r-logo img{height:58px;width:auto}.r-hero{position:relative}.r-hero img{width:100%;height:clamp(320px,62vw,720px);object-fit:cover;object-position:50% 45%}.r-cap{position:absolute;left:max(16px,env(safe-area-inset-left,0px));bottom:18px;color:#F4EEE3;font-size:0.68rem}.r-mood .r-wrap{padding-block:32px}.r-mood__in{position:relative}.r-mood__in img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.r-mood .r-cap{left:18px}.r-sec .r-wrap{padding-block:56px}.r-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--r-ink);padding-top:12px;margin-bottom:32px;color:var(--r-ink)}.r-label a{text-decoration:none}.r-lede{max-width:56ch;color:var(--r-muted);margin:0 0 32px}.r-lede p{margin:0}.r-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.r-card{text-decoration:none;display:grid;gap:10px;align-content:start}.r-card__ph{position:relative;background:var(--r-paper-deep);aspect-ratio:1;overflow:hidden}.r-card__ph img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.r-card__ph .r-card__alt{position:absolute;inset:0;opacity:0}.r-card:hover .r-card__alt{opacity:1}.r-card__name{font-family:var(--r-display);font-size:1.6rem;line-height:1.05;color:var(--r-ink)}.r-card__desc{font-family:var(--r-display);font-style:italic;font-size:1.15rem;line-height:1.25;color:var(--r-text)}.r-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--r-text);font-size:0.74rem;letter-spacing:0.1em}.r-card.is-out .r-card__name,.r-card.is-out .r-card__meta{color:var(--r-muted)}.r-badge{position:absolute;top:14px;left:14px;background:var(--r-paper);color:var(--r-red);border:1.5px solid var(--r-red);padding:4px 9px;font-size:0.66rem;transform:rotate(-3deg)}.r-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;padding-block:72px}.r-split__txt{display:grid;gap:18px;justify-items:start}.r-slip{background:#FAF8F2;padding:28px;box-shadow:0 1px 0 var(--r-rule),0 18px 40px -28px rgba(31,38,51,.45);transform:rotate(-1.2deg);max-width:380px;justify-self:center}.r-links{display:flex;gap:24px;flex-wrap:wrap;color:var(--r-ink)}.r-links a{text-decoration:none;border-bottom:1px solid var(--r-ink);padding-bottom:2px}.r-about__img img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.r-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.r-looks figure{margin:0;display:grid;gap:10px}.r-looks img{width:100%;aspect-ratio:1;object-fit:cover}.r-looks figcaption{color:var(--r-muted);font-size:0.66rem}.r-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.r-book{aspect-ratio:3 / 4;display:grid;align-content:space-between;padding:22px;color:var(--r-paper)}.r-book__t{font-family:var(--r-display);font-style:italic;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1}.r-notify{display:flex;flex-wrap:wrap;max-width:520px;margin-top:28px;border:1px solid var(--r-ink)}.r-notify input[type="email"]{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;font:inherit;color:var(--r-text)}.r-notify button,.r-btn{border:0;background:var(--r-ink);color:var(--r-paper);font-family:var(--r-mono);font-weight:700;font-size:0.74rem;letter-spacing:0.2em;text-transform:uppercase;padding:12px 18px;cursor:pointer}.r-notify button:hover,.r-btn:hover{background:var(--r-red)}.r-btn[disabled]{background:var(--r-muted);cursor:not-allowed}.r-btn--ghost{background:transparent;color:var(--r-ink);border:1px solid var(--r-ink)}.r-btn--ghost:hover{background:var(--r-paper-deep)}.r-formmsg{flex-basis:100%;margin:0;padding:10px 14px;color:var(--r-ink);border-top:1px solid var(--r-rule)}.r-news{border-top:1px solid var(--r-rule);border-bottom:1px solid var(--r-rule);background:var(--r-paper-deep)}.r-news__in{padding-block:56px;display:grid;justify-items:center;text-align:center;gap:10px}.r-news__in p{margin:0}.r-news .r-notify{width:100%;margin-top:18px}.r-footer__in{padding-block:56px 40px;display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;color:var(--r-ink)}.r-footer ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-family:var(--r-mono);font-size:0.85rem}.r-footer ul a{text-decoration:none}.r-footer .r-logo img{height:52px}.r-small{color:var(--r-muted);margin-top:14px;font-size:0.68rem}.r-pdp__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding-block:32px 88px}.r-crumb{grid-column:1 / -1;color:var(--r-ink);font-size:0.68rem}.r-crumb a{text-decoration:none}.r-gallery{display:grid;gap:12px;align-content:start}.r-gallery__main{background:var(--r-paper-deep);aspect-ratio:1}.r-gallery__main img{width:100%;height:100%;object-fit:cover}.r-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.r-thumbs button{padding:0;border:1px solid transparent;background:var(--r-paper-deep);cursor:pointer;aspect-ratio:1}.r-thumbs button[aria-pressed="true"]{border-color:var(--r-ink)}.r-thumbs img{width:100%;height:100%;object-fit:cover}.r-buy{display:grid;gap:18px;align-content:start;position:sticky;top:104px}.r-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:1.1rem;letter-spacing:0.06em;color:var(--r-text)}.r-price small{font-size:0.66rem;color:var(--r-muted);letter-spacing:0.06em;text-transform:none;font-weight:400}.r-pdp__text p:first-child{font-family:var(--r-display);font-style:italic;font-size:1.45rem;line-height:1.2;color:var(--r-text);margin-bottom:14px}.r-pdp__text img{display:none}.r-buyform{display:grid;gap:18px}.r-sizes__head{margin-bottom:10px}.r-sizes{display:flex;flex-wrap:wrap;gap:8px}.r-sizes button{min-width:52px;padding:10px 0;background:transparent;border:1px solid var(--r-rule);font-family:var(--r-mono);font-weight:700;font-size:0.85rem;color:var(--r-text);cursor:pointer}.r-sizes button[aria-pressed="true"]{border-color:var(--r-ink);background:var(--r-ink);color:var(--r-paper)}.r-sizes button.is-out{text-decoration:line-through;color:var(--r-muted)}.r-buyform .r-btn{padding:16px 18px;width:100%;font-size:0.78rem}.r-fine{margin:0;color:var(--r-muted);font-size:0.68rem}.r-details details{border-top:1px solid var(--r-rule);padding:12px 0}.r-details details:last-child{border-bottom:1px solid var(--r-rule)}.r-details summary{cursor:pointer;color:var(--r-ink);font-family:var(--r-mono);font-weight:700;font-size:0.74rem;letter-spacing:0.2em;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between}.r-details summary::-webkit-details-marker{display:none}.r-details summary::after{content:"+"}.r-details details[open] summary::after{content:"–"}.r-details .r-rte{margin-top:10px;color:var(--r-muted);font-size:0.95rem}.r-lines{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:20px}.r-line{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:20px;align-items:start;border-bottom:1px solid var(--r-rule);padding-bottom:20px}.r-line__img{background:var(--r-paper-deep);aspect-ratio:1;display:block}.r-line__img img{width:100%;height:100%;object-fit:cover}.r-line__txt{display:grid;gap:8px;justify-items:start}.r-line__name{font-family:var(--r-display);font-size:1.5rem;line-height:1.05;color:var(--r-ink);text-decoration:none}.r-qty input{width:64px;margin-left:8px;padding:6px;border:1px solid var(--r-rule);background:transparent;font:inherit}.r-remove{color:var(--r-muted);font-size:0.66rem}.r-total{display:grid;gap:12px;justify-items:end}.r-total__row{display:flex;gap:32px;font-size:0.95rem}.r-total__btns{display:flex;gap:12px;flex-wrap:wrap}.r-page{max-width:760px;display:grid;gap:24px}.r-pages{justify-content:center;margin-top:40px}@media (max-width:900px){.r-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.r-split,.r-pdp__in{grid-template-columns:minmax(0,1fr);gap:40px}.r-footer__in{grid-template-columns:repeat(2,minmax(0,1fr))}.r-buy{position:static}}@media (max-width:640px){.r-site__in{grid-template-columns:1fr;justify-items:center;gap:10px}.r-nav,.r-nav--right{justify-content:center;gap:16px}.r-logo img{height:46px}.r-card__name{font-size:1.3rem}.r-looks{grid-template-columns:minmax(0,1fr)}.r-books{gap:10px}.r-book{padding:12px}.r-line{grid-template-columns:80px minmax(0,1fr)}.r-line__price{grid-column:2}}@media (prefers-reduced-motion:reduce){.r-card__ph img{transition:none}}