/* Dial Inn Studio: warm editorial rhythm, quiet interaction, tactile finishes. */
:root{--bg:#171c19;--ink:#f2ecdf;--muted:#bdc4b8;--amber:#dbb477;--line:#485248}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#dcb57b;color:#18231c}.skip{z-index:60}.section-width{max-width:1360px;padding:clamp(64px,8vw,112px) clamp(24px,6vw,88px)}
.site-header{padding-inline:clamp(22px,5vw,78px);background:#171c19f5;border-bottom-color:#c9b88d25}.site-header nav{gap:32px;font-size:13px}.site-header nav a{position:relative;transition:color .2s ease}.site-header nav a[aria-current=location]{color:var(--amber)}.site-header nav a:not(.nav-download)::after{content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s}.site-header nav a:hover::after,.site-header nav a[aria-current=location]::after{transform:scaleX(1)}.nav-download{border-color:#b9b19466;border-radius:999px;padding:10px 22px!important}.header-logo{width:138px;height:92px}
.hero{min-height:700px;height:min(880px,calc(100svh - 105px))}.hero-photo{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#0e1919ed,#102020b3 31%,#11202000 72%),linear-gradient(0deg,#111b19cc,transparent 33%)}.hero-copy{padding:clamp(76px,8vw,125px) 6% 100px;max-width:700px}h1{font-size:clamp(52px,5.4vw,84px);line-height:1.06;letter-spacing:-2.4px}.hero-copy p{font-size:16px;line-height:1.85;max-width:370px}.kicker{font-size:11px;letter-spacing:2.1px}.hero-actions{gap:26px;margin-top:34px}.button{font-size:13px;min-height:52px;padding:15px 23px;border-radius:5px;transition:background .2s,box-shadow .2s,translate .2s}.button:hover{translate:0 -2px;box-shadow:0 8px 24px #0003}.button:active{translate:0 0}.button.light:hover{background:#fff7e7}.button.amber:hover{background:#edca93}.text-link{font-size:13px;text-underline-offset:5px}.basement-link{backdrop-filter:blur(10px);border-color:#d1b27566;box-shadow:0 12px 32px #0004;padding:16px 20px;right:19%;bottom:100px}.hero-bottom{font-size:10px}
h2{font-size:clamp(42px,4.5vw,66px);line-height:1.08;letter-spacing:-1.6px}.intro{gap:30px 88px}.intro>p{font-size:clamp(29px,3vw,40px);line-height:1.45}.intro-note{font-size:16px;line-height:1.85;max-width:390px}.product-grid{grid-template-columns:.85fr 1.15fr;gap:64px}.product-grid p{font-size:15px;line-height:1.85}.feature-list{margin:32px 0}.feature-list li{padding:18px 0;gap:6px}.feature-list b{font-size:14px}.feature-list span{font-size:13px}.product-image{padding:10px;background:#252e27;border-color:#b7bc9b42;border-radius:9px;box-shadow:0 24px 70px #0005;transform:none}.product-image .image-expand{overflow:hidden;border-radius:4px}.product-image figcaption{font-size:11px;padding:5px 4px 2px}.product-footnote{font-size:12px;line-height:1.8}.small-link{font-size:12px}.release-badge{font-size:10px;border-radius:999px;padding:6px 12px}
.gallery-wrap{background:#eee7da;color:#26392e;--muted:#536052;--amber:#80502e;--line:#a4ae99}.gallery-heading p{font-size:15px}.skin-grid{gap:32px}.skin-stage{min-height:285px;padding:30px 18px;background:linear-gradient(145deg,#e3dfd1,#d3d5c5);border:1px solid #c4c9b666;border-radius:10px;overflow:hidden}.skin-device{transition:transform .35s cubic-bezier(.2,.7,.25,1),box-shadow .35s}.skin-card:hover .skin-device{transform:rotate(-2deg) translateY(-4px);box-shadow:0 20px 22px #26392e33,inset 0 0 0 2px #fff2}.skin-card h3{font-size:24px;margin-top:23px}.skin-card>p{font-size:13px;line-height:1.75;min-height:68px}.skin-card-actions{justify-content:flex-start;gap:8px}.skin-card-actions button{font-size:11px;border-color:#7b8b7077;border-radius:5px;padding:10px 12px}.skin-card-actions button[data-detail]{background:#293c30;color:#f5eee0;border-color:#293c30}.skin-card-actions button:hover{background:#dce1ce}.skin-card-actions button[data-detail]:hover{background:#405746}.skin-card-actions a{display:block;flex-basis:100%;font-size:12px;padding-top:12px}.skin-tag{font-size:9px;letter-spacing:1.2px}.filters button{font-size:12px;padding:10px 16px}.gallery-note{gap:28px;padding:30px 0;margin:48px 0}.gallery-note p{font-size:12px}.gallery-note b{font-size:21px}.gallery-note button{font-size:11px;border-radius:5px}.skin-studio-callout{gap:64px}.skin-studio-callout p{font-size:15px;line-height:1.85}.skin-studio-callout h3{font-size:40px}.skin-studio-callout .image-expand{border:1px solid #bdc5ae;box-shadow:0 18px 40px #273d3022;border-radius:7px;overflow:hidden}
.story{gap:100px}.story p{font-size:15px;line-height:1.9}.story .lead{font-size:26px;line-height:1.55}.download-row{padding:32px 0;gap:32px}.download-row h3{font-size:28px}.download-row p{font-size:14px;line-height:1.8}.download-row .download-meta{font-size:11px}.download-row details{font-size:12px}.download-row summary{min-height:44px;padding-top:8px}.download-row details button{min-height:44px;padding:8px 14px;border-radius:4px}.download-note{font-size:12px}.support table{font-size:13px;line-height:1.7}.support details{font-size:14px}.support summary{min-height:48px;padding:10px 0}.support h3{font-size:30px}.closing{padding:100px 6%;border-top:1px solid #cbb28525}.closing p{font-size:clamp(48px,5.5vw,78px)}footer{padding:44px 6%}footer p,footer>span{font-size:12px}
.arrive{animation:chapter-arrive .55s cubic-bezier(.2,.75,.3,1) both}@keyframes chapter-arrive{from{opacity:.65;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.skin-grid{gap:30px 22px}.product-grid{gap:36px}.story{gap:48px}.site-header nav{gap:20px}}
@media(max-width:900px){.hero{height:auto;min-height:0}.hero-shade{display:none}.hero-copy{padding:44px 6% 32px}.hero-copy h1{font-size:clamp(48px,8vw,70px)}.hero-photo{object-fit:contain}.basement-link{right:auto;bottom:auto}.product-grid{grid-template-columns:1fr}.product-image{max-width:850px}.skin-card>p{min-height:46px}}
@media(max-width:760px){.site-header{padding:5px 20px;gap:12px}.header-logo{width:105px;height:70px}.site-header nav{font-size:14px;gap:0;padding:10px 0 18px}.site-header nav a{padding:12px 4px}.site-header nav a::after{display:none}.menu-toggle{font-size:12px;border-color:#b9b19466}.mobile-download{font-size:12px}.section-width{padding:64px 6%}.support{padding-top:0}.story,.support,.skin-studio-callout{grid-template-columns:1fr;gap:32px}.gallery-heading{margin-bottom:30px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.skin-stage{min-height:250px;padding:25px 15px}.hero-copy p{font-size:15px}.hero-bottom{font-size:9px}.intro-note{font-size:15px}.gallery-note{gap:20px}.skin-studio-callout h3{font-size:34px}.download-row{gap:18px}.download-row h3{font-size:25px}.support table{font-size:12px}.closing{padding:72px 6%}html{scroll-padding-top:100px}}
@media(max-width:480px){.skin-grid{grid-template-columns:1fr;gap:38px}.skin-stage{min-height:300px;padding:32px}.skin-device{max-width:235px;padding:15px}.device-name{font-size:10px}.device-name small{display:block}.skin-label{font-size:11px}.skin-reels{padding:8px 12px}.skin-reels i{width:34px;height:34px}.skin-card>p{min-height:0;font-size:14px}.skin-card-actions{flex-direction:row;align-items:center;gap:10px}.skin-card-actions button{font-size:12px}.skin-card-actions a{flex-basis:auto;margin-left:auto;padding:10px 0}.skin-card h3{font-size:26px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-copy h1{letter-spacing:-1.6px}.section-top{line-height:1.8}.gallery-note p{flex-basis:65%}.gallery-note button{margin-left:0}.product-grid .button{font-size:12px;max-width:100%}.intro>p{font-size:29px}}
@media(prefers-reduced-motion:reduce){.arrive{animation:none}.button:hover{translate:none}.skin-card:hover .skin-device{transform:rotate(-3deg)}*,*::before,*::after{transition:none!important}}
.demo-session{border-top:1px solid var(--line)}.demo-intro{max-width:650px;font-size:16px;color:var(--muted)}.demo-console{display:grid;grid-template-columns:1fr minmax(240px,360px) auto;align-items:center;gap:24px;padding:28px;margin:32px 0;background:#263028;border:1px solid #69765b;border-radius:8px}.demo-console h3{font:26px Georgia;margin:12px 0}.demo-console p{font-size:12px;color:var(--muted);margin:0}.demo-console audio{width:100%;color-scheme:dark}.demo-console button{background:transparent;color:var(--ink);border:1px solid #9ca78c66;border-radius:5px;padding:12px;min-height:44px;font-size:12px}#demo-track-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}#demo-track-list button{display:flex;align-items:center;gap:20px;text-align:left;min-height:60px;padding:14px 8px;background:transparent;color:var(--ink);border:0;border-top:1px solid var(--line)}#demo-track-list span{font:11px monospace;color:var(--amber)}#demo-track-list strong{font-weight:400;font-size:14px}#demo-track-list button[aria-pressed=true]{background:#dab57917;color:var(--amber)}#demo-track-list button:hover{background:#f1eadc0a}@media(max-width:900px){.demo-console{grid-template-columns:1fr}.demo-console button{justify-self:start}}@media(max-width:650px){#demo-track-list{grid-template-columns:1fr}.demo-console{padding:20px}}
.guided-invitation{padding:30px;border:1px solid #b19b6a66;border-radius:8px;background:linear-gradient(120deg,#344336,#202b26);margin:30px 0}.guided-invitation h3{font:32px Georgia;margin:16px 0}.guided-invitation p{max-width:620px;font-size:15px;color:var(--muted)}.guided-invitation small{display:block;color:var(--muted);font-size:11px;margin-top:14px}
.lounge-board{border-top:1px solid var(--line)}.lounge-intro{max-width:650px;font-size:16px;color:var(--muted)}.lounge-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;margin-top:38px}#lounge-form{background:#263027;border:1px solid #5d6b52;border-radius:9px;padding:28px;display:flex;flex-direction:column;gap:20px}#lounge-form label{display:grid;gap:8px;font-size:13px}#lounge-form input,#lounge-form textarea{font:15px/1.6 system-ui;padding:12px;color:#f3eddf;background:#17231c;border:1px solid #879278;border-radius:4px;width:100%;box-sizing:border-box}#lounge-form input:focus-visible,#lounge-form textarea:focus-visible{outline:3px solid var(--amber);outline-offset:3px}#lounge-form small{color:#c1cab5;font-size:11px;line-height:1.8}#lounge-form .button{border:0;align-self:flex-start}#lounge-status{font-size:13px;margin:0;min-height:24px}#lounge-form .board-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lounge-wall-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.lounge-wall-head button{background:transparent;color:var(--ink);border:1px solid #88987a77;border-radius:4px;min-height:44px;padding:8px 12px;font-size:12px}.lounge-note{background:#eae3d4;color:#2b392d;padding:28px;border-radius:4px;border-top:3px solid #b8955e;margin-bottom:18px;box-shadow:0 6px 22px #0002}.lounge-note>p{font:19px/1.7 Georgia;white-space:pre-wrap;overflow-wrap:anywhere}.lounge-note>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b6bca8;padding-top:14px;font-size:11px}.lounge-note strong{font-weight:500}.board-empty{border:1px dashed #7a866d;padding:35px;color:var(--muted);font:23px/1.6 Georgia;border-radius:6px}.lounge-contact{font-size:13px;color:var(--muted);margin-top:30px}.lounge-contact a,.footer-contact{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.footer-contact{font-size:12px}footer>div{font-size:11px;color:var(--muted);line-height:1.8}footer>div p{margin:7px 0}@media(max-width:900px){.lounge-layout{grid-template-columns:1fr;gap:30px}.site-header nav{gap:16px;font-size:12px}}@media(max-width:480px){#lounge-form{padding:20px}.lounge-note{padding:22px}.lounge-wall-head{flex-wrap:wrap}}
@media(min-width:761px) and (max-width:1000px){.site-header{flex-wrap:wrap;gap:12px}.site-header .wordmark{margin-right:auto}.menu-toggle{display:block;background:transparent;border:1px solid #9b9e7b;color:var(--ink);border-radius:5px;min-height:44px;padding:8px 14px}.mobile-download{display:block;font-size:12px}.site-header nav{width:100%;flex-direction:column;align-items:stretch}.site-header nav a{padding:12px 0}.site-header nav .nav-download{display:none}.js-ready .site-header nav{display:none}.js-ready .site-header:has(.menu-toggle[aria-expanded=true]) nav{display:flex}}
#lounge-form select{font:14px system-ui;padding:12px;background:#17231c;color:var(--ink);border:1px solid #879278;border-radius:4px}.lounge-layout{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:32px}#lounge-notes{position:relative;min-height:650px;height:650px;border:14px solid #71513b;border-radius:6px;box-shadow:inset 0 0 0 3px #3d291b,inset 0 0 35px #46290f66,0 18px 45px #0003;background:radial-gradient(ellipse at 20% 30%,#ecbf7c44,transparent 60%),radial-gradient(#63412455 .7px,transparent 1.4px) 0 0/7px 9px,radial-gradient(#f7d69b88 .8px,transparent 1.6px) 3px 2px/11px 7px,radial-gradient(#6c482c66 1px,transparent 2px) 2px 5px/17px 13px,#ad8357;overflow:hidden}.lounge-note.sticky-note{position:absolute;width:190px;max-width:calc(100% - 16px);max-height:calc(100% - 20px);overflow:auto;box-sizing:border-box;border:0;border-radius:0;padding:22px 18px 18px;background:linear-gradient(#f3dfa0,#f6e6b1 18%,#edd899);color:#3b3528;box-shadow:2px 8px 10px #301c1644;transform:rotate(var(--note-tilt,-1deg));margin:0;overflow-wrap:anywhere}.sticky-note::before{content:'';position:absolute;left:0;right:0;top:0;height:20px;background:#b4a06a22;pointer-events:none}.lounge-note.sticky-note>p{font:18px/1.45 Georgia;margin-bottom:15px;white-space:pre-wrap}.sticky-note>strong{display:block;font:600 12px system-ui}.sticky-note>small{display:block;font:10px/1.5 system-ui;margin-top:6px;opacity:.8}.sticky-note[data-color=peach]{background:linear-gradient(#efb28b,#f9c6a3 22%,#eeb18a)}.sticky-note[data-color=mint]{background:linear-gradient(#b6d5b7,#cee2bf 22%,#bdd4b2)}.sticky-note[data-color=rose]{background:linear-gradient(#e4adbd,#edc5cf 22%,#deb0c0)}.note-draft{cursor:grab;touch-action:none;z-index:10;outline:2px dashed #5f542b;outline-offset:3px}.note-draft.note-lifted{cursor:grabbing;transform:rotate(2deg) scale(1.04);box-shadow:8px 18px 22px #301c1677}.sticky-actions{display:flex!important;gap:8px!important;border:0!important;margin-top:12px!important;padding:0!important}.sticky-actions button{font:11px system-ui;padding:7px 8px;min-height:44px;color:#342e23;background:#fff5;border:1px solid #655a3b66;border-radius:3px}.note-saving{opacity:.7}.board-empty{position:absolute;inset:auto 20px 18px;padding:0;border:0;color:#3e2c1b;font:10px/1.8 system-ui;letter-spacing:2px;text-align:center;pointer-events:none;margin:0}#lounge-notes:focus-within{border-color:#9e7956}@media(max-width:900px){.lounge-layout{grid-template-columns:1fr}#lounge-notes{height:620px;min-height:620px}}@media(max-width:480px){#lounge-notes{border-width:9px}.lounge-note.sticky-note{width:175px;padding:20px 15px}.lounge-note.sticky-note>p{font-size:17px}}

.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.launch-grid article{padding:32px;background:linear-gradient(135deg,#303b30,#202a24);border:1px solid #a3906655;border-radius:8px}.launch-grid h3{font:30px Georgia;margin:24px 0 16px}.launch-grid p{font-size:15px;line-height:1.85;color:var(--muted)}.launch-grid small,.launch-contact-note{font-size:12px;color:var(--muted);line-height:1.8}.skin-coming{display:block;flex-basis:100%;padding-top:12px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#765332}@media(max-width:650px){.launch-grid{grid-template-columns:1fr}.launch-grid article{padding:25px}}