
:root{color-scheme:dark;--ink:#e1efe6;--accent:#efcb68;--paper:#000411;--muted:#aeb7b3;--line:#aeb7b3;--surface:#160c28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header,main,footer{width:min(1160px,calc(100% - 96px));margin:auto}header{padding:34px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:29px;font-weight:800;text-decoration:none;letter-spacing:-1.5px}.logo span{color:var(--accent)}nav a{font-size:14px;text-decoration:none;padding:10px 0 10px 26px}nav a:hover{color:var(--accent)}.hero{padding:100px 0 94px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 26px}h1{font-size:clamp(62px,8.7vw,116px);letter-spacing:-.065em;line-height:1.04;margin:0 0 28px;font-weight:750}h1 span{color:var(--accent)}.intro{max-width:470px;font-size:20px;line-height:1.65;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:30px;border-radius:8px;background:var(--accent);color:var(--paper);padding:17px 25px;text-decoration:none;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:var(--accent);box-shadow:0 0 0 4px #efcb6826;transform:translateY(-2px)}.monogram{aspect-ratio:1;background:radial-gradient(ellipse at 80% 15%,#efcb6814,transparent 65%),var(--surface);border:1px solid var(--line);border-radius:28px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:clamp(170px,26vw,340px);line-height:1;font-weight:700;letter-spacing:-.08em;padding-right:.08em;user-select:none;position:relative}.monogram small{position:absolute;font-size:12px;letter-spacing:3px;font-weight:400;bottom:15%;padding-left:20px}.about{border-top:1px solid var(--line);padding:48px 0 70px;display:grid;grid-template-columns:1fr 2fr;gap:60px}h2{font-size:30px;letter-spacing:-1px;margin:0}.about-lead{font-size:26px;line-height:1.5;margin:0 0 34px;letter-spacing:-.5px}.details{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail{border-top:1px solid var(--line);padding-top:22px}.detail span{font-size:12px;color:var(--accent);letter-spacing:1px}.detail h3{font-size:18px;margin:13px 0 10px}.detail p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer a{text-decoration:none}footer a:hover{color:var(--accent)}@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{padding:23px 0}.hero{padding:60px 0;gap:40px;grid-template-columns:1fr}.intro{font-size:18px}h1{font-size:clamp(54px,10vw,76px)}.monogram{width:200px;font-size:170px;justify-self:end;margin-top:-8px}.monogram small{font-size:12px;letter-spacing:2px}.about{grid-template-columns:1fr;gap:25px;padding:36px 0 50px}.about-lead{font-size:23px}.details{gap:24px}nav a{padding-left:20px}}@media(max-width:380px){h1{font-size:clamp(44px,15vw,56px)}.details{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
::selection{background:var(--accent);color:var(--paper)}

nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}nav a{font-weight:700;padding:10px 0}nav a[aria-current="page"]{color:var(--accent)}
.music-hero{padding:88px 0 64px;max-width:960px}.music-hero .eyebrow{color:var(--accent)}.music-hero h1{font-size:clamp(56px,9vw,112px);margin-bottom:32px}.music-hero .intro{max-width:680px;margin:0}.music-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.music-meta span{border:1px solid var(--line);border-radius:100px;padding:9px 16px;font-size:14px;color:var(--muted)}
.story{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding:48px 0 56px}.story-heading .eyebrow{color:var(--accent);margin-bottom:16px}.story-copy{max-width:700px}.story-copy p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 20px}.story-copy p:last-child{margin-bottom:0}.story-copy strong{color:var(--ink);font-weight:500}.music-note{padding:32px;border:1px solid #efcb6840;border-radius:16px;background:#efcb6808}.music-note p{color:var(--ink)}
@media(max-width:760px){header{gap:20px;flex-wrap:wrap}nav{gap:8px 18px}.music-hero{padding:56px 0 44px}.story{grid-template-columns:1fr;gap:28px;padding:36px 0 42px}.story-copy p{font-size:17px}.music-note{padding:24px}}@media(max-width:420px){nav{width:100%;justify-content:flex-start}.music-hero h1{font-size:clamp(44px,14vw,58px)}}

.text-link{color:var(--accent);font-size:16px;font-weight:700;text-underline-offset:5px}.text-link:hover{text-decoration-thickness:2px}

.linkedin-button{margin-top:28px}.footer-links{display:flex;flex-wrap:wrap;gap:16px 24px}footer{gap:20px;flex-wrap:wrap}

.shop-intro{padding:64px 0 40px}.shop-intro h1{font-size:clamp(52px,6.4vw,82px);margin-bottom:22px}.shop-intro .intro{max-width:640px;font-size:18px}.shop-intro .eyebrow{color:var(--accent)}.shop-notice{border-left:2px solid var(--accent);padding:12px 18px;max-width:820px;color:var(--muted);font-size:14px;line-height:1.7;background:var(--surface)}.shop-notice strong{color:var(--ink)}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:8px 0 24px}.wallpaper-card{min-width:0}.wallpaper-preview{position:relative;padding:0;display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);width:100%;cursor:pointer;aspect-ratio:2/3}.wallpaper-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.wallpaper-preview:hover img{transform:scale(1.035)}.preview-label{position:absolute;bottom:16px;left:16px;border:1px solid #aeb7b366;background:#000411ed;border-radius:24px;padding:10px 16px;font-size:14px;color:var(--ink)}.product-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.product-top h2{font-size:27px}.product-price{font-size:20px;color:var(--accent);white-space:nowrap}.wallpaper-card>p{font-size:16px;color:var(--muted);margin:12px 0 18px;line-height:1.5}.product-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.product-details{background:transparent;color:var(--ink);border:0;border-top:1px solid var(--line);padding:18px 0;margin-top:18px;width:100%;display:flex;justify-content:space-between;font:700 14px Arial,sans-serif;cursor:pointer;text-align:left}.product-details:hover{color:var(--accent)}.shop-footnote{font-size:13px;color:var(--muted);margin:8px 0 56px}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font-family:inherit}.dialog-open{overflow:hidden}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;width:min(840px,calc(100% - 32px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#000411cc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:28px;cursor:pointer;z-index:1}.product-dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#dialog-image{width:100%;height:auto;border-radius:12px;display:block}.dialog-copy h2{font-size:42px}.dialog-copy .eyebrow{color:var(--accent);margin-bottom:16px}.dialog-copy>p{line-height:1.65;color:var(--muted)}.dialog-price{font-size:28px;color:var(--accent)!important}.dialog-price span{display:block;font-size:12px;color:var(--muted)}dl{margin:20px 0 28px;font-size:14px}dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}dt{color:var(--muted)}dd{margin:0;text-align:right}.unavailable{width:100%;display:block;border:1px solid var(--line);background:#160c28;color:#aeb7b3;cursor:not-allowed}.purchase-note{font-size:14px}.button.unavailable:hover{background:#160c28;transform:none;box-shadow:none}@media(max-width:760px){.wallpaper-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.shop-intro{padding-top:44px}.product-dialog-layout{gap:24px}.product-top{flex-wrap:wrap;gap:8px}.product-meta{flex-direction:column;gap:6px}}@media(max-width:520px){.wallpaper-grid{grid-template-columns:1fr;gap:30px}.wallpaper-preview{max-height:560px}.product-dialog-layout{grid-template-columns:1fr}#dialog-image{max-height:46dvh;object-fit:contain;background:var(--paper)}.dialog-copy h2{font-size:34px}dialog{padding:20px}.product-top{flex-wrap:nowrap}.product-meta{flex-direction:row}.shop-intro h1{font-size:54px}}@media(prefers-reduced-motion:reduce){.wallpaper-preview img{transition:none}}

header{position:relative;flex-wrap:nowrap}.site-menu{position:relative;margin-left:auto}.site-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--ink)}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary:hover{color:var(--accent);border-color:var(--accent)}.site-menu summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.menu-icon{width:22px;height:18px;position:relative;display:block}.menu-icon span{position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s,top .18s}.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:8px}.menu-icon span:nth-child(3){top:16px}.site-menu[open] summary{color:var(--accent)}.site-menu[open] .menu-icon span:nth-child(1){top:8px;transform:rotate(45deg)}.site-menu[open] .menu-icon span:nth-child(2){opacity:0}.site-menu[open] .menu-icon span:nth-child(3){top:8px;transform:rotate(-45deg)}.site-menu nav{position:absolute;right:0;top:calc(100% + 12px);z-index:20;width:min(280px,calc(100vw - 40px));display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #00000044}.site-menu nav a{display:block;padding:15px 18px;font-size:16px;font-weight:700;border-radius:9px;text-decoration:none}.site-menu nav a:hover,.site-menu nav a:focus-visible{background:#efcb680d;color:var(--accent)}.site-menu nav a[aria-current="page"]{background:#efcb6814;color:var(--accent)}@media(prefers-reduced-motion:reduce){.menu-icon span{transition:none}}

body{background:radial-gradient(ellipse at 90% 0%,#efcb680c,transparent 40rem),var(--paper)}header{z-index:30}.logo{transition:color .2s}.logo:hover{color:var(--accent)}.button{font-weight:700;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 28px #efcb6824}.monogram{border-radius:32px 100px 32px 32px;background:radial-gradient(ellipse at 70% 10%,#efcb6826,transparent 70%),var(--surface);box-shadow:0 24px 80px #00000020,inset 0 1px 0 #aeb7b344;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out,border-color .3s,box-shadow .3s}.monogram:hover{border-color:#efcb6855;box-shadow:0 28px 85px #00000030,0 0 55px #efcb680a}.detail{transition:border-color .25s}.detail:hover{border-color:var(--accent)}.site-menu nav{transform-origin:top right}.site-menu[open] nav{animation:menu-enter .23s ease-out both}.site-menu nav a{transition:background .18s,color .18s,transform .18s}.site-menu nav a:hover{transform:translateX(3px)}.wallpaper-preview{transition:border-color .25s,box-shadow .25s}.wallpaper-preview:hover{border-color:#efcb6877;box-shadow:0 12px 35px #00000030}.text-link{transition:color .2s}.music-note{background:linear-gradient(120deg,#efcb680d,#efcb6803)}dialog[open]{animation:dialog-enter .24s ease-out both}@keyframes menu-enter{from{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.monogram{transform:none!important}.button:hover,.site-menu nav a:hover{transform:none}}

/* Light petrol theme refinements */
.monogram{background:radial-gradient(ellipse at 70% 10%,#160c2825,transparent 70%),var(--surface);box-shadow:0 24px 80px #00000020,inset 0 1px 0 #fff}.monogram:hover{box-shadow:0 28px 85px #00000030,0 0 55px #efcb680a}.preview-label{border-color:var(--line)}.button{color:#fff}.button.unavailable{color:#aeb7b3}.license-highlight{background:linear-gradient(160deg,#160c2814,transparent),var(--surface)}

/* Carbon, spruce, hunter, fern and lime moss */
:root{--hunter:#160c28;--fern:#aeb7b3}.button{color:#000411}.button.unavailable{color:var(--muted)}.monogram{background:radial-gradient(ellipse at 70% 10%,#160c2899,transparent 70%),var(--surface);box-shadow:0 24px 80px #0003,inset 0 1px 0 #aeb7b344}.monogram:hover{box-shadow:0 28px 85px #0005,0 0 55px #efcb680a}.studio-note .eyebrow,.studio-note .text-link,.license-card .eyebrow,.license-card a,#beat-dialog .eyebrow,#beat-dialog-meta,.dialog-copy .eyebrow{color:var(--ink)}.site-menu nav a[aria-current="page"],.site-menu nav a:hover,.site-menu nav a:focus-visible{color:var(--ink);background:var(--hunter)}.site-menu summary:hover,.site-menu[open] summary{color:var(--ink)}.license-highlight{background:linear-gradient(160deg,#160c2855,transparent),var(--surface)}
