@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#f7f6f2;--ink:#242a24;--muted:#77796f;--green:#426b45;--line:#dedfd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #80a877;outline-offset:5px}.header{height:99px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',sans-serif;font-size:32px;letter-spacing:-2px;font-weight:800}.logo span{font:12px 'DM Sans',sans-serif;vertical-align:top;display:inline-block;margin:6px 0 0 4px;letter-spacing:0}.header nav{display:flex;gap:33px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{border:1px solid #bbbfb2;padding:13px 20px;border-radius:5px;font-size:13px}.nav-cta span{margin-left:22px}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:54px 5% 55px;gap:45px;min-height:642px}.hero-copy{padding:20px 0 0}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 25px}.dot{width:7px;height:7px;border-radius:50%;background:#64865a;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-3.8px;font-weight:500}h1{font-size:clamp(58px,6.4vw,92px);line-height:1.09;margin-bottom:24px}em{font-style:normal;color:var(--green)}.intro{font-size:15px;line-height:1.9;color:#74766b;max-width:370px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 21px;border-radius:4px;border:0;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:#293d2b;color:#fff}.dark:hover{background:#426b45}.light{background:var(--bg);color:var(--ink)}.text-link{font-size:12px;display:inline-flex;gap:16px;align-items:center;background:transparent;border:0;padding:0}.hero-note{display:flex;gap:14px;align-items:center;font-size:10px;color:#7e8075;line-height:1.6;margin-top:40px}.hero-note strong{font-weight:500;color:#494f43}.small-icon{font-size:37px;color:#6e8462}.hero-visual{position:relative;border-radius:7px;overflow:visible;min-height:490px;background:#918774}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;filter:brightness(.78) saturate(.65)}.visual-shade{position:absolute;inset:0;border-radius:7px;background:linear-gradient(180deg,#0002,transparent 40%,#1117)}.image-topline{position:absolute;left:26px;right:26px;top:26px;display:flex;justify-content:space-between;color:white;font-size:8px;letter-spacing:1.6px}.hero-image-caption{position:absolute;bottom:30px;left:30px;right:30px;color:white;display:flex;justify-content:space-between;align-items:end;font-size:29px;line-height:1.25;letter-spacing:-1px}.hero-image-caption a{border-radius:50%;width:45px;height:45px;background:#f7f6f2;color:#333;display:grid;place-items:center}.round-stamp{position:absolute;right:-20px;top:45%;background:#dce4bd;border:6px solid var(--bg);height:111px;width:111px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;line-height:1.05;letter-spacing:1.5px;transform:rotate(13deg);color:#42573c}.round-stamp span{font-size:30px;margin-top:5px}.values-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 8%;gap:20px;font-size:19px}.values-strip span{display:flex;align-items:center;gap:13px;color:#69805b}.values-strip b{font-size:11px;font-weight:500;color:#646a5d}.section{max-width:1440px;padding:85px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:44px;line-height:1.2;letter-spacing:-2px;margin-bottom:0}h2>span{color:#85877b}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:5px}.filter-bar{display:flex;gap:9px;margin:35px 0 25px}.filter{background:transparent;border:1px solid #dcded3;color:#737969;border-radius:30px;padding:10px 18px;font-size:11px}.filter.active{background:#2d402d;color:#fff;border-color:#2d402d}.filter span{font-size:9px;opacity:.65;margin-left:8px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product[hidden]{display:none}.product-image{height:285px;display:block;position:relative;overflow:hidden;border-radius:5px}.tag{position:absolute;top:16px;left:14px;font-size:7px;letter-spacing:.8px;color:#5e6255;z-index:2}.product-arrow{position:absolute;bottom:13px;right:13px;background:#fff9;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;transition:transform .2s}.product-image:hover .product-arrow{transform:rotate(45deg)}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:18px 0 6px}.product-meta h3{font-size:14px;font-weight:550;letter-spacing:-.3px;margin:0}.product-meta>span{font-size:9px;color:#96998c}.product>p{font-size:10px;color:#858779;line-height:1.6;margin-bottom:15px}.category-label{font-size:7px;letter-spacing:1px;color:#646f58}.board-scene{background:#e8e3d8;perspective:700px}.board{width:64%;height:72%;position:absolute;top:19%;left:18%;border-radius:38% 38% 10px 10px / 17% 17% 10px 10px;background:repeating-linear-gradient(93deg,#c8955d22 0px,#e7bd8922 2px,#986b3022 3px,#d5a77022 8px),linear-gradient(100deg,#c39358,#e1b47b 45%,#c39156);transform:rotate(-14deg) rotateX(14deg);box-shadow:7px 16px 20px #6c4f3638,inset -4px -3px 0 #ab7b48}.board-hole{width:12px;height:12px;position:absolute;top:13px;left:calc(50% - 6px);background:#e8e3d8;border-radius:50%;box-shadow:inset 1px 2px 2px #704d39}.board>span{position:absolute;text-align:center;width:100%;top:41%;font-family:Georgia,serif;font-size:18px;color:#79562f}.board b{font-size:26px;font-style:italic;font-weight:400}.board small{display:block;font:5px sans-serif;letter-spacing:1px;margin-top:12px}.jewelry-scene{background:radial-gradient(ellipse at 30% 20%,#f3eee6,#ded5c9)}.necklace{position:absolute;width:180px;height:230px;left:50%;top:15px;transform:translateX(-50%) rotate(-13deg)}.chain{height:168px;width:124px;border:3px solid #ba9a58;border-top:0;border-radius:0 0 70% 65%;position:absolute;left:25px;top:0;box-shadow:2px 2px 2px #846d4120,inset 1px 0 1px #fff}.pendant{position:absolute;left:70px;top:159px;width:44px;height:49px;background:linear-gradient(120deg,#dfc988,#b69248 40%,#f4dfa4 70%,#bb934d);border-radius:50%;display:grid;place-items:center;font:25px Georgia;color:#8f722f;box-shadow:4px 7px 8px #58452133;border:2px solid #dbbf79}.cards-scene{background:#e4e7de;perspective:800px}.playing-cards{display:flex;position:absolute;top:66px;left:12%;width:80%;transform:rotate(-8deg)}.playing-card{height:119px;width:66px;flex-shrink:0;margin-left:-13px;border-radius:6px;background:#fffdf6;box-shadow:0 1px 5px #0002;padding:10px;font:18px Georgia;color:#384534;transform:rotate(-8deg)}.playing-card:nth-child(2){transform:rotate(-2deg)}.playing-card:nth-child(3){transform:rotate(4deg)}.playing-card:nth-child(4){transform:rotate(10deg)}.playing-card span{display:block;font-size:27px;text-align:center;margin-top:14px}.playing-card.red{color:#a65343}.card-holder{position:absolute;top:178px;left:10%;width:80%;height:53px;background:repeating-linear-gradient(0deg,#607653,#607653 2px,#6b805c 3px);transform:rotate(-8deg) skewX(-5deg);border-radius:5px 5px 10px 10px;box-shadow:5px 15px 14px #334a3425;border-top:8px solid #394b35}.card-holder span{color:#c8d0b7;font-size:8px;position:absolute;left:35%;top:16px;letter-spacing:2px}.custom-scene{background:#e8dfd5}.vase{position:absolute;top:82px;left:28%;width:45%;height:142px;display:flex;transform:rotate(-8deg);border-radius:18px 18px 27px 27px;background:#b56c4b;box-shadow:10px 18px 15px #653d3026;overflow:hidden;border-top:12px solid #a76546}.vase i{height:100%;flex:1;background:linear-gradient(90deg,#a76041,#c28c68 55%,#b17250);border-radius:8px}.custom-star{position:absolute;right:30px;top:60px;font-size:52px;color:#9e6346}.product-disclaimer{font-size:9px;color:#8a8d81;margin:24px 0 0}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid #cbd1c0;padding-top:20px}.steps article>span{font-size:12px;color:#718065}.steps h3{font-weight:500;font-size:19px;margin:22px 0 12px}.steps p{font-size:13px;line-height:1.8;color:#7b8073;max-width:300px}.business{background:#2d402e;color:#f5f4eb;display:grid;grid-template-columns:1fr 1fr;gap:80px}.business .eyebrow{color:#b8c8a4}.business h2{font-size:54px}.business p:not(.eyebrow){font-size:13px;line-height:1.9;color:#c5cfbb;max-width:410px;margin:23px 0 28px}.business-art{position:relative;min-height:330px}.art-label,.art-caption{position:absolute;font-size:8px;letter-spacing:1.5px;color:#aabb98;left:15px;top:0}.art-caption{top:auto;bottom:0}.logo-tile{position:absolute;width:190px;height:210px;border-radius:6px;display:grid;place-content:center;box-shadow:8px 15px 25px #17231830}.tile-back{background:#a5b395;color:#384c33;left:12%;top:35px;transform:rotate(-15deg);font-size:30px;font-weight:700;line-height:1}.tile-front{background:repeating-linear-gradient(90deg,#d1ad7b,#d8b586 3px,#d1ad7b 5px);color:#66543e;left:40%;top:80px;transform:rotate(9deg);font-size:25px;letter-spacing:-1px;font-family:Georgia,serif}.tile-front span{font:6px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:14px;text-align:center}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:38px}.about-lead{font-size:20px;line-height:1.6;letter-spacing:-.5px}.about p:not(.eyebrow):not(.about-lead){font-size:13px;line-height:1.9;color:var(--muted)}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.about-tags span{font-size:9px;border:1px solid #d9ddd0;padding:8px 10px;border-radius:20px}.contact{background:#e9ede1;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:51px}.contact p:not(.eyebrow){font-size:13px;line-height:1.8;color:#717b65;margin-top:23px}.contact-star{font-size:83px;display:block;color:#647c52;margin-top:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#49543f;margin-bottom:20px}input,select,textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #bfc8b3;border-radius:0;background:transparent;font-size:12px;color:var(--ink);outline-offset:4px;margin-top:7px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#929989}.contact form .form-note{font-size:10px;margin:16px 0 0;max-width:440px}.request-result{margin-top:25px;border-top:1px solid #bfc8b3;padding-top:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 5%;max-width:1440px;margin:auto}footer p,footer span,footer>a:last-child{font-size:10px;color:#7e8374;margin:0}footer .logo{font-size:26px}footer .logo span{font-size:9px}.menu-toggle{background:none;border:0;font-size:24px}@media(min-width:1500px){.business,.contact{border-radius:8px}}@media(max-width:1050px){.hero{gap:25px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-visual{min-height:470px}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.product-image{height:340px}.board{width:55%;left:23%}.necklace{top:50px}.playing-cards{top:105px;left:25%}.card-holder{top:210px;left:15%;width:70%}.vase{top:105px;height:170px}.section-heading>p{max-width:240px}.business{gap:30px}.logo-tile{width:150px;height:185px}.about,.contact{gap:35px}.header nav{gap:20px}.values-strip{padding-inline:5%}}@media(max-width:700px){.header{height:77px}.header .logo{font-size:28px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:10;background:var(--bg);padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column}.header nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:15px;padding:10px 12px;font-size:10px}.nav-cta span{margin-left:9px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:28px;gap:32px}.hero-copy{padding-top:5px}h1{font-size:65px;letter-spacing:-3px}.eyebrow{font-size:8px}.intro{font-size:14px}.hero-note{margin-top:25px}.hero-visual{min-height:380px}.round-stamp{right:-10px;width:95px;height:95px}.values-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}.values-strip b{font-size:9px}.values-strip span{gap:9px}.section{padding:55px 5%}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:22px}h2{font-size:36px}.filter-bar{gap:6px;flex-wrap:wrap}.filter{font-size:10px;padding:9px 12px}.product-grid{gap:27px 14px}.product-image{height:220px}.tag{font-size:5px;left:8px;top:12px;letter-spacing:.5px}.product-meta h3{font-size:12px}.product-meta>span{display:none}.product>p{font-size:10px}.category-label{font-size:6px}.board{width:69%;left:16%;height:73%;top:19%}.board>span{font-size:13px}.board b{font-size:19px}.board small{font-size:4px}.necklace{transform:translateX(-50%) rotate(-13deg) scale(.76);top:-9px}.playing-cards{left:9%;top:54px;transform:rotate(-8deg) scale(.78);transform-origin:left top}.card-holder{top:148px;left:10%;width:80%;height:39px;border-top-width:6px}.card-holder span{font-size:5px;left:27%;top:12px}.vase{top:64px;height:120px;width:51%;left:24%}.custom-star{font-size:34px;top:40px;right:16px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps h3{margin-top:15px}.steps p{max-width:none}.process .text-link{margin-top:23px}.business,.about,.contact{grid-template-columns:1fr;gap:32px}.business h2,.contact h2{font-size:45px}.business-art{min-height:290px}.logo-tile{width:160px;height:180px}.tile-front{top:70px;left:42%}.about h2{font-size:35px}.contact-star{display:none}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:20px}footer>p{width:55%;text-align:right}footer>span{font-size:9px}footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Lokale GRAVIA-Markenmotive in ihrem vollständigen Bildformat. */
.hero-visual.hero-brand{min-height:0;align-self:center;aspect-ratio:661 / 569;background:#e5dfd4;overflow:hidden}
.hero-visual.hero-brand>img{position:static;display:block;width:100%;height:auto;object-fit:contain;filter:none}
.hero-brand-link{position:absolute;right:20px;bottom:20px;width:43px;height:43px;display:grid;place-items:center;background:#f7f6f2e6;border:1px solid #ffffff70;border-radius:50%;font-size:24px;transition:background .2s}
.hero-brand-link:hover{background:#fff}
.about-brand-image{display:block;width:100%;height:auto;margin-top:30px;border-radius:6px}

/* GRAVIA — Editorial design system */
:root{--bg:#f8f7f3;--ink:#242b25;--muted:#666e60;--green:#486447;--line:#dedfd6}
body{background:var(--bg)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:15px}
.announcement{background:#283c2d;color:#e5e9dc;display:flex;justify-content:center;gap:28px;padding:11px 20px;font-size:10px;letter-spacing:.6px}.announcement a{color:#d6e9b3}.announcement a span{margin-left:8px}
.header{position:sticky;top:0;z-index:20;height:86px;max-width:none;background:#f8f7f3ed;backdrop-filter:blur(18px);padding-inline:max(5%,calc((100vw - 1296px)/2));transition:box-shadow .25s}.header.scrolled{box-shadow:0 5px 25px #25332409}.logo{letter-spacing:-2.5px}.logo span{color:#6b8458}.header nav{font-size:12px}.nav-cta{border-radius:30px;background:#293d2b;color:white;border-color:#293d2b;padding:13px 20px}.nav-cta:hover{background:#496747}
.hero{padding-top:68px;padding-bottom:66px;gap:36px;align-items:center;min-height:650px;position:relative}.hero-copy{padding-top:0}.hero-edition{display:block;font-size:9px;letter-spacing:2.3px;color:#68745e;margin-bottom:26px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:clamp(60px,6.8vw,94px);letter-spacing:-5px;line-height:1.08}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-4px}.hero .intro{font-size:15px;line-height:1.9;max-width:355px}.hero-actions{gap:20px}.button{border-radius:30px;padding:17px 23px;font-size:12px}.hero-note{margin-top:35px}.hero-visual.hero-brand{border-radius:180px 180px 18px 18px;box-shadow:0 22px 45px -25px #574a3438;border:1px solid #e6e0d6;isolation:isolate}.hero-visual.hero-brand>img{padding:30px 0 42px;background:#e4ddd1;mix-blend-mode:multiply}.image-label{position:absolute;top:32px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#615e51;z-index:1}.image-footnote{position:absolute;bottom:27px;left:25px;font-size:10px;color:#625e51;letter-spacing:.4px}.hero-brand-link{width:39px;height:39px;bottom:17px}.values-strip{max-width:1296px;margin:auto;padding:24px 1%;font-size:22px}.values-strip b{font-size:11px}.section{padding-top:100px;padding-bottom:100px}.eyebrow{color:#526448;letter-spacing:2px;font-size:9px}h2{font-size:48px;letter-spacing:-2.3px;line-height:1.16}h2>span{color:#929686}.section-heading>p{font-size:13px}.filter-bar{margin:35px 0 30px;gap:10px}.filter{padding:12px 20px;font-size:12px;transition:background .2s,color .2s}.filter:not(.active):hover{background:#e9eddf;color:#35492d}.product-grid{gap:25px}.product{min-width:0}.product-image{height:300px;border-radius:13px;transition:box-shadow .3s,transform .3s}.product-image:hover{transform:translateY(-5px);box-shadow:0 17px 30px #3b412416}.tag{top:17px;left:14px;font-size:6px;padding:8px 10px;border-radius:20px;background:#ffffff75;letter-spacing:.65px}.product-arrow{height:35px;width:35px;bottom:15px;right:15px}.product-meta h3{font-size:15px}.product-meta{margin-top:21px}.product>p{font-size:11px;color:#626b59}.category-label{font-size:8px;letter-spacing:1.2px;color:#64715a}.product-disclaimer{font-size:10px;margin-top:30px;color:#707866}
.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;background:#eeeee7;border-block:1px solid #e0e1d7;align-items:center}.studio-preview{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #d9ddce;background:radial-gradient(ellipse at 50% 35%,#faf9f4,#e4e6da);border-radius:18px;padding:24px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:8px;letter-spacing:1px;color:#59654f}.live-badge{color:#567349}.preview-object{width:85%;min-height:175px;margin:55px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;border-radius:20px;transform:rotate(-7deg);transition:background .3s,box-shadow .3s,color .3s;box-shadow:8px 22px 25px #51452a26}.preview-object.wood{background:repeating-linear-gradient(93deg,#bb8c5122 0px,#e7bd8922 3px,#986b3022 4px,#d5a77022 9px),linear-gradient(100deg,#cba16c,#e1bd8c 45%,#cfa773);color:#694d2b;border-bottom:5px solid #b78c59}.preview-object.metal{background:linear-gradient(120deg,#aaada9,#f0f0e9 35%,#bfc0b7 65%,#e2e4dd);color:#51584f;border-bottom:5px solid #9b9f96}.preview-object.print{background:repeating-linear-gradient(0deg,#647953 0,#647953 2px,#70845e 3px);color:#edf0e4;border-bottom:5px solid #485d3e}.preview-object>span{font:italic 30px Georgia,serif;overflow-wrap:anywhere;max-width:100%;line-height:1.3}.preview-object small{font-size:6px;letter-spacing:2px;margin-top:20px}.preview-note{font-size:9px;line-height:1.6;color:#707761;margin:0;text-align:center}.studio-controls>p:not(.eyebrow){font-size:13px;color:#66715e;line-height:1.9;max-width:360px;margin:22px 0}.studio-controls>label{display:flex;justify-content:space-between;margin-bottom:0}.studio-controls>label span{font-size:10px;color:#727b67}.studio-controls>input{padding:14px 16px;background:#ffffffa6;border:1px solid #cdd4c1;border-radius:8px;font-size:14px;margin-top:9px}.material-options{border:0;padding:0;margin:23px 0;display:flex;gap:10px;flex-wrap:wrap}.material-options legend{font-size:11px;margin-bottom:12px;color:#49543f}.material-options label{display:flex;align-items:center;gap:8px;position:relative;border:1px solid #ced5c1;border-radius:30px;padding:10px 14px;cursor:pointer;margin:0}.material-options label:has(input:checked){background:#fff;border-color:#536b42;box-shadow:0 0 0 1px #536b42}.material-options input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.material-options label:has(input:focus-visible){outline:3px solid #80a877;outline-offset:3px}.swatch{width:15px;height:15px;border-radius:50%;border:1px solid #0001}.wood-swatch{background:#cea46d}.metal-swatch{background:linear-gradient(120deg,#a4a8a0,#f3f4ee,#9da399)}.print-swatch{background:#6b8158}.studio-controls p.studio-hint{font-size:10px;margin:10px 0 0}
.steps{gap:25px}.steps article{border:1px solid #dfe2d6;border-radius:14px;padding:27px;background:linear-gradient(140deg,#fff9,#f0f1e9)}.steps article>span{font:32px 'Manrope',sans-serif;color:#899a7a;letter-spacing:-1px}.steps h3{font-size:18px;letter-spacing:-.4px}.steps p{font-size:12px;margin-bottom:0}.business{border-radius:20px;max-width:1296px;padding:65px 6%;background:radial-gradient(ellipse at 90% 0%,#4e6445,#293e30 65%);position:relative;overflow:hidden}.business h2{font-size:60px;font-weight:400}.business .button{margin-top:5px}.business-art{align-self:center}.about{align-items:center;gap:80px}.about-brand-image{border-radius:14px;margin-top:30px}.about-lead{font-size:23px;line-height:1.6}.about-tags span{font-size:10px}.about h2{font-size:40px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:65px}.faq>div>p:not(.eyebrow){font-size:12px;color:#6a7460;line-height:1.8;margin-top:20px}.faq-list details{border-bottom:1px solid #d8ddce}.faq-list summary{cursor:pointer;list-style:none;padding:22px 35px 22px 0;font-size:14px;position:relative;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:18px;font-size:22px;font-weight:400;color:#607550}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.9;color:#6c7562;padding-right:25px;margin:0 0 22px}.faq-list summary:focus-visible{outline:2px solid #6a805b;outline-offset:4px}
.contact{background:#e8eddf;border-radius:24px 24px 0 0;gap:70px;align-items:start}.contact h2{font-size:56px}.contact h2 em{font:italic 1.12em Georgia,serif}.contact-promise{display:flex;gap:17px;align-items:center;margin-top:40px}.contact-promise>span{display:grid;place-items:center;height:46px;width:46px;border:1px solid #b4c2a4;border-radius:50%;font-size:24px}.contact .contact-promise p{font-size:11px;margin:0}#inquiry-form{background:#ffffffa3;border:1px solid #fff;border-radius:17px;padding:30px;box-shadow:0 12px 45px #38492a06}.contact .form-title{display:flex;justify-content:space-between;color:#34422d;font-size:18px;letter-spacing:-.4px;margin:0 0 28px}input,select,textarea{border:1px solid #d3dbc9;background:#fff9;padding:12px;border-radius:6px}input:focus,select:focus,textarea:focus{outline:2px solid #708c60;border-color:transparent}.contact form .form-note{font-size:10px;color:#666f5e}.contact form .button{width:100%}.request-result textarea{font-size:12px;line-height:1.7}footer{padding-block:42px}footer .logo{font-size:32px}
.reveal{transition:opacity .65s ease,translate .65s ease}.reveal.pending{opacity:0;translate:0 22px}
@media(min-width:1450px){.contact{max-width:1296px}.studio{border-radius:20px;max-width:1296px;padding-inline:6%}}
@media(max-width:1100px){.header nav{gap:18px}.hero h1{font-size:70px;letter-spacing:-4px}.hero-actions{gap:16px}.product-image{height:330px}.studio{gap:40px}.section{padding-top:70px;padding-bottom:70px}.business{margin-inline:3%;padding:55px 5%}.faq{gap:40px}.contact{gap:35px}#inquiry-form{padding:24px}.contact h2{font-size:45px}}
@media(max-width:700px){.announcement{font-size:8px;gap:15px;padding:10px}.header{height:73px}.header nav{top:73px;background:#f8f7f3}.nav-cta{font-size:9px;padding:10px 12px}.hero{padding-top:37px;padding-bottom:35px;gap:33px;min-height:0}.hero-edition{font-size:8px;margin-bottom:20px}.hero h1{font-size:clamp(53px,12vw,76px);letter-spacing:-3px}.hero h1 em{letter-spacing:-2px}.hero .eyebrow{font-size:8px}.hero .intro{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-visual.hero-brand{border-radius:140px 140px 14px 14px;max-width:480px;width:100%;margin:auto;aspect-ratio:auto}.hero-note{margin-top:24px}.image-label{font-size:7px;top:24px}.image-footnote{font-size:9px;left:20px}.values-strip{margin:0 5%;padding:19px 0}.values-strip b{font-size:9px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:36px}.product-grid{gap:28px 14px}.product-image{height:225px}.tag{font-size:5px;padding:6px;left:7px;top:11px}.product-meta h3{font-size:12px}.product>p{font-size:10px}.category-label{font-size:6px}.product-arrow{width:28px;height:28px;right:10px;bottom:10px}.filter-bar{gap:6px;margin:25px 0}.filter{padding:10px 13px;font-size:10px}.studio{grid-template-columns:1fr;gap:30px}.studio-preview{min-height:310px;padding:20px;order:2}.preview-object{margin:38px 0;min-height:150px}.studio-controls h2 br{display:none}.studio-controls>p:not(.eyebrow){max-width:none}.studio-controls .button{width:100%}.preview-object>span{font-size:27px}.steps{gap:13px}.steps article{padding:22px}.steps h3{margin-top:15px}.steps article>span{font-size:27px}.business{border-radius:16px;margin-inline:4%;padding:38px 6%}.business h2{font-size:47px}.business-art{min-height:290px}.about{gap:28px}.about-lead{font-size:20px}.about h2{font-size:35px}.faq{grid-template-columns:1fr;gap:20px}.faq-list summary{font-size:13px}.contact{gap:30px;border-radius:18px 18px 0 0}.contact h2{font-size:44px}.contact-promise{margin-top:20px}#inquiry-form{padding:22px 18px}.form-row{grid-template-columns:1fr}.contact .form-title{font-size:17px}input,select,textarea{font-size:16px}.contact form .form-note{font-size:10px}footer{padding-top:30px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.reveal.pending{opacity:1;translate:none}.reveal{transition:none}}

/* Warm wood, brushed gold and contemporary editorial typography. */
:root{--bg:#f7f1e8;--ink:#382b22;--muted:#756657;--green:#936632;--line:#dfd1be;--wood:#62442e;--gold:#a1763b}
body{background:var(--bg);color:var(--ink)}
h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-1.8px}
h3{color:#443225}h2>span{color:#8b7662}em{color:#936632}
.announcement{background:#493426;color:#f6ebda}.announcement a{color:#e3c18b}
.header{background:#f7f1e8ed;border-color:#dfd1be}.header.scrolled{box-shadow:0 5px 25px #5133190c}.logo span{color:#9b743d}
.nav-cta,.dark{background:#573e2c;border-color:#573e2c;color:#fff8ed}.nav-cta:hover,.dark:hover{background:#765338}.light{background:#fcf5e9;color:#493426}
.eyebrow,.hero-edition{color:#806039}.dot{background:#a77e43}.small-icon{color:#a5814e}.hero-note,.hero-note strong{color:#79634d}
.hero h1{font-size:clamp(68px,7.4vw,105px);letter-spacing:-3px;line-height:.98}.hero h1 em,.contact h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-2px}.hero h1 em{font-size:1.04em}.hero .intro{color:#796a5c}.hero{gap:44px;min-height:620px}
.hero-visual.hero-brand{aspect-ratio:auto;border-radius:18px;border-color:#e0d1bd;background:#e9dfcf;box-shadow:0 25px 55px -30px #67442450}
.hero-visual.hero-brand>img{display:block;padding:0;margin:52px 0 58px;width:100%;height:auto;mix-blend-mode:normal;background:transparent;border-radius:0}
.image-label{color:#776044;top:23px;letter-spacing:2.4px}.image-footnote{color:#725c43;bottom:25px}.hero-brand-link{background:#fff7e7;color:#62442e}
.values-strip span{color:#a17d49}.values-strip b{color:#75634e}.section-heading>p,.product>p,.product-disclaimer{color:#786b5c}.category-label{color:#8a673a}.filter{color:#796247;border-color:#deceb7}.filter.active{background:#60452f;border-color:#60452f}.filter:not(.active):hover{background:#ecdfcb;color:#60452f}
.product-image{border:1px solid #5e39290a}.board-scene{background:#ece0cd}.jewelry-scene{background:radial-gradient(ellipse at 30% 20%,#fbf1df,#e6d5bb)}.cards-scene{background:#e9e1d5}.custom-scene{background:#e5d7c6}.tag{color:#69523c;background:#fff9edb5}.product-arrow{color:#66472d;background:#fff9edbf}
.studio{background:#eee3d3;border-color:#e0d1bb}.studio-preview{background:radial-gradient(ellipse at 50% 35%,#fbf4e9,#e8d9c3);border-color:#dcccaf}.preview-top,.live-badge,.preview-note{color:#795c3a}.studio-controls>p:not(.eyebrow),.studio-controls>label span{color:#796752}.studio-controls>input{background:#fff9ef;border-color:#cfbda1}.material-options legend{color:#674d34}.material-options label{border-color:#d0bb9b;color:#6a5138}.material-options label:has(input:checked){background:#fff8eb;border-color:#9a7547;box-shadow:0 0 0 1px #9a7547}
.steps article{border-color:#dfcfb8;background:linear-gradient(140deg,#fffaf1,#f0e5d5)}.steps article>span{color:#a7804c;font-family:'Cormorant Garamond',Georgia,serif;font-size:42px}.steps p{color:#7b6956}
.business{background:radial-gradient(ellipse at 90% 0%,#775a3d,#402d21 70%);color:#fff1da}.business .eyebrow{color:#e2bf87}.business p:not(.eyebrow){color:#e1cdb0}.art-label,.art-caption{color:#d4b382}.tile-back{background:#bca17a;color:#4e3825}.business h2{letter-spacing:-1px}.about p:not(.eyebrow):not(.about-lead){color:#786957}.about-tags span{border-color:#ddcbb1;color:#765b3f}.about-lead{color:#58412e}.about-brand-image{border:1px solid #e0d1bb}
.gratitude{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;padding-top:15px;padding-bottom:90px}.gratitude-image{margin:0}.gratitude-image img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 15px 40px -22px #573b2650}.gratitude-copy h2{font-size:54px;line-height:1.05}.gratitude-copy h2 em{font-style:italic}.gratitude-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#7c6853;max-width:360px;margin:23px 0}.gratitude-copy .text-link{padding-bottom:8px;border-bottom:1px solid #c9b18b;color:#785732;margin-top:5px}
.faq-list details{border-color:#deceb8}.faq-list summary:after{color:#946d39}.faq-list details p,.faq>div>p:not(.eyebrow){color:#7b6853}.contact{background:#ecdfcb}.contact p:not(.eyebrow){color:#7c654d}.contact-promise>span{border-color:#c9ad84;color:#866036}#inquiry-form{background:#fffaf1bd;border-color:#fff7e9;box-shadow:0 12px 45px #6b462009}.contact .form-title{color:#60452f}.contact form .form-note{color:#796752}label{color:#6b5139}input,select,textarea{border-color:#d8c5a8;background:#fffcf6a6;color:#483525}input::placeholder,textarea::placeholder{color:#8b7964}input:focus,select:focus,textarea:focus{outline-color:#a9844e}.request-result{border-color:#d0b996}footer p,footer span,footer>a:last-child{color:#7e6952}
a:focus-visible,button:focus-visible,.faq-list summary:focus-visible,.material-options label:has(input:focus-visible){outline-color:#a77d42}
@media(max-width:1100px){.hero h1{font-size:76px}.hero{gap:30px}.gratitude{gap:40px}.gratitude-copy h2{font-size:46px}}
@media(max-width:700px){.header nav{background:#f7f1e8}.hero{min-height:0;gap:30px}.hero h1{font-size:clamp(61px,13.5vw,86px);letter-spacing:-2px}.hero h1 em{letter-spacing:-1.8px}.hero-visual.hero-brand{border-radius:14px}.hero-visual.hero-brand>img{margin:45px 0 52px}.image-label{top:20px}.image-footnote{bottom:22px}h2{font-size:41px;letter-spacing:-1px}.about h2{font-size:39px}.contact h2{font-size:48px}.gratitude{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:55px}.gratitude-copy h2{font-size:45px}.gratitude-copy>p:not(.eyebrow){max-width:none;font-size:13px}.gratitude-image img{border-radius:12px}.steps article>span{font-size:35px}}

/* Inquiry feedback */
#inquiry-form .form-trap { display: none !important; }
.inquiry-status { overflow-wrap: anywhere; line-height: 1.6; }
.inquiry-status:empty { display: none; }
.inquiry-status[data-state="success"] { border-left: 3px solid #386247; padding: 12px 16px; background: #edf5ee; color: #244b30; }
.inquiry-status[data-state="error"] { border-left: 3px solid #983e2d; padding: 12px 16px; background: #fff0ea; color: #823424; }
#inquiry-form button:disabled { opacity: .65; cursor: wait; }

/* Product personalization */
.wood-product-photo{width:100%;height:100%;object-fit:contain;background:#2d2d2d}
.personalize{max-width:1440px;margin:auto;padding-top:40px}
.back-products{display:inline-block;margin-bottom:36px}
.personalize-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:start}
.personalize-controls h1{font-size:clamp(34px,4vw,56px);letter-spacing:-2px;line-height:1.1;margin-bottom:22px}
.personalize-controls>p:not(.eyebrow){line-height:1.8;color:var(--muted)}
.personalize-controls label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin:22px 0 10px}
.personalize-controls input,.personalize-controls select{width:100%;padding:15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.personalize-controls input:focus,.personalize-controls select:focus{outline:2px solid var(--green);outline-offset:3px}
.personalize-controls .button{margin-top:28px;width:100%}
.personalize-visual{position:relative;aspect-ratio:870/570;display:grid;place-items:center;background:#e6e1d7;border-radius:12px;overflow:hidden}
.personalize-visual img{width:100%;height:100%;object-fit:contain}
.personalize-visual [hidden]{display:none!important}
#personal-text{position:absolute;top:50%;left:50%;width:62%;text-align:center;transform:translate(-50%,-50%);font-size:clamp(13px,2.4vw,32px);overflow-wrap:anywhere;line-height:1.1;color:#4a2a17;font-family:Georgia,serif}
.personalize-visual[data-product="wood"] #personal-text{transform:translate(-50%,-50%) rotate(-23deg) skewX(10deg);text-shadow:0 1px #ffffff35}
#personal-text[data-font="modern"]{font-family:'DM Sans',sans-serif;font-weight:600}
#personal-text[data-font="script"]{font-family:Georgia,serif;font-style:italic}
#product-shape{width:75%;height:55%;background:#65836f;border-radius:18px;box-shadow:8px 16px 0 #3f5b48,0 30px 35px #242a2425}
.personalize-visual[data-product="jewelry"]{background:#ece4d6}
.personalize-visual[data-product="jewelry"] #product-shape{width:52%;height:70%;border-radius:50%;background:linear-gradient(120deg,#a77a31,#f6dda0 45%,#c09449);box-shadow:3px 7px 0 #95723d,0 24px 30px #242a2425}
.personalize-visual[data-product="jewelry"] #personal-text{width:42%;color:#624820}
.personalize-visual[data-product="cards"] #product-shape{height:30%;border-top:10px solid #334738;border-radius:8px}
.personalize-visual[data-product="cards"] #personal-text,.personalize-visual[data-product="custom"] #personal-text{color:#f7f1e8}
#design-summary{background:#eeeee7;color:var(--ink)}
@media(max-width:760px){.personalize-grid{grid-template-columns:1fr;gap:32px}.personalize{padding-top:25px}.personalize-controls h1{font-size:36px}.personalize-visual #personal-text{font-size:clamp(14px,4vw,28px)}}

/* Gravia Mark variants */
.mark-product-photo{width:100%;height:100%;object-fit:cover}
#mark-options[hidden],#engraving-controls[hidden]{display:none}
.mark-tagline{margin-top:25px;font-family:Georgia,serif;font-style:italic;font-size:21px}
.variant-options{border:0;padding:0;margin:26px 0}
.variant-options legend{font-size:14px;font-weight:600;margin-bottom:12px}
.shape-options,.chain-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.chain-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.personalize-controls .variant-options label{position:relative;display:block;margin:0;cursor:pointer}
.variant-options input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;padding:0}
.variant-options label>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:1px solid #d8c5a8;border-radius:8px;background:#fffaf3;text-align:center;height:100%}
.shape-options img{width:100%;height:95px;object-fit:contain;background:#2d2d2d;border-radius:5px}
.variant-options input:checked+span{border-color:#785732;box-shadow:0 0 0 1px #785732;background:#efe1ca}
.variant-options input:focus-visible+span{outline:3px solid #a77d42;outline-offset:3px}
.chain-options label>span{padding:16px 8px}
.mark-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.mark-price strong{font-size:28px;font-weight:600}.mark-price p{margin:8px 0 0;color:var(--muted);font-size:13px}
.personalize-visual[data-product="jewelry"]{aspect-ratio:1;background:#2d2d2d}
.personalize-visual[data-product="jewelry"] #personal-text{top:66%;width:36%;color:#444;transform:translate(-50%,-50%);font-size:clamp(14px,2vw,26px);text-shadow:0 1px #ffffff80}
.personalize-visual[data-product="jewelry"][data-shape="heart"] #personal-text{top:65%;width:40%}
.personalize-visual[data-product="jewelry"][data-shape="round"] #personal-text{top:67%;width:45%}
.personalize-visual #personal-text[hidden]{display:none}
@media(max-width:760px){.personalize-visual[data-product="jewelry"] #personal-text{font-size:clamp(14px,4vw,25px)}}

/* Extended engraving controls */
#personal-text{white-space:pre-line}
#personal-text[data-font="book"]{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif}
#personal-text[data-font="mono"]{font-family:'Courier New',Courier,monospace}
#personal-text[data-font="bold"]{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.025em}
#personal-text[data-font="rounded"]{font-family:'Trebuchet MS','Arial Rounded MT Bold',sans-serif;letter-spacing:.04em}
.design-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.design-settings>div:first-child{grid-column:1/-1}
.personalize-controls input[type="range"]{padding:8px 0;accent-color:#785732;border:0;background:transparent}
.reset-design{margin-top:22px;text-decoration:underline;text-underline-offset:4px}
#personal-quantity{max-width:150px}

/* Dedicated engraving design studio */
.editor-title{font-size:clamp(32px,5vw,56px);letter-spacing:-1.5px;margin-bottom:35px}
.editor-page .personalize-grid{grid-template-columns:1.2fr 1fr;gap:40px}
.editor-page .personalize-grid>div:first-child{position:sticky;top:115px}
.editor-page #product-title{font-size:32px}
.editor-instruction{font-size:14px;line-height:1.6;margin-top:18px}
.editor-page .personalize-visual .movable{position:absolute;touch-action:none;cursor:grab;user-select:none;transform:translate(-50%,-50%) rotate(var(--editor-rotation,0deg))!important;margin-top:0!important;border:1px dashed transparent;border-radius:4px;padding:5px}
.editor-page .personalize-visual .movable:active{cursor:grabbing}
.editor-page .personalize-visual .selected-element{border-color:#a77d42}
.editor-page #editor-symbols{width:max-content;max-width:65%;overflow-wrap:anywhere;color:#4a2a17;font-family:Georgia,serif;line-height:1.1;text-align:center}
.editor-page [data-product="jewelry"] #editor-symbols{color:#444}
.editor-page [data-product="cards"] #editor-symbols,.editor-page [data-product="custom"] #editor-symbols{color:#fffaf3}
.editor-tools{margin:28px 0;padding:22px;border:1px solid #d8c5a8;border-radius:12px;background:#fffaf3}
.editor-tools h2{font-size:26px;letter-spacing:-.5px;margin-bottom:10px}
.editor-tools p{font-size:13px;line-height:1.6}
.symbol-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}
.symbol-palette button{border:1px solid #d8c5a8;border-radius:7px;background:#f7f1e8;min-height:44px;font-size:25px;color:#483525}
.symbol-palette button:hover{background:#efe1ca}
#editor-status:empty{display:none}
.editor-page #personal-position{opacity:.5}
@media(max-width:760px){.editor-page .personalize-grid{grid-template-columns:1fr}.editor-page .personalize-grid>div:first-child{position:static}.editor-tools{padding:16px}}

/* Product chooser in the homepage studio */
.studio-controls select{width:100%;padding:14px;border:1px solid #d8c5a8;border-radius:7px;background:#fffaf1;color:#483525;font:inherit}
.studio-controls #use-design{margin-top:24px}
#studio-mark-options[hidden]{display:none}
.home-product-preview{position:relative;width:100%;aspect-ratio:870/570;margin-top:26px;border-radius:12px;overflow:hidden;background:#2d2d2d;display:grid;place-items:center}
.home-product-preview img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.home-product-preview [hidden]{display:none!important}
.home-product-preview #engraving-preview{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%) rotate(-23deg);font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,2vw,28px);line-height:1.15;text-align:center;overflow-wrap:anywhere;color:#4a2a17}
.home-product-preview[data-product="jewelry"]{aspect-ratio:1}
.home-product-preview[data-product="jewelry"] #engraving-preview{top:65%;width:35%;transform:translate(-50%,-50%);color:#444}
.home-product-preview[data-product="cards"],.home-product-preview[data-product="custom"]{background:#e6e1d7}
#studio-shape{width:75%;height:55%;background:#65836f;border-radius:16px;box-shadow:5px 10px #3f5b48}
.home-product-preview[data-product="cards"] #studio-shape{height:30%;border-top:8px solid #334738;border-radius:6px}
.home-product-preview[data-product="cards"] #engraving-preview,.home-product-preview[data-product="custom"] #engraving-preview{transform:translate(-50%,-50%);color:#fffaf3}
.studio-product-name{text-align:center;margin:20px 0 12px;font-weight:600;font-size:14px}

/* Account and saved personalized products */
.shop-page { min-height: 70vh; padding-top: 150px; }
.shop-page h1 { font-size: clamp(2.6rem, 6vw, 5rem); margin-bottom: 24px; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 36px; }
.shop-card, .cart-item { padding: 32px; border: 1px solid #d9cdbd; border-radius: 16px; background: #fffaf3; margin: 24px 0; }
.shop-card h2, .cart-item h2 { margin-bottom: 20px; font-size: 1.6rem; }
.shop-card label, .cart-item label { display: grid; gap: 8px; margin: 20px 0; }
.shop-card input, .cart-item input { width: 100%; padding: 14px; border: 1px solid #cbbda8; border-radius: 6px; background: white; font: inherit; }
.cart-item input { max-width: 140px; }
.cart-design { white-space: pre-wrap; overflow-wrap: anywhere; margin: 16px 0; }
.cart-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.shop-note { margin-top: 28px; max-width: 760px; }
#shop-status { margin: 18px 0; }
button:disabled { opacity: .6; cursor: wait; }
[hidden] { display: none !important; }
@media (max-width: 760px) { .account-grid { grid-template-columns: 1fr; gap: 0; } .shop-card, .cart-item { padding: 22px; } }
@media (min-width: 701px) and (max-width: 1100px) {
  .header nav { display: none; position: absolute; top: 86px; left: 0; right: 0; padding: 24px 5%; background: #f7f1e8; flex-direction: column; border-bottom: 1px solid #dfd1be; }
  .header nav.open { display: flex; }
  .header .menu-toggle { display: block; }
  .header .nav-cta { margin-left: auto; margin-right: 18px; }
}

/* Product thumbnails stay alongside the saved design on larger screens. */
.cart-item { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; align-items: start; }
.cart-item-content { min-width: 0; }
.cart-picture { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 12px; background: #f0e5d5; }
.cart-picture img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cart-picture-cards { background: #e2e8dc; }
.cart-picture-custom { background: #e9dfd3; }
.cart-illustration { position: absolute; inset: 0; }
.cart-playing-cards { position: absolute; left: 22%; top: 17%; display: flex; transform: rotate(-8deg); }
.cart-playing-cards span { width: 48px; height: 80px; margin-left: -8px; border: 1px solid #d2cbbc; border-radius: 6px; padding: 9px; background: #fffaf1; color: #34362f; font: 20px Georgia, serif; box-shadow: 0 3px 8px #35241118; }
.cart-playing-cards span:nth-child(2) { color: #ac4841; transform: translateY(-6px); }
.cart-card-holder { position: absolute; left: 14%; right: 14%; top: 57%; height: 27%; border-top: 7px solid #66754f; border-radius: 5px 5px 12px 12px; background: #8b9a72; text-align: center; padding-top: 10px; color: #fffaf1; font-size: 9px; letter-spacing: 2px; transform: rotate(-8deg); box-shadow: 0 9px 12px #35241118; }
.cart-vase { position: absolute; width: 40%; height: 62%; top: 16%; left: 30%; border-radius: 22% 22% 35% 35%; background: repeating-linear-gradient(90deg, #b67e5e 0, #d8aa87 5px, #c48e6b 10px); box-shadow: 9px 12px 15px #51331922; }
.cart-vase::before { content: ''; position: absolute; top: -4%; left: 0; width: 100%; height: 13%; border-radius: 50%; background: #78523e; border: 5px solid #c99673; }
.cart-picture-caption { position: absolute; bottom: 7px; left: 0; right: 0; text-align: center; font-size: 9px; color: #655746; }
@media (max-width: 760px) {
  .cart-item { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .cart-picture { width: 100%; max-width: 300px; }
}

.professional-entry { margin: 24px 0; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #f3eee5; }
.professional-entry .eyebrow { margin-bottom: 8px; }
.personalize-controls .professional-entry .button { margin-top: 4px; }
.professional-entry .studio-hint { margin-bottom: 0; }

/* Board catalog prices and dimensions. */
.product .board-price{font-size:16px;color:var(--ink);margin:10px 0}.board-price small{font-size:11px;font-weight:400}.product .board-dimensions{font-weight:600}.personalize-controls .board-price{line-height:1.7;padding:14px 0;border-block:1px solid var(--line)}

/* Direct company contact links. */
.contact-details{display:flex;flex-direction:column;gap:16px;margin-top:28px;font-style:normal}.contact-details a{display:block;width:fit-content;font-size:clamp(15px,2vw,19px);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.contact-details a span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;color:var(--muted)}.footer-contact{display:flex;flex-direction:column;gap:9px;font-style:normal;font-size:12px;overflow-wrap:anywhere}.footer-contact a{text-decoration:underline;text-underline-offset:3px}footer{flex-wrap:wrap;gap:24px}.contact-details a:focus-visible,.footer-contact a:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Shared storefront: generous spacing, clear hierarchy, restrained surfaces. */
:root{--bg:#faf9f6;--ink:#262c28;--muted:#686d65;--line:#e1e3db;--green:#344f40}
body,.svg-editor{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.65}
h1,h2,h3{color:var(--ink)}h1,h2{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-2px}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2}h2>span{color:#788073}h3{font-weight:600}em{color:inherit}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#526052}.announcement{background:#304739;color:#f5f4ed;font-size:11px;padding:8px 16px;letter-spacing:.5px}.header,.svg-editor .header{height:84px;padding:0 max(4%,calc((100vw - 1280px)/2));background:#faf9f6f5;border-bottom:1px solid var(--line);gap:24px;position:sticky;top:0;z-index:30}.logo{font-size:29px;flex-shrink:0}.logo span{color:#718269}.header nav{gap:23px;font-size:12px;align-items:center}.header nav a{white-space:nowrap}.nav-cta{font-size:11px;padding:11px 18px}.button,.nav-cta{border-radius:7px;box-shadow:none;font-weight:600}.dark,.nav-cta{background:#304739;border-color:#304739;color:#fff}.dark:hover,.nav-cta:hover{background:#49654f}.light{background:#faf9f6;color:#304739}.button{padding:15px 21px;font-size:13px;min-height:48px;justify-content:center}.text-link{font-size:13px}.dot{background:#6f8268}.section{max-width:1360px;margin-inline:auto;padding:80px 40px}.section-heading{align-items:end;margin-bottom:32px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.hero{max-width:1360px;margin:auto;padding:66px 40px 54px;display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:0;align-items:center}.hero h1{font-size:clamp(42px,4.5vw,66px);line-height:1.1;letter-spacing:-3px;margin:20px 0 24px}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-2px;color:#5c715b}.hero .intro{font-size:16px;line-height:1.85;max-width:460px;color:#646b62}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:28px}.hero-detail{font-size:12px;color:var(--muted);margin-top:28px}.hero-photo{border-radius:14px;overflow:hidden;background:#e9e4db}.hero-photo-crop{aspect-ratio:884/589;position:relative;overflow:hidden}.hero-photo img{position:absolute;width:109.95475%;max-width:none;height:auto;left:-3.39367%;top:-3.56537%}.hero-photo-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;font-size:12px;background:#eceee7}.hero-photo-caption>span{font-size:9px;letter-spacing:1.6px}.values-strip{max-width:1280px;margin:auto;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);color:#889080;font-size:12px}.values-strip span{justify-content:center;gap:14px}.values-strip b{font-weight:500;font-size:12px;color:#535e51}.filter-bar{margin:28px 0;gap:8px}.filter{font-size:12px;padding:10px 17px;border-radius:6px;border:1px solid var(--line);background:transparent;color:#51594e}.filter.active{background:#304739;color:white;border-color:#304739}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.product{padding:0;border:0;background:transparent}.product-image{height:auto;aspect-ratio:4/3;border-radius:10px;background:#ede9e1;box-shadow:none}.product-image:hover{transform:translateY(-3px);box-shadow:0 8px 20px #26352a10}.product-image img{width:100%;height:100%;object-fit:contain}.tag{font-size:8px;letter-spacing:.4px;padding:6px 9px;background:#faf9f6ec;color:#42523c;left:14px;top:14px;border-radius:4px}.product-meta{margin-top:18px;align-items:center}.product-meta h3{font-size:17px;letter-spacing:-.3px}.product-meta>span,.category-label{display:none}.product>p{font-size:14px;line-height:1.65;color:var(--muted);margin:8px 0}.product .board-price{border:0;padding:0;margin:8px 0;font-size:17px;color:var(--ink)}.board-price small{font-size:11px;font-weight:400;color:var(--muted)}.product .board-dimensions{font-size:12px}.product-disclaimer{font-size:11px}.set-promo{margin-top:45px;padding:28px 32px;border:1px solid var(--line);border-radius:10px;background:#eff1eb;box-shadow:none}.set-promo h3{font-size:24px;letter-spacing:-.6px}.set-promo p{font-size:13px}.studio.section{max-width:1280px;border-radius:14px;padding:48px;background:#eff1eb;gap:64px;border:0}.studio-preview{background:#f8f7f3;border:0;border-radius:10px;padding:20px;min-height:0}.studio-controls h2{font-family:'DM Sans',sans-serif;font-size:38px}.studio-controls>p:not(.eyebrow){font-size:14px;max-width:440px;color:var(--muted)}.studio-controls>label{font-size:13px}.preview-note{font-size:11px;color:#777e72}.studio-controls .studio-hint{font-size:12px}.steps{gap:24px}.steps article{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;box-shadow:none}.steps article>span{font-size:13px;color:#7d8a74}.steps h3{font-size:20px;margin-top:20px}.steps p{font-size:14px;line-height:1.8}.business.section{max-width:1280px;padding:40px 48px;border-radius:12px;background:#304739;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff}.business h2{font-size:32px;color:#fff}.business .eyebrow{color:#c1cdb9}.business p{max-width:650px;color:#e1e6dd;font-size:14px}.business .button{flex-shrink:0}.about.section{gap:70px;padding-block:72px}.about h2{font-size:38px}.about-lead{font-size:20px;color:#455140}.about p{line-height:1.85}.about-tags span{border-color:var(--line);color:#52604b}.faq{padding-top:55px;gap:60px}.faq-list summary{font-size:15px;padding-block:20px}.faq-list details p{font-size:14px;color:var(--muted)}.contact.section{background:#edf0e8;border-radius:14px;max-width:1280px;padding:48px;gap:70px}.contact h2{font-size:42px}.contact h2 em{font-family:inherit;font-size:inherit;font-style:normal;color:#5d7057}.contact-promise{display:none}.contact p{color:#5f6859}#inquiry-form{background:white;border:1px solid #e2e5dc;border-radius:10px;padding:28px;box-shadow:none}.contact .form-title{font-size:20px;color:var(--ink)}label{font-size:13px;color:#4d5949}input,select,textarea{background:#fff;border:1px solid #d6dbd0;border-radius:6px;padding:13px;font-size:15px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #6b8464;outline-offset:2px}footer{max-width:1360px;margin:auto;padding:40px;gap:24px;border:0;font-size:12px}footer .logo{font-size:27px}.footer-contact{font-size:12px}.personalize.section{padding-top:36px}.personalize-grid{gap:54px;align-items:start}.personalize-visual{border-radius:12px;overflow:hidden}.personalize-controls h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-1.7px}.personalize-controls>p{font-size:14px}.personalize-controls .board-price{padding-block:16px;border-color:var(--line)}.personal-step{font-size:11px!important;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#53664c!important;margin:26px 0 12px;border-top:1px solid var(--line);padding-top:22px}.personalize-controls label{font-size:13px}.personalize-controls input,.personalize-controls select{border-color:#d6dbd0}.personalize-controls .button{border-radius:7px}.sets-heading h1,.shop-page h1{font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-2px}.set-summary,.shop-card,.set-preset,.set-product{border-color:var(--line);box-shadow:none;border-radius:10px}.set-summary{background:#eff1eb}.sets-page .set-builder{gap:36px}.account-grid{gap:28px}.shop-card{background:#fff}.shop-card h2{font-size:26px}.svg-editor main.studio{display:block;background:transparent;border:0;max-width:1440px}.svg-editor h1{font-size:40px}.svg-editor .studio-panel{border-color:var(--line)}.svg-editor .request-panel{background:#edf0e8}.reveal.pending{opacity:1;translate:none}
@media(max-width:1100px){.header{gap:15px}.header nav{gap:13px;font-size:11px}.nav-cta{display:none}.hero{gap:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio.section{margin-inline:24px;padding:32px;gap:32px}.business.section,.contact.section{margin-inline:24px}.personalize-grid{gap:30px}}
@media(max-width:700px){.header,.svg-editor .header{height:70px;padding-inline:20px}.header nav{top:70px;background:#faf9f6;font-size:15px}.header nav.open{display:flex}.announcement{font-size:10px}.section{padding:48px 20px}.hero{padding:36px 20px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:44px;letter-spacing:-2px}.hero .intro{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-detail{margin-top:20px}.hero-photo-caption{padding:15px}.values-strip{margin-inline:20px;padding:18px 0;gap:10px}.values-strip span{display:flex;flex-direction:column;gap:4px;align-items:start}.values-strip b{font-size:10px}.section-heading{margin-bottom:24px}.section-heading>p{font-size:14px;max-width:none}.product-grid{gap:28px 16px}.product-meta h3{font-size:15px}.product>p{font-size:12px}.product .board-price{font-size:16px}.tag{font-size:6px;top:8px;left:8px;padding:4px 6px}.product-image{aspect-ratio:1}.filter-bar{flex-wrap:wrap;gap:7px}.filter{font-size:11px;padding:9px 12px}.set-promo{padding:24px;display:block}.set-promo .button{margin-top:16px}.studio.section{margin-inline:16px;padding:24px;grid-template-columns:1fr;gap:28px}.studio-controls h2{font-size:30px}.studio-preview{order:2}.business.section{margin-inline:16px;padding:28px;display:block}.business h2{font-size:29px}.business .button{margin-top:14px}.about.section{padding-block:48px;gap:20px}.about h2{font-size:32px}.faq{gap:15px}.contact.section{margin-inline:16px;padding:25px;gap:24px}.contact h2{font-size:34px}#inquiry-form{padding:20px}.personalize-grid{grid-template-columns:1fr;gap:25px}.personalize-controls h1{font-size:34px}.personalize-controls input,.personalize-controls select,input,select,textarea{font-size:16px}.personalize-visual{max-height:440px}.shop-page{padding:35px 20px}.account-grid{grid-template-columns:1fr}.svg-editor main.studio{padding:25px 16px}.svg-editor .header nav{display:flex;position:static;font-size:11px;gap:10px;flex-wrap:wrap}.svg-editor .header{height:auto;min-height:70px}footer{padding:32px 20px;gap:20px}.hero-photo{max-width:540px;width:100%;margin:auto}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:4/3}.hero h1{font-size:38px}}

/* Product slideshow with a fixed frame to avoid layout movement. */
.hero-slideshow .hero-slide{opacity:0;transition:opacity 850ms ease;pointer-events:none}
.hero-slideshow .hero-slide.is-active{opacity:1}
.hero-slideshow .hero-slide:nth-child(2){width:100%;height:100%;left:0;top:0;object-fit:contain;background:#e9e4db}
.hero-slider-controls{display:flex;align-items:center;justify-content:space-between;padding:0 23px 16px;background:#eceee7}
.hero-slider-controls[hidden]{display:none}
.hero-slider-dots{display:flex;gap:3px}
.hero-slider-dots button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:50%}
.hero-slider-dots button::after{content:'';width:7px;height:7px;border-radius:50%;background:#afb6a8;transition:background .2s,transform .2s}
.hero-slider-dots button[aria-pressed=true]::after{background:#304739;transform:scale(1.35)}
.hero-slider-pause{background:transparent;border:1px solid #ccd3c5;color:#40523a;border-radius:5px;font-size:11px;padding:6px 10px;min-height:32px}
@media(max-width:700px){.hero-slideshow .hero-photo-caption{gap:10px;min-height:66px}.hero-slideshow .hero-photo-caption>span{max-width:50%;font-size:8px}.hero-slider-controls{padding:0 15px 12px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{transition:none}}

.hero-product-link{display:block;cursor:pointer;border-radius:14px}.hero-product-link:focus-visible{outline:3px solid #304739;outline-offset:-4px}

/* Original GRAVIA brand artwork, visible in the opening section. */
.hero-brand-logo{display:block;width:250px;max-width:65%;height:auto;border-radius:9px;margin:0 0 24px;mix-blend-mode:multiply}
.hero-copy:has(.hero-brand-logo){padding-top:0}
@media(max-width:700px){.hero-brand-logo{width:200px;max-width:65%;margin-bottom:22px}.hero:has(.hero-brand-logo){padding-top:25px}}

/* Customer board photos: hide screenshot margins without cropping the boards. */
.product-image.board-scene:has(.catalog-board-crop){display:flex;align-items:center;background:#eee8dd}
.catalog-board-crop{display:block;position:relative;width:100%;aspect-ratio:884/589;overflow:hidden}
.product-image .catalog-board-crop .catalog-board-photo{position:absolute;display:block;max-width:none;width:109.95475%;height:auto;left:-3.39367%;top:-3.56537%;object-fit:contain;transform:none}
.product-image:has(.catalog-board-crop) .tag,.product-image:has(.catalog-board-crop) .product-arrow{z-index:2}

/* Supplied wordmark; frame removes the whitespace from the display only. */
.hero-wordmark{position:relative;width:300px;max-width:80%;aspect-ratio:1610/220;overflow:hidden;margin:0 0 28px;mix-blend-mode:multiply}
.hero-wordmark img{position:absolute;width:108.0745%;max-width:none;height:auto;left:-4.0373%;top:-77.2727%}
@media(max-width:700px){.hero-wordmark{width:240px;margin-bottom:24px}}

.product-image.cards-scene:has(.cards-product-photo){display:flex;align-items:center;background:#eee8dd}.product-image .cards-product-photo{display:block;width:100%;height:auto;object-fit:contain}.cards-scene:has(.cards-product-photo) .tag,.cards-scene:has(.cards-product-photo) .product-arrow{z-index:2}
/* Product photos use their own format, without letterbox backgrounds. */
.product-image.board-scene:has(.catalog-board-crop),
.product-image.cards-scene:has(.cards-product-photo),
.product-image.jewelry-scene:has(.mark-product-photo){height:auto;min-height:0;aspect-ratio:auto;background:transparent;display:block;border:0;box-shadow:none;overflow:hidden}
.product-image .catalog-board-crop{display:block;width:100%;border-radius:10px}
.product-image .cards-product-photo,
.product-image .mark-product-photo{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none;border-radius:10px}
/* Equal catalog image frames for aligned product titles, without letterboxing. */
.product-grid .product-image{height:auto;min-height:0;aspect-ratio:3/2;overflow:hidden;border-radius:10px}
.product-grid .product-image .catalog-board-crop{width:100%;height:100%;aspect-ratio:auto}
.product-grid .product-image .cards-product-photo,
.product-grid .product-image .mark-product-photo{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
/* Explicit frame sizing overrides the older photo-specific aspect rules. */
.product-grid .product > a.product-image{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:3 / 2;overflow:hidden}
.product-grid .product > a.product-image > .catalog-board-crop{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto}
.product-grid .product > a.product-image > img.cards-product-photo,
.product-grid .product > a.product-image > img.mark-product-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.hero-wordmark{position:static;width:auto;max-width:none;aspect-ratio:auto;overflow:visible;margin:0 0 25px;mix-blend-mode:normal;font-family:'Manrope',sans-serif;font-size:clamp(36px,4vw,50px);font-weight:800;line-height:1;letter-spacing:-3px;color:#262c28}
.hero-wordmark span{display:inline-block;margin-left:5px;vertical-align:top;font:16px 'DM Sans',sans-serif;letter-spacing:0;color:#718269}
@media(max-width:700px){.hero-wordmark{font-size:40px;margin-bottom:22px}}

/* Custom GRAVIA wordmark in the main navigation. */
.header .logo-image{display:block;position:relative;width:118px;height:35px;overflow:hidden;flex:none}
.header .logo-image img{position:absolute;display:block;width:184px;height:auto;max-width:none;left:-5px;top:-83px}
.hero-wordmark{display:none}
@media(max-width:700px){.header .logo-image{width:105px;height:32px}.header .logo-image img{width:164px;top:-74px}}

/* Crop the white margins from the supplied GRAVIA wordmark. */
.header .logo.logo-image{display:block;position:relative;width:140px;height:20px;overflow:hidden;flex:none;font-size:0;letter-spacing:0}
.header .logo.logo-image img{position:absolute;display:block;width:152px;height:auto;max-width:none;left:-8.3px;top:-17.3px;margin:0;padding:0}
@media(max-width:700px){.header .logo.logo-image{width:112px;height:18px}.header .logo.logo-image img{width:122px;left:-6.7px;top:-13.9px}}
.header .logo.logo-image{width:155px;height:27px}
.header .logo.logo-image img{width:168px;left:-9.2px;top:-19.1px;mix-blend-mode:multiply}
@media(max-width:700px){.header .logo.logo-image{width:125px;height:22px}.header .logo.logo-image img{width:136px;left:-7.45px;top:-15.5px}}

/* Homepage refinements: readable product choices and touch-friendly controls. */
.home-page .hero-copy > .eyebrow{margin-bottom:18px;font-size:10px;line-height:1.6}
.home-page .hero-photo-caption{gap:16px;align-items:start}
.home-page .hero-photo-caption strong{font-size:14px;font-weight:600}
.home-page .hero-photo-caption > span{font-size:11px;letter-spacing:0;text-align:right;max-width:190px}
.home-page .hero-slider-dots button{width:44px;height:44px}
.home-page .hero-slider-pause{min-height:44px;font-size:12px}
.home-page .product-results{font-size:12px;color:var(--muted);margin:-12px 0 24px}
.home-page .product .price-on-request{font-size:14px;font-weight:600;color:var(--ink);margin-top:12px}
.home-page .filter{min-height:44px}
.home-page .menu-toggle{min-width:44px;min-height:44px}
@media(min-width:701px) and (max-width:1100px){.home-page .header nav{top:84px}}
@media(max-width:700px){
  .home-page .hero-copy{padding-top:0}
  .home-page .hero h1{font-size:clamp(35px,9vw,44px)}
  .home-page .hero-photo-caption{flex-direction:column;gap:4px}
  .home-page .hero-photo-caption > span{max-width:none;text-align:left;font-size:11px}
  .home-page .filter-bar{display:grid;grid-template-columns:1fr 1fr}
  .home-page .header nav.open{max-height:calc(100dvh - 70px);overflow-y:auto}
  .home-page .header nav a{display:block;padding:8px 0}
  .home-page .contact.section{padding:24px 16px}
  .home-page #inquiry-form{min-width:0;padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.home-page .hero-actions .button.light{background:#fffaf2;border:1px solid #a8ad9f;color:#304739}
.studio-controls .studio-direct-link{display:inline-block;margin-top:18px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}