:root{--ink:#0b0c0d;--panel:#111416;--white:#edece7;--muted:#a9adb1;--line:#363b40;--steel:#c4cdd4;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e3d7a6;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:10;padding:15px;background:white;color:black}.skip:focus{top:0}header{position:absolute;top:0;left:0;width:100%;height:114px;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{display:block;font-family:var(--serif);font-size:39px;letter-spacing:-2px;line-height:.8}.brand span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:3px;margin-top:15px}nav{display:flex;gap:40px;align-items:center;font-size:12px}nav .nav-cta{border-bottom:1px solid #737d85;padding:8px 0}nav span{margin-left:28px}.hero{min-height:830px;height:100svh;max-height:1100px;position:relative;overflow:hidden;padding:190px 9% 110px;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 43%,#1a2027 0,transparent 43%)}.hero-art{position:absolute;width:65%;height:120%;top:-10%;right:-8%;opacity:.92}.hero-art svg{width:100%;height:100%;filter:drop-shadow(22px 24px 20px #000)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:400;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(75px,8.9vw,142px);margin:34px 0}em{font-weight:400;color:var(--steel)}.intro{color:#c2c4c6;font-size:17px;line-height:1.7;margin-bottom:30px}.button{min-height:54px;padding:16px 23px;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;font-size:12px;border:1px solid var(--steel);letter-spacing:.2px}.light{background:var(--white);color:#111416}.light:hover{background:#c4cdd4}.micro{font-size:10px;color:var(--muted);margin:17px 0 0}.hero-foot{position:absolute;left:6%;right:6%;bottom:30px;border-top:1px solid #434b5266;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#aab3bb}.hero-foot a{font-size:20px;line-height:1}.editorial{padding:120px 9%;display:grid;grid-template-columns:1fr 2fr;gap:50px;border-bottom:1px solid var(--line)}h2{font-size:clamp(40px,4vw,64px);margin-bottom:35px}.editorial p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:15px}.journey{padding:75px 9% 110px}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:55px;padding-bottom:14px}.journey-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:9%}aside>p{color:var(--muted);font-size:13px}.steps{list-style:none;padding:30px 0;margin:0;font-size:10px;color:#8d949b}.steps li{padding:13px 0;border-bottom:1px solid #252b30;letter-spacing:1px}.steps span{margin-left:24px}.steps li[aria-current]{color:var(--white);border-color:#adb6be}.paper{border-top:1px solid #77838c;padding:35px 0;min-width:0}.letter-salute{font:italic 30px var(--serif);color:var(--steel)}fieldset{border:0;padding:0;margin:0 0 28px}legend{font:34px var(--serif);margin-bottom:20px}.feelings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feeling{padding:15px 12px;background:transparent;border:1px solid #414950;text-align:left;color:var(--white);font-size:13px;min-height:54px}.feeling[aria-pressed=true]{background:var(--steel);color:var(--ink);border-color:var(--steel)}.feeling span{float:right;color:inherit}label{display:block;font-size:12px;margin:22px 0 8px;color:var(--white)}label span{color:var(--muted)}input,textarea,select{width:100%;border:1px solid #414950;border-radius:0;background:#141719;color:var(--white);padding:13px;min-height:49px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8d959d;font-size:13px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.error{color:#f0b6a6;font-size:13px;min-height:5px}h3{font-size:42px;margin-bottom:22px}.paper section>p:not(.eyebrow):not(.reference),#contact-form>p:not(.eyebrow):not(.hint):not(.error){font-size:14px;color:var(--muted)}.match{padding:22px 0;border-top:1px solid var(--line)}.match h4{font:28px var(--serif);margin:8px 0}.match p{color:var(--muted);font-size:13px}.match button{background:none;color:var(--white);border:1px solid var(--line);padding:10px}.match button[aria-pressed=true]{background:var(--steel);color:var(--ink)}.empty{border-left:1px solid #7c8993;padding:5px 0 5px 24px;margin:30px 0}.empty p{font-size:13px;color:var(--muted)}.empty strong{font-weight:400;color:var(--white)}details{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;margin:20px 0}summary{cursor:pointer}.brief{white-space:pre-line;color:var(--muted);margin-top:15px}.actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:15px 0;text-align:left;min-height:44px}.text-button:hover,.text-link:hover{color:white}.check{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.check input{width:18px;min-height:18px;flex:none;margin-top:2px;accent-color:#b6c2cc}.inline{background:none;border:0;border-bottom:1px solid;color:var(--white);padding:0;font-size:inherit}#contact-form>.text-button{display:block}.trap{position:absolute;left:-10000px}.reference{font:12px monospace;border-top:1px solid var(--line);padding-top:20px}.closing{text-align:center;background:#101315;border-top:1px solid var(--line);padding:100px 20px}.closing h2{font-size:clamp(52px,6vw,88px);margin:30px 0}.text-link{font-size:13px;border-bottom:1px solid #727d86;padding-bottom:8px}footer{padding:55px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer a:not(.brand){font-size:11px;color:var(--muted);margin:0}.mode{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:5px 9px;color:var(--muted)}dialog{background:#14181b;color:var(--white);border:1px solid #525e68;padding:35px;max-width:600px;width:90%}dialog::backdrop{background:#000b}dialog h2{font-size:36px}dialog p{font-size:14px;color:var(--muted)}dialog .text-button{float:right}#copy-status{font-size:12px}@media(max-width:700px){header{height:95px;padding:25px 6%}.brand{font-size:34px}nav{gap:18px}nav>a:first-child{display:none}.hero{height:820px;min-height:730px;max-height:960px;padding:150px 7% 100px;align-items:flex-start}.hero-art{width:120%;height:86%;top:29%;right:-45%;opacity:.65}.hero h1{font-size:82px;letter-spacing:-4px;line-height:1.03;margin:30px 0}.hero .eyebrow{font-size:9px}.intro{font-size:14px}.hero-copy{width:100%}.hero-foot{font-size:7px;letter-spacing:1px}.hero-foot span:nth-child(2){display:none}.micro{font-size:9px;max-width:230px}.editorial{padding:65px 7%;display:block}.editorial .eyebrow{margin-bottom:30px}h2{font-size:42px;letter-spacing:-1.5px}.journey{padding:50px 7% 65px}.section-top{margin-bottom:30px;gap:15px}.section-top .eyebrow{font-size:8px;letter-spacing:1.4px}.journey-grid{display:block}.journey aside h2 br{display:none}.journey aside h2{font-size:40px;margin-bottom:15px}.steps{display:flex;padding:15px 0 30px;gap:14px}.steps li{flex:1;font-size:9px}.steps span{display:block;margin-left:0;font-size:9px;letter-spacing:0;margin-top:6px}.paper{padding-top:25px}.form-pair{gap:10px}.form-pair label{font-size:11px}.form-pair select{font-size:12px}h3{font-size:37px}.closing{padding:70px 7%}footer{padding:40px 7%;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer .brand{font-size:36px}.mode{justify-self:start}#reset{margin-top:-20px}input,textarea,select{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,footer,.hero,.editorial,.closing,aside,.section-top,button{display:none!important}.journey{padding:0}.journey-grid{display:block}body{background:white;color:black}.paper{border:0}}
/* Dear Fear / immersive steel direction. Original scene and typography. */
:root{--ink:#070809;--white:#f0f0eb;--steel:#cbd1d6}
header{height:110px;padding:30px 4%;align-items:flex-start}header .brand{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-2px;font-size:34px;line-height:.9}header .brand span{font-weight:400;letter-spacing:2px;font-size:8px;margin-top:10px}nav{gap:28px}nav .nav-cta{background:#f0f0eb;color:#0b0c0d;border:0;border-radius:28px;padding:12px 20px;font-size:11px}nav>a:first-child{padding:12px 0}
.hero{position:relative;height:100svh;min-height:740px;max-height:1400px;padding:0;display:block;background:#070809;isolation:isolate}.hero canvas,.scene-fallback,.scene-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero canvas{opacity:0;transition:opacity 1s;z-index:-3}.hero.scene-ready canvas{opacity:1}.scene-fallback{z-index:-4;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#30363d 0,#0b0d10 44%,#070809 75%)}.scene-ready .scene-fallback{visibility:hidden}.steel-orbit{position:absolute;left:39%;top:9%;width:54%;height:92%;border-radius:50%;border:clamp(20px,5vw,80px) solid #3d434a;border-top-color:#b5bcc3;border-right-color:#101419;box-shadow:inset 1px 1px 3px #e3e5e8,2px -1px 4px #8f98a2,15px 20px 40px #000;transform:rotate(-34deg) skewY(15deg)}.orbit-two{transform:rotate(46deg) skewY(-30deg);opacity:.8}.orbit-three{transform:rotate(100deg) scale(.8);opacity:.5}.scene-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,4,5,.35),transparent 65%),linear-gradient(0deg,#070809 0,transparent 26%,transparent 80%,#07080988)}.hero-topline{position:absolute;left:4%;right:4%;top:155px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2.5px;color:#b9bfc5}.hero-copy{position:absolute;top:26%;left:7%;width:86%;z-index:1;pointer-events:none}h1#hero-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(110px,14.5vw,230px);font-weight:900;letter-spacing:-.085em;line-height:.76;margin:0;text-transform:uppercase;max-width:850px;text-shadow:0 4px 45px #0005}#hero-title>span{display:block}.title-dot{color:#c7ced4}.release-line{font-family:var(--serif);font-style:italic;font-size:clamp(48px,6.5vw,103px);line-height:1;margin:24px 0 0 20%;letter-spacing:-.055em;color:#e1e5e8;text-shadow:0 3px 28px #000}.release-line>span{letter-spacing:-.12em}.hero-bottom{position:absolute;bottom:112px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom .intro{font-size:13px;line-height:1.7;color:#c7cbd0;margin:0}.hero-bottom .button{border-radius:32px;font-size:12px;min-width:190px;padding:18px 24px}.hero-foot{left:4%;right:4%;bottom:24px;margin:0;border-color:#aab8c12b;padding-top:18px;align-items:center}.explore-link{display:flex;align-items:center;gap:28px!important;font:9px Arial!important;letter-spacing:1.8px}.hero-foot .explore-link span{display:inline!important;font-size:20px!important}.hero-foot #motion-toggle{background:none;color:#c1c7cc;border:1px solid #636c7366;border-radius:22px;font-size:10px;letter-spacing:.5px;padding:8px 13px;min-height:38px}.hero-foot #motion-toggle span{display:inline!important;margin-left:12px;font-size:10px!important}.editorial{background:#101214}.editorial h2{font-size:clamp(42px,4.5vw,72px)}.journey{background:#090b0d}.closing{background:#cdd2d6;color:#101214;border:0}.closing .eyebrow,.closing em{color:#3b444c}.closing .text-link{color:#101214}.closing h2{font-size:clamp(50px,7vw,110px)}
@media(min-width:1500px){.hero-copy{top:27%}.release-line{margin-left:250px}}
@media(max-width:700px){header{height:100px;padding:25px 6%}header .brand{font-size:30px}nav .nav-cta{font-size:10px;padding:11px 15px}nav span{margin-left:12px}.hero{height:100svh;min-height:740px;max-height:1000px}.hero-topline{left:7%;right:7%;top:134px;font-size:8px;letter-spacing:1.8px}.edition{display:none}.hero-copy{left:6%;top:31%;width:88%}h1#hero-title{font-size:clamp(100px,23vw,160px);letter-spacing:-.08em;line-height:.78;margin:0;max-width:100%}.release-line{font-size:clamp(43px,11.5vw,70px);margin:24px 0 0 20%;letter-spacing:-.055em}.hero-bottom{left:7%;right:7%;bottom:108px;align-items:center;gap:15px}.hero-bottom .intro{font-size:10px;max-width:150px}.hero-bottom .button{min-width:145px;min-height:50px;padding:15px 18px;font-size:10px;gap:15px}.hero-foot{left:7%;right:7%;bottom:23px}.explore-link{font-size:7px!important;letter-spacing:1px;gap:10px!important}.hero-foot #motion-toggle{font-size:9px;padding:8px 10px}.scene-shade{background:linear-gradient(0deg,#070809 0,transparent 34%,transparent 80%,#070809aa)}.steel-orbit{left:12%;width:88%;top:19%;height:65%}.editorial h2{font-size:42px}}
@media(max-width:360px){.hero-bottom{align-items:flex-start;flex-direction:column;gap:15px;bottom:100px}.hero-copy{top:29%}h1#hero-title{font-size:100px}.release-line{font-size:43px}.hero-topline{top:125px}.hero{min-height:780px}}
@media(prefers-reduced-motion:reduce){.hero canvas{transition:none}}
.editorial .why-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(68px,10vw,160px);font-weight:900;line-height:.86;letter-spacing:-.075em;margin-bottom:40px}.why-title span{color:#919da8}.editorial .manifesto{font-family:Georgia,serif;font-size:clamp(24px,2.6vw,38px)!important;line-height:1.4;color:#e3e6e9!important}.closing .alive-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,17vw,250px);font-weight:900;line-height:.78;letter-spacing:-.075em;margin:40px 0}.alive-title span{color:#596875}.closing-note{font-family:Georgia,serif;font-style:italic;font-size:25px;margin-bottom:26px;color:#303c45}@media(max-width:700px){.editorial .why-title{font-size:clamp(56px,17vw,76px)}.closing .alive-title{font-size:clamp(95px,25vw,170px)}.closing-note{font-size:21px}.hero-topline{font-size:7px;letter-spacing:1.3px}}
.pronunciation{font-size:11px;letter-spacing:.5px;color:#46515a;margin:-12px 0 28px}.gratitude{padding:110px 9%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#0f1214;border-bottom:1px solid var(--line)}.gratitude h2{font-size:clamp(43px,5vw,76px);margin:30px 0}.gratitude-intro{color:var(--muted);font-size:14px}.gratitude-list h3{font-size:40px;line-height:1.15}.gratitude-list ol{list-style:none;padding:0;margin:30px 0}.gratitude-list li{border-top:1px solid var(--line);padding:18px 0;color:#d5dadf;font-family:Georgia,serif;font-size:20px}.gratitude-list li:last-child{border-bottom:1px solid var(--line)}.gratitude-list li span{font:9px Arial;color:#8d9aa5;letter-spacing:1px;display:inline-block;width:38px}@media(max-width:700px){.gratitude{padding:65px 7%;grid-template-columns:1fr;gap:35px}.gratitude h2{font-size:48px}.gratitude-list h3{font-size:35px}.gratitude-list li{font-size:18px}}