main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]){--editorial-ink: #111;--editorial-muted: #686868;--editorial-line: #dedede;--editorial-gutter: clamp(24px, 5vw, 88px);color:var(--editorial-ink);background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased}main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]) :is(h1,h2,h3){color:var(--editorial-ink);font-family:inherit;font-style:normal;font-weight:500;overflow-wrap:anywhere}main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]) h1{margin:0;font-size:clamp(44px,5.6vw,80px);line-height:1.06;letter-spacing:-.05em;text-wrap:balance}main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]) h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]) :is(a,button):focus-visible{outline:2px solid var(--editorial-ink);outline-offset:5px}main:is([data-template=blog],[data-template=article],[data-template-suffix=contact]):lang(zh) :is(h1,h2,h3){letter-spacing:0;line-height:1.2;word-break:normal}main[data-template=blog] .main-blog{box-sizing:border-box;width:100%;max-width:1616px;margin-inline:auto;padding:80px var(--editorial-gutter) 96px}main[data-template=blog] .actra-editorial-eyebrow{margin:0 0 24px;color:var(--editorial-muted);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.03em}main[data-template=blog] .actra-blog-header{margin-bottom:48px}main[data-template=blog] .actra-blog-empty{padding:clamp(28px,5vw,72px);border-radius:24px;background:#f5f5f5}main[data-template=blog] .actra-blog-empty__copy{max-width:660px}main[data-template=blog] .actra-blog-empty h2{margin:0;max-width:20ch}main[data-template=blog] .actra-blog-empty p{max-width:44ch;margin:24px 0 0;color:var(--editorial-muted);font-size:20px;line-height:1.5}main[data-template=blog] .actra-editorial-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;margin-top:32px;padding:12px 24px;border:1px solid #111;border-radius:999px;color:#fff;background:#111;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none}main[data-template=blog] .actra-editorial-button:hover{background:#343434}main[data-template=blog] .blog-articles{gap:48px 32px}main[data-template=blog] .blog-articles__article{min-width:0;align-items:flex-start}main[data-template=blog] .article-card{border:0;background:transparent}main[data-template=blog] .article-card .card__inner{border-radius:20px;overflow:hidden}main[data-template=blog] .article-card.card--media .card__inner{--ratio-percent: 56.25% !important}main[data-template=blog] .article-card .card__media{top:0;right:0;bottom:0;left:0;width:100%}main[data-template=blog] .article-card .card__information{padding:24px 0 0}main[data-template=blog] .article-card .card__heading{margin:0 0 12px;font-size:clamp(24px,2.2vw,32px);line-height:1.18;letter-spacing:-.03em}main[data-template=blog] .article-card__info{color:var(--editorial-muted);font-size:13px;line-height:1.5;letter-spacing:0}main[data-template=blog] .article-card__excerpt{margin:16px 0 0;color:var(--editorial-muted);font-size:17px;line-height:1.6;letter-spacing:0}main[data-template=article] .article-template{box-sizing:border-box;max-width:1616px;margin-inline:auto;padding:80px var(--editorial-gutter) 88px}main[data-template=article] .article-template>header{width:100%;max-width:960px;margin:0 auto 40px;padding:0;line-height:1.5}main[data-template=article] .article-template__title:not(:only-child){margin-bottom:24px}main[data-template=article] .article-template>header .caption-with-letter-spacing{color:var(--editorial-muted);font-size:13px;line-height:1.5;letter-spacing:0}main[data-template=article] .article-template__hero-container{width:100%;max-width:none;margin:0 auto 48px;border-radius:24px;overflow:hidden}main[data-template=article] :is(.article-template__content,.article-template__social-sharing,.article-template__comment-wrapper>.page-width){box-sizing:border-box;width:100%;max-width:760px;margin-inline:auto;padding-inline:0}main[data-template=article] .article-template__content{margin-block:40px;font-size:17px;line-height:1.65;overflow-wrap:anywhere}main[data-template=article] .article-template__content :is(img,video,iframe){max-width:100%}main[data-template=article] .article-template__content img{height:auto;border-radius:12px}main[data-template=article] .article-template__content h2{margin-top:48px;font-size:clamp(28px,3vw,40px)}main[data-template=article] .article-template__content h3{margin-top:32px;font-size:24px;line-height:1.25;letter-spacing:-.025em}main[data-template=article] .article-template__social-sharing{margin-block:32px}main[data-template=article] .article-template__back{margin-top:48px}main[data-template=article] .article-template__link{font-size:16px;letter-spacing:0}main[data-template=article] .article-template__comment-wrapper{padding:32px 24px;border-radius:20px;background:#f5f5f5}main[data-template=article] .article-template__comment-wrapper :is(h2,h3){font-size:28px}main[data-template=page][data-template-suffix=contact]{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:max-content max-content minmax(0,1fr);grid-auto-rows:min-content;align-items:start;column-gap:clamp(40px,6vw,96px);align-content:start;width:100%;max-width:1616px;margin-inline:auto;padding:80px var(--editorial-gutter) 96px}main[data-template-suffix=contact]>.shopify-section{min-width:0;grid-column:1}main[data-template-suffix=contact]>.shopify-section:has(.main-page-title){grid-row:1}main[data-template-suffix=contact]>.shopify-section:has(.rich-text){grid-row:2}main[data-template-suffix=contact]>.shopify-section:has(.contact){grid-column:2;grid-row:1 / span 3}main[data-template-suffix=contact] .page-width,main[data-template-suffix=contact] .rich-text__wrapper,main[data-template-suffix=contact] .rich-text__blocks{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding:0}main[data-template-suffix=contact] .main-page-title{margin-bottom:32px}main[data-template-suffix=contact] .rich-text{padding:0 0 24px;text-align:left;background:transparent}main[data-template-suffix=contact] .rich-text__text,main[data-template-suffix=contact] .main-page-title+.rte{max-width:42ch;color:var(--editorial-muted);font-size:20px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}main[data-template-suffix=contact] .rte p{margin:0 0 20px}main[data-template-suffix=contact] .link{color:#111;font-size:16px;letter-spacing:0;text-underline-offset:5px}main[data-template-suffix=contact] .contact{--inputs-radius: 12px;--inputs-radius-outset: 12px;--inputs-border-width: 1px;--inputs-border-opacity: .18;--inputs-shadow-opacity: 0;padding:32px;border-radius:24px;background:#f5f5f5}main[data-template-suffix=contact] .contact .field{margin-bottom:20px}main[data-template-suffix=contact] .contact__fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}main[data-template-suffix=contact] .contact .field__input{min-width:0;height:56px;background:#fff;color:#111;font-family:inherit;font-size:16px;line-height:1.5;letter-spacing:0}main[data-template-suffix=contact] .contact .field__label{top:16px;font-size:16px;letter-spacing:0}main[data-template-suffix=contact] .contact .field__input:is(:focus,:not(:placeholder-shown),:-webkit-autofill)~.field__label{top:5px;font-size:11px;letter-spacing:0}main[data-template-suffix=contact] .contact textarea.field__input{min-height:180px;height:180px;resize:vertical;padding-top:26px}main[data-template-suffix=contact] .contact__button{margin-top:28px}main[data-template-suffix=contact] .contact__button .button{min-height:48px;min-width:144px;padding:12px 24px;border:1px solid #111;border-radius:999px;color:#fff;background:#111;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0}main[data-template-suffix=contact] .contact__button .button:before,main[data-template-suffix=contact] .contact__button .button:after{content:none}main[data-template-suffix=contact] .contact__button .button:hover{background:#343434}main[data-template-suffix=contact] .contact .form-status{font-size:17px;line-height:1.5;letter-spacing:0}main[data-template-suffix=contact] .contact .form-status-list{font-size:14px;line-height:1.5;letter-spacing:0}@media(max-width:989px){main[data-template=page][data-template-suffix=contact]{display:block}main[data-template-suffix=contact]>.shopify-section:has(.contact){margin-top:40px}main[data-template-suffix=contact] .contact{max-width:760px}}@media(max-width:749px){main[data-template=blog] .main-blog,main[data-template=article] .article-template,main[data-template=page][data-template-suffix=contact]{padding-top:48px;padding-bottom:64px}main[data-template=blog] .actra-blog-header{margin-bottom:32px}main[data-template=blog] .actra-blog-empty{border-radius:20px}main[data-template=blog] .actra-blog-empty p,main[data-template-suffix=contact] .rich-text__text,main[data-template-suffix=contact] .main-page-title+.rte{font-size:18px}main[data-template=blog] .blog-articles{gap:36px}main[data-template=article] .article-template>header{margin-bottom:32px}main[data-template=article] .article-template__hero-container{margin-bottom:32px;border-radius:16px}main[data-template=article] .article-template__content{margin-block:32px}main[data-template=article] .article-template__comment-wrapper{padding:24px 16px}main[data-template-suffix=contact] .contact{padding:24px;border-radius:20px}main[data-template-suffix=contact] .contact__fields{display:block}main[data-template-suffix=contact] .contact__button .button{width:100%}}@media(max-width:359px){main[data-template=blog] .actra-blog-empty,main[data-template-suffix=contact] .contact{padding:24px 18px}main[data-template=blog] .actra-blog-empty h2{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/actra-editorial-pages.css.map */