:root { --cream:#f3e8d2; --paper:#fffaf0; --forest:#274536; --moss:#597043; --gold:#d7ad55; --ink:#2b2b28; --line:#d8c9aa; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
section[id] { scroll-margin-top:112px; }
body { margin:0; max-width:100vw; overflow-x:hidden; background:var(--paper); color:var(--ink); font:17px/1.65 Georgia,serif; }
img { max-width:100%; height:auto; display:block; }
a:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.skip-link { position:fixed; top:8px; left:-9999px; z-index:20; padding:10px 14px; background:var(--forest); color:#fff; }
.skip-link:focus { left:8px; }
.site-header { min-height:82px; padding:12px clamp(20px,6vw,90px); display:flex; align-items:center; justify-content:space-between; gap:28px; background:rgba(255,250,240,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; }
.brand { flex:0 0 auto; }
.brand img, footer img { width:170px; }
.site-header nav { display:flex; align-items:center; justify-content:flex-end; gap:clamp(14px,2.4vw,28px); flex-wrap:wrap; }
.site-header a { color:var(--forest); text-decoration:none; font:600 15px/1.2 Arial,sans-serif; }
.site-header nav>a:not(.language) { padding:11px 4px; }
.site-header nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.site-header .language { padding:7px 9px; border:1px solid var(--moss); border-radius:999px; }
.hero { min-height:670px; padding:80px clamp(24px,8vw,130px); display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:60px; background:radial-gradient(circle at 75% 30%,#fff9e9 0,transparent 35%),linear-gradient(145deg,var(--cream),#fbf4e5); }
.hero-copy { max-width:800px; }
.hero h1 { margin:.15em 0 .35em; color:var(--forest); font-size:clamp(48px,6vw,84px); line-height:1.02; letter-spacing:-.035em; }
.hero-copy>p:not(.eyebrow) { max-width:650px; font-size:20px; }
.hero-art { justify-self:center; display:grid; place-items:center; width:min(100%,340px); aspect-ratio:4/5; padding:30px; border:1px solid var(--line); border-radius:50% 48% 52% 46%; background:#fff9e9; box-shadow:0 24px 70px rgba(39,69,54,.12); }
.hero-art img { width:min(100%,254px); margin:auto; }
.eyebrow, .edition { margin:0; color:var(--moss); font:700 13px/1.2 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.button, .unavailable, .secondary-link { display:inline-block; margin-top:18px; padding:14px 22px; border-radius:999px; font:700 14px/1.2 Arial,sans-serif; }
.button { background:var(--forest); color:#fff; text-decoration:none; }
.button:hover { background:#1d362a; }
.nature, .coming-soon, .about, .product-lines, .social { padding:88px clamp(24px,12vw,190px); text-align:center; }
.nature h2, .coming-soon h2, .about h2, .product-lines>h2, .section-heading h2, .social h2 { margin:.25em 0; color:var(--forest); font-size:clamp(34px,4vw,56px); line-height:1.1; }
.nature p:last-child, .coming-soon p:last-child, .about p { max-width:800px; margin:20px auto; }
.habitat-strip { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:30px auto 0; }
.habitat-strip span { display:inline-flex; align-items:center; gap:10px; padding:9px 16px; border:1px solid var(--line); border-radius:999px; background:#fffdf7; color:var(--forest); font:700 12px/1 Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.habitat-strip span::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--moss); box-shadow:inset 0 0 0 2px rgba(255,255,255,.45); }
.habitat-strip span:nth-child(2)::before { background:#43839a; }
.habitat-strip span:nth-child(3)::before { background:#c47d3c; }
.books { padding:70px clamp(24px,8vw,130px) 100px; background:var(--cream); }
.section-heading { max-width:900px; margin:0 auto 18px; text-align:center; }
.books>* { min-width:0; }
.section-heading>p:last-child { margin:16px auto 0; }
.collection-facts { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 12px; margin:26px auto 0; padding:0; color:var(--forest); font:700 13px/1.35 Arial,sans-serif; list-style:none; }
.collection-facts li { padding:9px 13px; border:1px solid #cbb893; border-radius:999px; background:rgba(255,253,247,.75); }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; width:min(100%,1200px); margin:38px auto 0; }
.collection-card { min-width:0; display:flex; flex-direction:column; padding:22px; background:var(--paper); border:1px solid var(--line); border-radius:22px; box-shadow:0 16px 45px rgba(39,69,54,.08); }
.collection-card figure { margin:0 0 24px; }
.collection-card figure img { width:100%; aspect-ratio:647/844; object-fit:cover; border-radius:10px; box-shadow:0 10px 24px rgba(43,43,40,.18); }
.collection-card__copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.collection-card h3 { min-height:2.1em; margin:.35em 0; color:var(--forest); font-size:clamp(26px,2.3vw,34px); line-height:1.05; overflow-wrap:anywhere; }
.collection-card__copy>p:not(.edition) { margin:.25em 0; }
.collection-card__summary { min-height:3.35em; }
.availability { color:var(--forest); font:700 12px/1.2 Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.availability--soon { color:#8a5e37; }
.collection-card__features { display:flex; flex-wrap:wrap; gap:5px 12px; margin:14px 0 0; padding:0; color:#4e514b; font:600 13px/1.35 Arial,sans-serif; list-style:none; }
.collection-card__features li:not(:last-child)::after { content:"·"; margin-left:12px; color:#9b7650; }
.collection-card .unavailable, .collection-card .status-pill { margin-top:auto; }
.collection-card__cta { margin-top:auto; }
.collection-card--preview h3 { margin-top:calc(.35em + 23px); }
.collection-card__status { display:flex; align-items:center; gap:9px; margin:auto 0 0; padding-top:22px; color:#6d523d; font:700 13px/1.2 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.collection-card__status span { width:8px; height:8px; border-radius:50%; background:#b87339; }
.collection-card--coming-soon { border-style:dashed; border-color:#ba9a69; background:#fbf6ea; }
.collection-card--preview figure img { box-shadow:0 10px 24px rgba(103,67,34,.18); }
.collection-card__placeholder { position:relative; isolation:isolate; display:flex; aspect-ratio:647/844; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; margin:0 0 24px; padding:38px 24px; border:1px solid #cabc9f; border-radius:10px; background:radial-gradient(circle at 78% 18%,rgba(215,173,85,.35) 0 8%,transparent 9%),linear-gradient(155deg,#fffaf0 8%,#e7ead9 56%,#d4dbc4 100%); color:var(--forest); text-align:center; box-shadow:0 10px 24px rgba(43,43,40,.12); }
.collection-card__placeholder::before, .collection-card__placeholder::after { content:""; position:absolute; z-index:-1; width:145%; border:1px solid rgba(89,112,67,.22); border-radius:50%; }
.collection-card__placeholder::before { height:54%; left:-74%; bottom:-10%; transform:rotate(12deg); }
.collection-card__placeholder::after { height:44%; right:-78%; bottom:5%; transform:rotate(-10deg); }
.placeholder-wordmark { width:min(72%,210px); margin:0 0 8px; }
.placeholder-line { font:600 clamp(16px,1.6vw,20px)/1.1 Georgia,"Times New Roman",serif; letter-spacing:.22em; text-transform:uppercase; }
.placeholder-message { max-width:230px; margin-top:34px; font:700 clamp(24px,2.2vw,32px)/1.12 Georgia,serif; }
.collection-card--provisional { border-style:dashed; background:#fff8e9; }
.collection-card .status-pill--light { border-color:#9b7650; background:#f0e1c3; color:#563c2e; }
.candidate-note { width:min(100%,900px); margin:24px auto 0; padding:14px 18px; border-left:4px solid #9b6745; background:#fff6e5; color:#4f3d32; }
.book-details { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:40px; align-items:center; width:min(100%,1200px); margin:34px auto 0; padding:34px; border-radius:22px; background:#fffdf7; border:1px solid var(--line); }
.book-details h3 { margin:.35em 0; color:var(--forest); font-size:30px; line-height:1.15; }
.book-details__inspiration { min-width:0; }
.inspiration-note { max-width:440px; margin:.6em 0 1em; color:#4e514b; font-size:15px; }
.book-details ul { padding-left:1.2em; }
.preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.preview-grid img { width:100%; border-radius:14px; box-shadow:0 8px 22px rgba(43,43,40,.14); }
.inspiration-gallery { width:min(100%,1200px); margin:34px auto 0; padding:34px; border:1px solid var(--line); border-radius:22px; background:#fffdf7; }
.inspiration-heading { max-width:780px; margin:0 auto 28px; text-align:center; }
.inspiration-heading h3 { margin:.35em 0; color:var(--forest); font-size:clamp(30px,3.2vw,44px); line-height:1.1; }
.inspiration-heading>p:last-child { margin:12px auto 0; color:#4e514b; }
.inspiration-books { display:grid; gap:18px; }
.inspiration-book { display:grid; grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr); gap:28px; align-items:center; padding:22px; border:1px solid #e3d6bd; border-radius:18px; background:var(--paper); }
.inspiration-book__copy { min-width:0; }
.inspiration-book h4 { margin:.28em 0 0; color:var(--forest); font-size:clamp(24px,2vw,30px); line-height:1.08; overflow-wrap:normal; }
.inspiration-habitat { margin:0; color:var(--moss); font:700 12px/1.2 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.inspiration-habitat--sea { color:#34748b; }
.inspiration-habitat--desert { color:#9b6035; }
.unavailable { background:#e6dfd0; color:#4e514b; }
.secondary-link { border:2px solid var(--forest); color:var(--forest); text-decoration:none; }
.secondary-link:hover { background:var(--forest); color:#fff; }
.product-lines { min-width:0; background:#fffdf7; }
.product-lines>h2 { max-width:100%; overflow-wrap:anywhere; }
.line-grid, .social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:1100px; margin:42px auto 0; text-align:left; }
.line-card { --line-card-art:none; position:relative; isolation:isolate; min-width:0; min-height:510px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--paper); box-shadow:0 12px 35px rgba(39,69,54,.1); }
.line-card::before, .line-card::after { content:""; position:absolute; inset:0; pointer-events:none; }
.line-card::before { z-index:-2; background-image:var(--line-card-art); background-repeat:no-repeat; background-size:cover; background-position:63% center; }
.line-card::after { z-index:-1; background:linear-gradient(90deg,rgba(255,250,240,.99) 0%,rgba(255,250,240,.96) 42%,rgba(255,250,240,.66) 66%,rgba(255,250,240,.1) 100%); }
.line-card--nature { --line-card-art:url("assets/worlds/mellowmori-nature-card-background.webp"); }
.line-card--little-worlds { --line-card-art:radial-gradient(circle at 78% 72%,rgba(190,139,95,.20) 0 12%,transparent 12.5%),radial-gradient(circle at 86% 26%,rgba(104,145,125,.18) 0 8%,transparent 8.5%),linear-gradient(145deg,#fffaf0 0%,#f3ead9 62%,#e9dbc5 100%); border-color:#d7c395; }
.line-card--little-worlds::after { background:linear-gradient(90deg,rgba(255,250,240,.99) 0%,rgba(255,250,240,.94) 51%,rgba(255,247,226,.38) 78%,rgba(255,244,211,.04) 100%); }
.line-card__content { min-height:510px; display:flex; flex-direction:column; align-items:flex-start; width:min(64%,430px); padding:38px 34px; }
.line-card__wordmark { display:block; width:clamp(168px,18vw,218px); height:auto; margin:0 0 2px; object-fit:contain; object-position:left center; }
.line-card .secondary-link, .line-card .unavailable { align-self:flex-start; margin-top:auto; }
.line-card h3, .social-grid h3 { margin:.4em 0; color:var(--forest); font-size:28px; line-height:1.15; }
.line-card--nature h3 { font-family:Georgia,serif; font-size:clamp(30px,3vw,40px); letter-spacing:-.02em; }
.line-name { color:var(--forest); }
.line-name--nature { margin:-2px 0 5px; font:600 clamp(17px,1.7vw,21px)/1.1 Georgia,"Times New Roman",serif; letter-spacing:.22em; text-transform:uppercase; }
.line-name--little-worlds { margin:-2px 0 5px; font:700 clamp(17px,1.7vw,21px)/1.1 "Trebuchet MS","Avenir Next Rounded","Arial Rounded MT Bold",Arial,sans-serif; letter-spacing:.015em; }
.line-card--little-worlds h3 { margin:.55em 0 .4em; font:700 clamp(25px,2.3vw,32px)/1.12 "Trebuchet MS","Avenir Next Rounded","Arial Rounded MT Bold",Arial,sans-serif; letter-spacing:-.02em; }
.coming-soon { background:var(--forest); color:#f8f0df; }
.coming-soon h2, .coming-soon .eyebrow { color:#fff2c4; }
.coming-soon-layout { width:min(100%,980px); margin:0 auto; display:grid; grid-template-columns:minmax(220px,360px) minmax(0,1fr); gap:clamp(36px,7vw,84px); align-items:center; text-align:left; }
.coming-soon-visual { margin:0; justify-self:center; }
.coming-soon-visual img { width:min(100%,330px); border-radius:16px; box-shadow:0 20px 48px rgba(0,0,0,.3); }
.coming-soon-copy>p:last-child { max-width:620px; margin:18px 0 0; }
.status-pill { display:inline-block; margin:22px 0 6px; padding:8px 13px; border:1px solid rgba(255,242,196,.45); border-radius:999px; color:#fff2c4; font:700 12px/1 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.social { background:#fffdf7; }
.social>p:not(.eyebrow) { max-width:760px; margin:18px auto; }
.social-grid article, .social-card { padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.social-card { color:var(--ink); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.social-card:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(39,69,54,.1); }
.social-icon { width:30px; height:30px; fill:none; stroke:var(--forest); stroke-width:1.8; }
.about { background:#fffaf0; }
footer { padding:50px 24px; text-align:center; background:#e8dcc5; color:var(--forest); }
footer img { margin:0 auto 16px; }
footer p { margin:0 0 14px; }
.footer-language, .footer-links a { color:var(--forest); font:700 14px/1.2 Arial,sans-serif; text-underline-offset:4px; }
.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px; }
.legal-slots { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px; margin:0 0 16px; font:600 13px/1.4 Arial,sans-serif; color:#5e665f; }
.legal-slots a { color:var(--forest); text-underline-offset:4px; }
.legal-shell { width:min(820px,calc(100% - 48px)); min-height:62vh; margin:0 auto; padding:88px 0 110px; }
.legal-shell h1 { margin:.2em 0 .6em; color:var(--forest); font-size:clamp(42px,6vw,68px); line-height:1.05; }
.legal-shell h2 { margin:2em 0 .55em; color:var(--forest); font-size:28px; line-height:1.2; }
.legal-shell h1, .legal-shell h2 { overflow-wrap:anywhere; }
.legal-shell h3 { margin:1.7em 0 .4em; color:var(--forest); font-size:21px; line-height:1.25; }
.legal-shell address { font-style:normal; }
.legal-shell a { overflow-wrap:anywhere; color:var(--forest); text-underline-offset:3px; }
.legal-note { padding:18px 20px; border-left:4px solid var(--gold); background:#fff7df; }
.human-input { margin:34px 0; padding:24px 26px; border:2px solid var(--gold); border-radius:18px; background:#fff7df; }
.human-input strong { color:var(--forest); font:800 13px/1.2 Arial,sans-serif; letter-spacing:.1em; }
.human-input p { margin:10px 0 0; }
.link-hub-page { background:linear-gradient(180deg,#f5ead5 0,#fffaf0 26%,#fffaf0 100%); }
.link-hub { width:min(760px,calc(100% - 40px)); min-height:70vh; margin:0 auto; padding:64px 0 92px; }
.link-hub__intro { max-width:650px; margin:0 auto 42px; text-align:center; }
.link-hub__intro .hub-wordmark { width:184px; margin:0 auto 18px; }
.link-hub__intro h1 { margin:.18em 0 .35em; color:var(--forest); font-size:clamp(38px,7vw,62px); line-height:1.02; letter-spacing:-.025em; }
.link-hub__intro>p:last-child { margin:0 auto; color:#4e514b; }
.link-hub__group { margin-top:34px; }
.link-hub__group-heading { margin:0 0 14px; color:var(--forest); font-size:clamp(25px,4vw,34px); line-height:1.12; text-align:center; }
.hub-link, .hub-book-card { color:var(--ink); text-decoration:none; border:1px solid var(--line); background:#fffdf7; box-shadow:0 12px 32px rgba(39,69,54,.08); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.hub-link:hover, .hub-book-card:hover { transform:translateY(-2px); border-color:#aa946c; box-shadow:0 16px 36px rgba(39,69,54,.13); }
.hub-link { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; border-radius:18px; }
.hub-link--primary { background:var(--forest); border-color:var(--forest); color:#fff; box-shadow:0 14px 34px rgba(39,69,54,.2); }
.hub-link--primary:hover { border-color:#1d362a; background:#1d362a; }
.hub-link__copy { min-width:0; }
.hub-link__label { display:block; font:700 18px/1.2 Arial,sans-serif; }
.hub-link__detail { display:block; margin-top:5px; color:#5d665f; font:500 13px/1.35 Arial,sans-serif; overflow-wrap:anywhere; }
.hub-link--primary .hub-link__detail { color:#e7eadf; }
.hub-link__arrow { flex:0 0 auto; color:currentColor; font:700 24px/1 Arial,sans-serif; }
.hub-book-list { display:grid; gap:14px; }
.hub-book-card { display:grid; grid-template-columns:74px minmax(0,1fr) auto; align-items:center; gap:18px; min-height:112px; padding:14px 18px 14px 14px; border-radius:20px; }
.hub-book-card img { width:74px; aspect-ratio:647/844; object-fit:cover; border-radius:9px; box-shadow:0 7px 18px rgba(43,43,40,.18); }
.hub-book-card__copy { min-width:0; }
.hub-book-card__copy span { display:block; }
.hub-book-card__edition { margin-bottom:4px; color:var(--moss); font:700 11px/1.2 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.hub-book-card__title { color:var(--forest); font:700 22px/1.08 Georgia,serif; overflow-wrap:anywhere; }
.hub-book-card__destination { margin-top:6px; color:#5d665f; font:600 13px/1.3 Arial,sans-serif; }
.hub-social-list { display:grid; gap:14px; }
.hub-social-list .hub-link { background:#fffaf0; }
.hub-social-mark { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#e8dcc5; color:var(--forest); font:800 13px/1 Arial,sans-serif; }
.link-hub__privacy { margin:24px auto 0; color:#686b65; font:500 12px/1.55 Arial,sans-serif; text-align:center; }
@media(max-width:820px) {
  .site-header { align-items:flex-start; }
  .site-header nav { max-width:330px; }
  .hero { grid-template-columns:1fr; text-align:center; padding-top:55px; }
  .hero-copy>p:not(.eyebrow) { margin-left:auto; margin-right:auto; }
  .hero-art { width:min(100%,260px); padding:24px; }
  .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .line-grid, .social-grid { grid-template-columns:1fr; }
  .line-card, .line-card__content { min-height:470px; }
  .line-card__content { width:min(62%,460px); }
  .book-details { grid-template-columns:1fr; }
  .inspiration-book { grid-template-columns:1fr; gap:16px; }
  .inspiration-book__copy { text-align:center; }
  .coming-soon-layout { grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:34px; }
}
@media(max-width:560px) {
  section[id] { scroll-margin-top:16px; }
  .site-header { position:static; display:block; width:100%; padding-left:12px; padding-right:12px; text-align:center; }
  .brand img { margin:0 auto; }
  .site-header nav { width:100%; justify-content:center; max-width:none; margin-top:12px; gap:10px 12px; }
  .site-header a { font-size:14px; }
  .hero { min-height:auto; width:100%; padding-left:20px; padding-right:20px; overflow:hidden; }
  .hero-copy { min-width:0; width:100%; }
  .hero h1 { font-size:32px; overflow-wrap:anywhere; }
  .hero-copy p { overflow-wrap:anywhere; }
  .collection-grid { grid-template-columns:1fr; }
  .collection-card { padding:20px; }
  .collection-card__copy { align-items:center; text-align:center; }
  .collection-card h3 { min-height:0; }
  .collection-card__summary { min-height:0; }
  .collection-card figure { width:min(100%,260px); margin-left:auto; margin-right:auto; }
  .collection-card__placeholder { width:min(100%,260px); margin-left:auto; margin-right:auto; }
  .book-details { padding:24px; text-align:left; }
  .book-details { overflow:hidden; }
  .preview-grid { display:grid; grid-template-columns:1fr; gap:14px; overflow:visible; padding:2px; }
  .preview-grid img { width:min(100%,260px); max-width:260px; justify-self:center; }
  .inspiration-gallery { padding:24px 18px; }
  .inspiration-book { padding:20px 14px; }
  .coming-soon-layout { grid-template-columns:1fr; text-align:center; }
  .coming-soon-visual img { width:min(72vw,300px); }
  .coming-soon-copy>p:last-child { margin-left:auto; margin-right:auto; }
  .line-card { min-height:520px; }
  .line-card::before { background-position:58% center; }
  .line-card::after, .line-card--little-worlds::after { background:linear-gradient(180deg,rgba(255,250,240,.99) 0%,rgba(255,250,240,.97) 47%,rgba(255,250,240,.7) 67%,rgba(255,250,240,.08) 100%); }
  .line-card__content { width:100%; min-height:520px; padding:30px 26px 36px; }
  .line-card__wordmark { width:190px; }
  .line-card__content>p:not(.edition):not(.line-name) { max-width:92%; }
  .legal-shell { width:min(100% - 40px,820px); padding:60px 0 80px; }
  .link-hub { width:min(100% - 28px,760px); padding:44px 0 72px; }
  .link-hub__intro { margin-bottom:34px; }
  .hub-book-card { grid-template-columns:64px minmax(0,1fr) auto; gap:13px; min-height:100px; padding:12px 14px 12px 12px; }
  .hub-book-card img { width:64px; }
  .hub-book-card__title { font-size:19px; }
  .hub-book-card__destination { font-size:12px; }
}
@media(max-width:360px) {
  .books { padding-left:12px; padding-right:12px; }
  .book-details, .inspiration-gallery { padding:10px; }
  .inspiration-book { padding:10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }