/* Tongle / a quiet, editorial storefront. Full-bleed films, restrained surfaces. */
:root{--paper:#f8f7f4;--ink:#252b27;--muted:#777b73;--line:#dedfd8;--accent:#65786b;--home-sage:#efefea;--home-peach:#efefea;--home-lavender:#efefea;--home-green:#455b4f}
body{background:var(--paper)}header{background:var(--paper);border-color:var(--line)}.brand{letter-spacing:-1.2px}.brand span{color:#65786b}.topline{background:#28372e;color:#f2f3ed}.eyebrow{color:#7b8175}.primary{background:#304b3c;border-color:#304b3c;color:#fff;box-shadow:none}.primary:hover{background:#233d2e}.secondary{background:transparent;border-color:#c9cec4}.catalog-link{border-color:#bfc6ba;background:transparent}.selection-bar{background:#28372e;box-shadow:none}.selection-bar .primary{background:#edf0e6;border-color:#edf0e6;color:#28372e}.review strong{background:#edf0e6;color:#28372e}
.community-ribbon.facebook-brand{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:17px;margin:18px 0 0;padding:17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;box-shadow:none}.community-ribbon .facebook-brand-icon{color:#576b5c;width:32px;height:32px}.community-ribbon .facebook-brand-icon svg{width:100%;height:100%}.community-ribbon .facebook-brand-copy{display:grid;grid-template-columns:auto 1fr;gap:0 26px;align-items:center}.community-ribbon .eyebrow{grid-column:1;font-size:7px;letter-spacing:1.3px;margin:0 0 4px;color:#788070}.community-ribbon #facebook-title{grid-column:1;font:400 19px/1.3 Georgia,serif;letter-spacing:-.25px;margin:0}.community-ribbon .facebook-brand-copy>p:last-child{grid-column:2;grid-row:1/3;font-size:10px;line-height:1.6;margin:0;color:#77816f}.community-ribbon .facebook-followers{display:inline-flex;gap:7px;align-items:baseline}.community-ribbon .facebook-followers strong{font-size:22px;letter-spacing:-.5px;color:#394f40}.community-ribbon .facebook-brand-link{background:transparent;color:#354d3d;border:1px solid #c9d0c2;min-height:42px;padding:10px 16px;font-size:10px;gap:15px;white-space:nowrap}
.home-hero{gap:6%;padding:42px 0 47px;align-items:center}.home-hero:before{display:none}.home-hero-copy h1{font-size:clamp(54px,5.5vw,78px);line-height:1.07;letter-spacing:-3.7px;color:#29352d}.home-hero-copy h1 em{color:#6a7d6b;font-size:1em;letter-spacing:-3.4px}.home-lede{font-size:13px;line-height:1.95;color:#7b8175}.home-hero-copy .eyebrow{font-size:8px;letter-spacing:2px;color:#7b8175}.tiny-dot{background:#657b64;box-shadow:none}.home-hero .primary{min-height:48px;padding:15px 23px}.home-quiet-link{color:#65745f;border-color:#b8c1af}.home-hero-foot{border-top:1px solid var(--line);padding-top:19px;max-width:355px}.home-hero-foot strong{color:#66725c}.home-spark{color:#839271;font-size:30px;animation:none}
/* No card shell, colored mat, inset frame, or letterboxing. */
#factory-videos.warm-panel{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#factory-videos .factory-heading{padding:0 0 17px}.factory-heading h2{font-size:27px;letter-spacing:-.6px}.factory-heading p{font-size:9px;line-height:1.7;color:#7a8270}
#factory-videos .feature-track{border:0;border-radius:2px;overflow:hidden;overflow-x:auto}
#factory-videos .feature-slide.video-slide{padding:0;background:transparent;border:0;border-radius:0;position:relative;isolation:isolate}
#factory-videos .video-frame{aspect-ratio:1/1;width:100%;margin:0;border:0;border-radius:0;background:#25332b;overflow:hidden}
#factory-videos .video-frame video{width:100%;height:100%;object-fit:cover;object-position:center;background:#25332b}
#factory-videos .video-slide:first-child video{object-position:38% center}
#factory-videos .feature-top{position:absolute;z-index:2;top:0;left:0;right:0;padding:19px 19px 35px;color:#fff;font-size:8px;letter-spacing:1.4px;background:linear-gradient(#0b161e66,transparent);pointer-events:none}
#factory-videos .feature-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:45px 21px 23px;gap:15px;background:linear-gradient(transparent,#0a1718b3);color:#fff}
#factory-videos .feature-bottom h2{color:#fff;font-size:25px;letter-spacing:-.5px}.feature-bottom p{color:#ffffffb3!important;font-size:9px!important}.feature-explore{color:#fff;background:#ffffff18;border:1px solid #ffffff55;width:40px;height:40px;backdrop-filter:blur(5px)}
#factory-videos .video-time{top:49px;bottom:auto;left:18px;background:#12251c55;font-size:7px}.video-start{background:#10241ab3}.video-loading{bottom:117px}.video-progress-fill{background:#dfe5d8}
#factory-videos .feature-controls{padding-top:9px;row-gap:3px}.feature-controls .feature-dots{width:100%;order:0;justify-content:center;margin:0}.feature-controls .feature-caption{order:1;flex-basis:auto;width:auto;margin-right:auto;font-size:8px;letter-spacing:1px;color:#7c846f}.feature-controls>button{order:1;min-height:40px;min-width:40px;border-color:#c6cebd}.video-sound{font-size:9px}.cycle-progress{order:2;flex:0 0 100%;height:2px;background:#e1e6d9;margin-top:7px;overflow:hidden}.cycle-progress>span{display:block;width:100%;height:100%;transform-origin:left;background:#819477;will-change:transform}
.home-arrivals,.home-edits{border-color:var(--line)}.home-section-head h2{color:#2e4032}.arrival-photo{background:#fff;border:1px solid #e1e4da;border-radius:5px;box-shadow:none}.new-tag{background:#edf0e8;color:#607254;border:1px solid #dae0d1}.edit-card,.edit-card:nth-child(2),.edit-card:nth-child(3){background:#eeefe9;border:1px solid #e2e6da;border-radius:6px}.edit-title{color:#42583e}.edit-card:nth-child(2){background:#eff1ec}.edit-card:nth-child(3){background:#ebeee6}.collection-strip{border-color:var(--line);color:#728566}.search-box{background:#fdfdfb;border-color:#dce2d3;border-radius:8px}#category-tabs button{border-color:#dce1d3;background:transparent}#category-tabs button[aria-pressed="true"]{background:#465f42;border-color:#465f42;color:#fff}.card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.image-button{border:1px solid #e1e4da;border-radius:5px;background:#fff}.card-body{padding-top:15px}.card.selected .image-button{border-color:#79946b;box-shadow:0 0 0 1px #79946b}.card h2{font-weight:400}.ref{color:#839474}.zoom{background:#fdfef9e8;color:#47613f;border-color:#dce4d3}.documents-section{background:#f0f2ec;border:1px solid #e2e7d8;border-radius:7px}.report-card{border-color:#dfe6d5;border-radius:5px;overflow:hidden}.report-body{background:#fcfdf9}.ordering{border-color:#dfe5d5}.ordering li>span{background:#eff3e9;color:#69805a}footer{border-color:#dfe6d5}dialog{background:#fbfcf8}.dialog-foot{background:#fbfcf8}
@media(prefers-reduced-motion:no-preference){.home-hero-copy h1,.home-hero-copy .eyebrow,.home-lede{animation:none}.warm-motion [data-warm-animate]{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--warm-delay,0ms)}.warm-motion [data-warm-animate].warm-visible{opacity:1;transform:translateY(0)}.primary,.secondary,.catalog-link,.facebook-brand-link,.feature-arrow,.video-sound,.feature-explore{transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.home-hero .primary span{display:inline-block;animation:atelier-arrow 4.8s ease-in-out infinite}.warm-tap{animation:warm-tap .36s ease!important}.video-slide[aria-hidden="false"] .feature-bottom{animation:atelier-caption .4s ease both}@keyframes atelier-arrow{0%,75%,100%{transform:translate(0,0)}85%{transform:translate(2px,-2px)}}@keyframes warm-tap{0%,100%{transform:scale(1)}45%{transform:scale(.975)}}@keyframes atelier-caption{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:hover){.primary:hover,.facebook-brand-link:hover{transform:translateY(-1px)}}
@media(max-width:1000px){.home-hero-copy h1{font-size:57px;letter-spacing:-3px}.home-hero-copy h1 em{letter-spacing:-3px}.community-ribbon .facebook-brand-copy{gap:0 17px}.feature-controls>button{min-width:36px}.video-sound{padding:7px}}
@media(max-width:720px){header{padding-top:23px;padding-bottom:18px;row-gap:20px}.brand{font-size:22px}.brand small{font-size:7px}.catalog-link{font-size:10px;min-height:44px;padding:12px 15px}.topline{padding-top:8px;padding-bottom:8px;font-size:8px}.main-nav{font-size:10px;gap:12px}.community-ribbon.facebook-brand{grid-template-columns:29px 1fr auto;gap:11px;margin-top:12px;padding:14px 0 16px}.community-ribbon .facebook-brand-icon{width:27px;height:27px}.community-ribbon .facebook-brand-copy{display:block}.community-ribbon .eyebrow{font-size:6px;letter-spacing:.8px;margin-bottom:3px}.community-ribbon #facebook-title{font-size:16px;margin-bottom:3px}.community-ribbon .facebook-brand-copy>p:last-child{font-size:0;line-height:1.4}.community-ribbon .facebook-brand-copy>p:last-child br{display:none}.community-ribbon .facebook-followers{display:flex;align-items:baseline;font-size:8px;gap:4px}.community-ribbon .facebook-followers strong{font-size:17px}.community-ribbon .facebook-brand-link{font-size:8px;min-height:40px;padding:10px 11px;gap:6px}.home-hero{padding-top:26px;gap:34px;padding-bottom:33px}.home-hero-copy{padding:5px 0 0}.home-hero-copy h1{font-size:clamp(40px,10.6vw,53px);letter-spacing:-2.1px;line-height:1.08;margin-bottom:21px}.home-hero-copy h1 em{font-size:1em;letter-spacing:-1.9px}.home-hero-copy .eyebrow{font-size:7px;letter-spacing:1.9px;margin-bottom:20px}.home-lede{font-size:12px;line-height:1.95}.home-hero .hero-actions{gap:17px;margin-top:23px;align-items:center}.home-hero .primary{font-size:10px;min-height:46px;padding:14px 17px}.home-hero .home-quiet-link{font-size:9px;gap:7px}
#factory-videos{width:100%;margin-inline:0}#factory-videos .factory-heading{padding-inline:0;padding-bottom:18px}.factory-heading h2{font-size:27px}.factory-heading p{font-size:9px}#factory-videos .feature-track{border-radius:0}#factory-videos .video-frame{aspect-ratio:1/1}#factory-videos .feature-controls{margin-inline:0;padding-top:8px}.feature-controls .feature-caption{font-size:7px}.feature-controls>button{min-height:42px;min-width:36px}.feature-controls .video-sound{font-size:8px;padding:8px}#factory-videos .feature-top{padding:17px 19px 28px;font-size:7px}#factory-videos .feature-bottom{padding:40px 20px 23px}#factory-videos .feature-bottom h2{font-size:25px}#factory-videos .feature-bottom p{font-size:9px}.card h2{font-size:12px}.image-button{border-radius:4px}.edit-card{border-radius:5px}}
@media(max-width:360px){header .brand{font-size:19px}header .brand small{font-size:6px}header .catalog-link{font-size:9px;padding:10px 11px}.community-ribbon.facebook-brand{gap:7px;grid-template-columns:24px 1fr auto}.community-ribbon .facebook-brand-icon{width:23px;height:23px}.community-ribbon #facebook-title{font-size:14px}.community-ribbon .eyebrow{font-size:5.5px}.community-ribbon .facebook-brand-link{font-size:7px;padding:8px;gap:4px}.community-ribbon .facebook-followers{font-size:7px}.home-hero-copy h1{font-size:38px}.home-hero .hero-actions{gap:12px}.home-hero .primary{font-size:9px;padding:13px}.home-hero .home-quiet-link{font-size:8px}.feature-controls .feature-caption{font-size:6px}.feature-controls>button{min-width:32px}.feature-controls .video-sound{padding:6px}}
@media(prefers-reduced-motion:reduce){.warm-motion [data-warm-animate]{opacity:1;transform:none}.cycle-progress>span{transition:none!important}.home-hero .primary span,.warm-tap{animation:none!important}}

/* Restore the original warm-white / terracotta / dark-ink identity. */
:root{--paper:#f9f7f1;--ink:#2e2c26;--muted:#7b786e;--line:#e2dfd5;--accent:#b45235;--home-sage:#edece3;--home-peach:#f1e9dc;--home-lavender:#efebe3;--home-green:#484b3a}
body,header{background:#f9f7f1}.topline{background:#302f28;color:#f6f1e7}.brand{color:#292821}.brand span{color:#b34f32}.primary{background:#2d2c25;border-color:#2d2c25;color:#fffaf0}.primary:hover{background:#484338}.secondary,.catalog-link{color:#484338;border-color:#cbc6b8}.selection-bar{background:#302f28}.selection-bar .primary{background:#efeddb;border-color:#efeddb;color:#302f28}.review strong{background:#efeddb;color:#302f28}.home-hero-copy h1{color:#2c2b25}.home-hero-copy h1 em{color:#b45235}.home-hero-copy h1>span{color:#b45235}.home-lede{color:#7c786f}.home-hero-copy .eyebrow{color:#82796b}.tiny-dot{background:#b75a3c}.home-quiet-link{color:#6c665a;border-color:#bdb5a7}.home-hero-foot strong{color:#6f695b}.home-spark{color:#a69a7c}.factory-heading h2,.home-section-head h2{color:#38342b}.factory-heading p{color:#827a6d}.feature-controls .feature-caption{color:#8a8171}.feature-controls>button{color:#625a4c;border-color:#c9c1b2}.video-sound[aria-pressed="true"]{background:#4b493a;color:#fffaf0;border-color:#4b493a}.cycle-progress{background:#e3dfd2}.cycle-progress>span{background:#ac8b63}.arrival-photo,.image-button{border-color:#e6dfd1}.new-tag{background:#ede8d9;color:#79664d;border-color:#ded4c1}.edit-card,.edit-card:nth-child(2),.edit-card:nth-child(3){background:#efede4;border-color:#e2dccd}.edit-card:nth-child(2){background:#f2eade}.edit-card:nth-child(3){background:#edece4}.edit-title{color:#5d5648}.collection-strip{color:#81755f;border-color:#dfdacd}.search-box{background:#fffdf7;border-color:#e2dbcc}#category-tabs button{border-color:#ded6c7}#category-tabs button[aria-pressed="true"]{background:#39382e;border-color:#39382e;color:#fffaf0}.card.selected .image-button{border-color:#9b8b68;box-shadow:0 0 0 1px #9b8b68}.ref{color:#978a70}.zoom{background:#fffcf3e8;color:#6c604b;border-color:#e4d9c5}.documents-section{background:#f0eee5;border-color:#e3ddce}.report-card{border-color:#e3daca}.report-body{background:#fffdf7}.ordering,footer{border-color:#e3dccb}.ordering li>span{background:#eee8d9;color:#8e7754}dialog,.dialog-foot{background:#fffaf1}
/* Facebook keeps its familiar blue, distinct from the storefront palette. */
.community-ribbon.facebook-brand{border-bottom-color:#dbe4f1}.community-ribbon .facebook-brand-icon{color:#1877f2}.community-ribbon .eyebrow{color:#6c7891}.community-ribbon #facebook-title{color:#2e3541}.community-ribbon .facebook-brand-copy>p:last-child{color:#728097}.community-ribbon .facebook-followers strong{color:#1877f2}.community-ribbon .facebook-brand-link{background:#1877f2;border-color:#1877f2;color:#fff}.community-ribbon .facebook-brand-link:hover{background:#1268d9;border-color:#1268d9;color:#fff}