@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#20201e;--ink2:#33322f;--paper:#f3efe5;--white:#fbf9f3;--gold:#b4985d;--gold-light:#d3bd85;--wine:#652c35;--muted:#7f7b71;--line:rgba(32,32,30,.15);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--wine)}img{display:block;max-width:100%}.wrap{width:min(var(--width),calc(100% - 48px));margin:auto}.topline{height:4px;background:linear-gradient(90deg,var(--wine),var(--gold),var(--gold-light))}.header{background:rgba(243,239,229,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:25px;font-weight:700;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:19px}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.navlinks a{padding:8px 0;border-bottom:1px solid transparent}.navlinks a[aria-current=page],.navlinks a:hover{color:var(--wine);border-color:var(--gold)}.menu-toggle{display:none;border:1px solid var(--line);background:none;color:var(--ink);padding:8px 11px;font:inherit}.hero{background:var(--ink);color:var(--white);position:relative;overflow:hidden;min-height:570px;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,22,20,.93) 0%,rgba(22,22,20,.79) 43%,rgba(22,22,20,.08) 100%),url('images/slotoro-hero.jpg') center 52%/cover no-repeat;opacity:.96}.hero-content{position:relative;max-width:610px;padding:92px 0}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold-light);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:'';width:34px;height:1px;background:var(--gold)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.14;margin:0 0 20px}h1{font-size:clamp(45px,6vw,76px);letter-spacing:-.025em;margin:22px 0}h2{font-size:clamp(34px,4vw,49px)}h3{font-size:25px}.hero p{max-width:470px;color:#e1ded6;font-size:17px;margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:#1f1e1a;padding:13px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;border:1px solid var(--gold);transition:transform .2s,background .2s}.button:hover{background:var(--gold-light);color:#1f1e1a;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,.5)}.section{padding:88px 0}.section.dark{background:var(--ink);color:var(--white)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-intro p{max-width:420px;color:var(--muted);margin:0}.dark .section-intro p{color:#c0bcb2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--white);border:1px solid var(--line);transition:transform .25s,box-shadow .25s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(32,32,30,.1)}.card-art{height:235px;background:linear-gradient(135deg,#ded1b2,#a88e5b);position:relative;overflow:hidden}.card-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 52% 40%,rgba(255,246,220,.45),transparent 58%),linear-gradient(0deg,rgba(32,25,19,.28),transparent 60%)}.art-one{background:linear-gradient(135deg,#b79f73,#534a3b)}.art-two{background:linear-gradient(135deg,#72524a,#c0a477)}.art-three{background:linear-gradient(135deg,#d0bd96,#65634e)}.card-art span{position:absolute;z-index:1;left:24px;bottom:20px;color:#fff;font-family:var(--serif);font-size:21px}.card-body{padding:23px}.card-body p{color:var(--muted);font-size:14px;margin:0}.arrow{color:var(--wine);font-size:20px;padding-left:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.display-panel{min-height:390px;background:linear-gradient(160deg,#d8cba9,#7b6a4a 55%,#302e29);display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.display-panel:before{content:'';position:absolute;inset:22px;border:1px solid rgba(255,255,255,.4)}.display-quote{position:relative;color:white;text-align:center;font-family:var(--serif);font-size:31px;max-width:330px;text-shadow:0 2px 12px #27231d}.split p{color:var(--muted)}.page-hero{padding:74px 0 60px;background:var(--ink);color:var(--white)}.page-hero h1{font-size:clamp(43px,6vw,66px);margin:17px 0}.page-hero p{max-width:620px;color:#d4d0c8;font-size:17px;margin:0}.prose{max-width:790px;padding:70px 0 90px}.prose h2{font-size:32px;margin:35px 0 14px}.prose p,.prose li{color:#545149}.prose ul{padding-left:22px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.feature{border-top:1px solid var(--gold);padding:19px 10px 10px 0}.feature h3{font-size:21px;margin-bottom:8px}.feature p{color:var(--muted);font-size:14px;margin:0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.collection-card{background:var(--white);border:1px solid var(--line)}.collection-card .card-art{height:280px}.collection-card .card-body{padding:25px 27px}.collection-card .tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--wine);font-weight:700}.collection-card h2{font-size:29px;margin:9px 0 12px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.contact-method{border-top:1px solid var(--gold);padding:18px 0;margin-top:16px}.contact-method span{display:block;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10px}.contact-method a{font-family:var(--serif);font-size:23px}.form-note{border-left:2px solid var(--gold);padding:14px 16px;background:rgba(180,152,93,.1);font-size:13px;color:#5d574a}.form{display:grid;gap:17px}.form label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.form input,.form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #c9c1b1;background:var(--white);color:var(--ink);font:inherit}.form textarea{min-height:140px;resize:vertical}.form button{justify-self:start;cursor:pointer}.footer{background:#181816;color:#e9e3d7;padding:48px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:40px;padding-bottom:35px}.footer-brand p{max-width:320px;color:#aaa69c;font-size:13px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#d2cbbc}.copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:17px;color:#99958c;font-size:11px;display:flex;justify-content:space-between;gap:15px}.small-caps{letter-spacing:.13em;text-transform:uppercase;font-size:10px;color:var(--gold)}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}::selection{background:var(--gold);color:var(--ink)}
@media(max-width:760px){.wrap{width:min(var(--width),calc(100% - 34px))}.nav{height:68px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:8px 22px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px}.navlinks.open{display:flex}.navlinks a{padding:11px 0}.hero{min-height:510px}.hero:before{background:linear-gradient(90deg,rgba(22,22,20,.9),rgba(22,22,20,.56)),url('images/slotoro-hero.jpg') 60% center/cover no-repeat}.hero-content{padding:72px 0}.section{padding:65px 0}.section-intro{display:block}.section-intro p{margin-top:14px}.cards{grid-template-columns:1fr}.card-art{height:220px}.split,.contact-grid{grid-template-columns:1fr;gap:36px}.display-panel{min-height:280px}.collection-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.page-hero{padding:57px 0 48px}.prose{padding:50px 0 70px}.footer-grid{display:block}.footer-nav{margin-top:25px}.copyright{display:block}.copyright span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
