/*
Theme Name: DreamWeaver Studios 2026
Theme URI: https://dreamweaverstudios.com/
Author: DreamWeaver Studios
Description: Studio homepage featuring Neon Riptide and Message in a Bottle.
Version: 1.0.0
Text Domain: dreamweaver-studios-2026
*/
:root{--navy:#080d1d;--navy-2:#101b31;--ink:#f4f6f4;--muted:#b8c6d5;--cyan:#70e9ef;--coral:#f28bcc;--paper:#e7eeed;--line:rgba(224,246,248,.2);--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--cyan);color:var(--navy)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 16px;background:var(--cyan);color:var(--navy);z-index:100}.skip-link:focus{top:16px}.container{width:min(100% - 88px,1380px);margin-inline:auto}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:88px;padding:0 clamp(28px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(234,250,250,.17);background:linear-gradient(180deg,rgba(4,9,22,.62),rgba(4,9,22,.07))}.brand{display:inline-flex;align-items:center;gap:12px;font:700 17px/1 var(--display);letter-spacing:.045em}.brand small,.footer-brand small{display:block;color:var(--cyan);font:700 9px/1.8 var(--body);letter-spacing:.37em}.brand-symbol{display:flex;align-items:center;gap:3px;height:31px;transform:skew(-20deg)}.brand-symbol i{display:block;width:5px;background:var(--cyan);box-shadow:0 0 15px rgba(112,233,239,.72)}.brand-symbol i:nth-child(1){height:14px}.brand-symbol i:nth-child(2){height:30px}.brand-symbol i:nth-child(3){height:19px}.site-nav{display:flex;align-items:center;gap:40px}.site-nav>a{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:color .2s}.site-nav>a:hover{color:var(--cyan)}.site-nav .nav-feature{border:1px solid rgba(234,250,250,.5);padding:15px 17px;display:inline-flex;gap:38px;align-items:center}.site-nav .nav-feature:hover{border-color:var(--cyan)}.menu-toggle{display:none}
.hero{position:relative;height:clamp(700px,62vw,875px);display:flex;align-items:center;overflow:hidden;background:#050c1c}.hero-art{position:absolute;inset:0;background:url('assets/studio-wave.png') center/cover no-repeat}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,26,.78) 0%,rgba(4,10,26,.44) 41%,rgba(4,10,26,.04) 75%),linear-gradient(0deg,rgba(5,10,23,.85),transparent 22%),linear-gradient(180deg,rgba(4,10,25,.2),transparent 28%)}.hero-inner{position:relative;z-index:2;padding-top:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero-eyebrow{color:var(--cyan);display:flex;align-items:center;gap:11px;margin:0 0 36px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px 5px rgba(112,233,239,.4)}.hero h1{font:600 clamp(66px,8.2vw,124px)/.93 var(--display);letter-spacing:-.085em;margin:0;max-width:930px;text-wrap:balance;text-shadow:0 8px 40px rgba(0,0,0,.18)}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-intro{font:500 clamp(19px,2vw,26px)/1.45 var(--display);letter-spacing:-.035em;max-width:590px;color:#d9e9ee;margin:31px 0 30px}.hero-intro strong{color:#fff;font-weight:700}.hero-actions{display:flex;align-items:center;gap:31px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:0 20px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-cyan{background:var(--cyan);color:#071624}.button-cyan:hover{background:#a8f5f5}.quiet-link{display:inline-flex;align-items:center;gap:19px;padding-bottom:7px;border-bottom:1px solid rgba(240,252,252,.65);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:gap .2s}.quiet-link:hover{gap:28px}.hero-foot{position:absolute;bottom:28px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;color:#d7e2ea;font-size:10px;font-weight:700;letter-spacing:.2em}.hero-foot b{font-size:18px;font-weight:400;margin-left:12px}
.intro-section{background:var(--paper);color:#172335;padding:104px 0 113px}.intro-grid{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.intro-grid>.eyebrow{padding-top:15px;color:#537078}.intro-grid h2{font:600 clamp(46px,5.2vw,82px)/1.01 var(--display);letter-spacing:-.075em;margin:0}.intro-grid h2 em{font-style:normal;color:#57858f}.intro-grid p{font:500 clamp(18px,1.6vw,23px)/1.5 var(--display);letter-spacing:-.025em;color:#526273;max-width:730px;margin:29px 0 0}
.work-section{background:radial-gradient(circle at 90% 10%,rgba(43,105,132,.14),transparent 26%),var(--navy);padding:114px 0 130px}.section-heading{display:flex;align-items:end;gap:45px;margin-bottom:52px}.section-heading .eyebrow{color:var(--cyan);min-width:180px;padding-bottom:12px}.section-heading h2{font:600 clamp(43px,5vw,75px)/1.04 var(--display);letter-spacing:-.07em;margin:0}.section-heading h2 em{font-style:normal;color:var(--cyan)}.project{display:grid;position:relative;overflow:hidden}.project+.project{margin-top:24px}.project-game{grid-template-columns:1.15fr .85fr;background:#12212d;min-height:660px;border:1px solid rgba(112,233,239,.22)}.project-copy{display:flex;flex-direction:column}.project-game .project-copy{padding:35px clamp(35px,4vw,72px) 55px}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-index,.project-category,.project-overline,.project-status,.image-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.mini-index{color:var(--cyan)}.project-category{color:#9db5c2;text-align:right}.project-body{margin:auto 0}.project-overline{color:var(--cyan);margin:0 0 22px}.project-game h3{font:600 clamp(68px,7vw,110px)/.88 var(--display);letter-spacing:-.09em;margin:0}.project-game .period{color:var(--cyan)}.project-description{font:500 clamp(17px,1.5vw,21px)/1.5 var(--display);letter-spacing:-.025em;max-width:520px;color:#d0dfe2;margin:28px 0 20px}.project-status{color:#9bbac2;margin:0 0 30px}.button-outline{border:1px solid var(--cyan);color:var(--cyan)}.button-outline:hover{background:rgba(112,233,239,.1)}.project-image{position:relative;min-height:100%;overflow:hidden}.game-image{background:#071412}.game-image img{width:100%;height:100%;max-height:680px;object-fit:cover;object-position:center 39%}.image-label{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 18px;background:linear-gradient(0deg,rgba(2,8,13,.91),transparent);color:#d6e8db}
.project-bottle{grid-template-columns:1fr 1fr;min-height:440px;background:#e8e8e0;color:#1b2730}.bottle-image{min-height:440px;background:#adc1c6}.bottle-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.project-bottle .project-copy{padding:35px clamp(35px,4vw,64px) 50px}.project-bottle .mini-index{color:#688289}.project-bottle .project-category{color:#7a898d}.project-bottle .project-overline{color:#6b8990}.project-bottle h3{font:600 clamp(48px,4.9vw,78px)/.98 var(--display);letter-spacing:-.08em;margin:0}.project-bottle .tm{font-size:.37em;vertical-align:top;letter-spacing:0}.project-bottle .project-description{color:#526068;margin:25px 0 28px;font-size:17px}.button-ink{background:#122638;color:#eef4f0}.button-ink:hover{background:#29455a}
.studio-section{background:#d8e8ec;color:#162538;padding:114px 0 120px}.studio-grid{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.studio-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.studio-side .eyebrow{color:#597985}.studio-asterisk{font:300 150px/.6 var(--display);color:#5a9dad;transform:rotate(-12deg)}.studio-copy h2{font:600 clamp(47px,5.4vw,82px)/1.02 var(--display);letter-spacing:-.075em;margin:0}.studio-copy h2 em{font-style:normal;color:#5595a5}.studio-copy>p{font:500 clamp(19px,1.8vw,25px)/1.48 var(--display);letter-spacing:-.03em;max-width:770px;color:#4a6071;margin:32px 0 55px}.studio-note{border-top:1px solid rgba(30,67,84,.28);padding-top:19px;display:flex;gap:30px}.studio-note span{min-width:145px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#577985}.studio-note strong{font:600 17px var(--display)}
.closing-section{position:relative;background:radial-gradient(circle at 88% 95%,rgba(133,43,146,.28),transparent 33%),radial-gradient(circle at 70% 15%,rgba(15,152,181,.18),transparent 34%),#0d1428;padding:120px 0 130px}.closing-grid{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.closing-grid>.eyebrow{color:var(--cyan);padding-top:15px}.closing-grid h2{font:600 clamp(53px,6.8vw,104px)/.96 var(--display);letter-spacing:-.085em;margin:0}.closing-grid h2 em{font-style:normal;color:var(--cyan)}.closing-grid p{font:500 20px/1.5 var(--display);color:#becbd8;max-width:500px;margin:28px 0 31px}.site-footer{border-top:1px solid var(--line);background:#080d1d;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr;gap:24px;align-items:start}.footer-brand{font:700 17px/1 var(--display);letter-spacing:.04em}.footer-grid p,.footer-grid>small,.footer-links a{font-size:12px;color:#a3b6c7;margin:0}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a:hover{color:var(--cyan)}.footer-grid>small{text-align:right}
@media(max-width:900px){.container{width:min(100% - 50px,1380px)}.site-header{height:76px;padding-inline:25px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:40px;height:40px;border:0;background:none}.menu-toggle span{width:27px;height:2px;background:var(--cyan)}.site-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 25px 25px;background:#0b1425;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav>a{padding:17px 0}.site-nav .nav-feature{justify-content:space-between;margin-top:8px;padding:15px}.hero{height:730px}.hero-art{background-position:62% center}.hero-wash{background:linear-gradient(90deg,rgba(4,10,26,.87),rgba(4,10,26,.2)),linear-gradient(0deg,rgba(5,10,23,.84),transparent 45%)}.hero h1{font-size:clamp(60px,8vw,86px)}.intro-grid,.studio-grid,.closing-grid{grid-template-columns:1fr 2fr}.project-game{min-height:590px}.project-game h3{font-size:clamp(62px,7vw,87px)}.project-bottle{min-height:410px}.bottle-image{min-height:410px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>small{text-align:left}}
@media(max-width:640px){.container{width:min(100% - 36px,1380px)}.brand{font-size:14px}.hero{height:760px;align-items:flex-end;padding-bottom:115px}.hero-art{background-position:59% center}.hero-wash{background:linear-gradient(0deg,rgba(5,10,25,.97),rgba(5,10,25,.56) 57%,rgba(5,10,25,.24))}.hero-inner{padding-top:0}.hero-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:27px}.hero h1{font-size:clamp(54px,13vw,74px);line-height:.98}.hero-intro{font-size:19px;margin:25px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-foot{bottom:25px;font-size:9px}.hero-foot span:last-child{display:none}.intro-section,.studio-section{padding:76px 0 83px}.intro-grid,.studio-grid,.closing-grid{display:block}.intro-grid>.eyebrow,.studio-side .eyebrow,.closing-grid>.eyebrow{display:block;margin-bottom:32px}.intro-grid h2,.studio-copy h2{font-size:clamp(45px,11vw,65px)}.intro-grid p,.studio-copy>p{font-size:18px}.work-section{padding:76px 0 84px}.section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{display:block;margin-bottom:22px}.section-heading h2{font-size:clamp(42px,10vw,60px)}.project-game,.project-bottle{display:flex;flex-direction:column}.project-game .project-copy,.project-bottle .project-copy{padding:28px 25px 38px}.project-topline{gap:12px}.project-category{font-size:9px}.project-body{margin:54px 0 0}.project-game h3{font-size:clamp(63px,16vw,84px)}.project-description{font-size:17px}.project-game .project-image{height:440px}.game-image img{height:100%;object-position:center 25%}.project-bottle .project-image{order:-1;height:255px;min-height:255px}.project-bottle .project-body{margin:38px 0 0}.project-bottle h3{font-size:52px}.project-bottle .project-description{font-size:16px}.studio-asterisk{display:none}.studio-copy>p{margin:26px 0 42px}.studio-note{display:block}.studio-note span{display:block;margin-bottom:10px}.closing-section{padding:84px 0 95px}.closing-grid h2{font-size:clamp(52px,12vw,72px)}.closing-grid p{font-size:18px}.site-footer{padding:38px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid p{grid-column:1 / -1;grid-row:2}.footer-grid>small{grid-column:1 / -1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.quiet-link{transition:none}}