@font-face{font-family:"EB Garamond";src:url(/assets/fonts/EBGaramond-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"EB Garamond";src:url(/assets/fonts/EBGaramond-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Exhibition-Inter.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Exhibition-Inter-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Exhibition-Inter-Semibold.woff2) format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:"Courier Prime";src:url(/assets/fonts/Exhibition-CourierPrime.woff2) format("woff2");font-display:swap}
:root{--bg:#FFFFFF;--fg:#0F2740;--muted:#5B7A99;--line:#C9D3DD;--paper:#F7F8F6;--sand:#EFE9DC;--brass:#9A7B3F;--red:#B3261E;--m:64px}
*{box-sizing:border-box;margin:0;padding:0}
body{max-width:100%;margin:0 auto;background:var(--bg);color:var(--fg);font-family:"EB Garamond";-webkit-font-smoothing:antialiased}
.k{font-family:Inter;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
h2{font-weight:400;font-size:54px;line-height:1.05;letter-spacing:-.01em}
h2 em{font-style:italic}
section{padding:96px var(--m)}
.wrap{padding:0 var(--m)}

/* hero */
.hero{position:relative;height:810px;overflow:hidden;background:#0F2740}
.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.hero .sh{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,39,64,.9) 0%,rgba(15,39,64,.35) 42%,rgba(15,39,64,0) 70%),linear-gradient(to right,rgba(15,39,64,.55) 0%,rgba(15,39,64,0) 55%)}
.hero .txt{position:absolute;left:var(--m);bottom:84px;width:640px;color:#fff}
.hero h1{font-weight:400;font-size:88px;line-height:.98;letter-spacing:-.015em;margin:16px 0 26px}
.hero h1 em{font-style:italic}
.hero p.d{font-family:Inter;font-size:17px;color:rgba(255,255,255,.88)}
.hero p.s{font-size:24px;margin-top:14px;color:rgba(255,255,255,.92);line-height:1.3}
.btn{display:inline-block;border:1px solid #fff;padding:15px 30px;font-family:Inter;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-top:34px}
/* three */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:80px var(--m) 72px;border-bottom:1px solid var(--line)}
.three h3{font-weight:400;font-size:26px;margin-bottom:10px}
.three p{font-family:Inter;font-size:15px;line-height:1.6;color:var(--muted)}
.three .n{font-family:"Space Mono";font-size:11px;color:var(--brass);margin-bottom:14px}
/* chart */
.chart{position:relative;margin-top:48px;border:1px solid var(--line);background:#FBFCFB;height:760px;overflow:hidden}
.chart svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 6px 16px rgba(15,39,64,.25)}
.pin img{width:100%;height:100%;object-fit:cover;display:block}
.pop{position:absolute;width:300px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(15,39,64,.14);padding:12px}
.pop .fr{aspect-ratio:4/3;overflow:hidden;background:#ddd}
.pop img{width:100%;height:100%;object-fit:cover;display:block}
.pop .t{font-family:"Space Mono";font-size:11px;letter-spacing:.08em;color:var(--brass);margin-top:10px}
.pop .l{font-size:20px;line-height:1.2;margin-top:4px}
.note{position:absolute;font-family:"Courier Prime";font-size:12.5px;color:#4A3A1E;transform:rotate(-2deg);background:rgba(239,233,220,.75);padding:4px 8px;border-left:2px solid var(--brass)}
.note b{color:var(--red);font-weight:400}
.hint{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-family:Inter;font-size:13px;color:var(--muted)}
.legend span{display:inline-block;margin-left:20px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:middle}
.legend i.c{background:var(--brass);border-radius:0;transform:rotate(45deg);width:9px;height:9px}
.scenes{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}
.sc .fr{aspect-ratio:3/4;overflow:hidden;background:#ddd}
.sc img{width:100%;height:100%;object-fit:cover;display:block}
.sc .t{font-family:"Space Mono";font-size:11px;letter-spacing:.08em;color:var(--brass);margin-top:14px}
.sc .l{font-size:22px;line-height:1.2;margin-top:6px}
.sc .p{font-family:Inter;font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}
/* log */
.log{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:48px;align-items:start}
.logbook{background:var(--paper);border:1px solid var(--line);padding:36px 40px;font-family:"Courier Prime";font-size:14.5px;line-height:1.75;color:#20344A;position:relative}
.logbook::before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:rgba(179,38,30,.35)}
.logbook .row{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:6px 0 6px 20px;border-bottom:1px solid rgba(15,39,64,.08)}
.logbook .row span:first-child{font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;padding-top:4px}
.logbook .entry{padding:14px 0 0 20px}
.logbook .entry p{margin-top:6px}
.logpics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.logpics .fr{aspect-ratio:3/4;overflow:hidden;background:#ddd}
.logpics img{width:100%;height:100%;object-fit:cover;display:block}
.logpics .cap{font-family:Inter;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}
/* crew */
.crew{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.cr .fr{aspect-ratio:1/1;overflow:hidden;background:#ddd}
.cr img{width:100%;height:100%;object-fit:cover;display:block}
.cr .r{font-family:"Space Mono";font-size:11px;letter-spacing:.1em;color:var(--brass);margin-top:16px}
.cr h3{font-weight:400;font-size:30px;margin-top:4px}
.cr p{font-family:Inter;font-size:15px;line-height:1.55;color:var(--muted);margin-top:8px}
.crew2{display:grid;grid-template-columns:1fr 460px;gap:64px;margin-top:48px;align-items:start}
.crew2 .fr{aspect-ratio:16/10;overflow:hidden;position:relative;background:#ddd}
.crew2 img{width:100%;height:100%;object-fit:cover;display:block}
.crew2 .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;background:linear-gradient(180deg,rgba(15,39,64,0),rgba(15,39,64,.85));font-family:Inter;font-size:15px;line-height:1.5;color:#fff;max-width:620px}
.crew2 .cap .n{display:block;font-family:"Space Mono";font-size:11px;letter-spacing:.1em;color:#E8D3A6;margin-bottom:8px}
.rl{border-top:1px solid var(--line);padding:16px 0}
.rl .r{font-family:"Space Mono";font-size:11px;letter-spacing:.1em;color:var(--brass)}
.rl h3{font-weight:400;font-size:26px;margin-top:4px}
.rl p{font-family:Inter;font-size:14px;line-height:1.55;color:var(--muted);margin-top:6px}
/* guest book */
.gbook{margin-top:48px;background:#FBF8EF;border:1px solid var(--line);box-shadow:0 14px 40px rgba(15,39,64,.08);padding:34px 48px 10px;position:relative}
.gbook::before{content:"";position:absolute;left:36px;top:0;bottom:0;width:1px;background:rgba(179,38,30,.35)}
.gb-head{display:flex;justify-content:space-between;font-family:Inter;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--fg)}
.gb-cols{display:grid;grid-template-columns:140px 300px 1fr;gap:28px;font-family:"Space Mono";font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 0 6px}
.gb-row{display:grid;grid-template-columns:140px 300px 1fr;gap:28px;padding:20px 0 24px;border-top:1px solid rgba(15,39,64,.14);align-items:start}
.gb-row .d{font-family:"Courier Prime";font-size:14px;color:#4A3A1E;padding-top:6px}
.gb-row .n{font-size:25px;line-height:1.1;color:var(--fg)}
.gb-row .n small{display:block;font-family:Inter;font-size:12px;color:var(--muted);margin-top:7px}
.gb-row .r{font-family:"Courier Prime";font-size:16px;line-height:1.6;color:#1d1d1b}
.gb-foot{font-family:"Space Mono";font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 0 18px;border-top:1px solid var(--fg)}
.words{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.paper{background:#FFFDF7;border:1px solid var(--line);box-shadow:0 10px 30px rgba(15,39,64,.06);padding:36px 36px 28px;font-family:"Courier Prime";font-size:16px;line-height:1.6;color:#1d1d1b;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}
.paper .sig{font-family:Inter;font-size:14px;color:#3E4A3F;margin-top:22px}
.paper .sig span{opacity:.7}
/* chart table (what you receive) */
.ctable{position:relative;margin-top:48px;height:810px;background:#0F2740;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;border:1px solid var(--line);overflow:hidden}
.ctable::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.06),rgba(0,0,0,.35) 80%)}
.doc{position:absolute;background:#FBF8EF;color:#1d1d1b;padding:22px 24px 62px;box-shadow:0 22px 50px rgba(0,0,0,.45);transform:rotate(var(--r,0));font-family:"Courier Prime";font-size:12.5px;line-height:1.5}
.doc .dh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #0F2740;padding-bottom:8px;margin-bottom:12px}
.doc .dh b{font-family:"Space Mono";font-weight:400;font-size:12px;letter-spacing:.22em;color:#0F2740}
.doc .dh span{font-family:"Space Mono";font-size:10px;letter-spacing:.14em;color:var(--muted)}
.doc .stamp{position:absolute;right:16px;bottom:12px;border:2px solid var(--brass);color:var(--brass);font-family:"Space Mono";font-size:9.5px;letter-spacing:.18em;padding:4px 8px;transform:rotate(-7deg);text-transform:uppercase;opacity:.9}
.doc .stamp b{display:block;font-weight:400;font-size:11px;color:var(--red);letter-spacing:.14em}
.doc .what{font-family:"EB Garamond";font-size:20px;line-height:1.15;color:#0F2740;margin-bottom:8px}
.doc .row{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:5px 0;border-bottom:1px dashed rgba(15,39,64,.25)}
.doc .row span:first-child{font-family:"Space Mono";font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;padding-top:3px}
.doc .lines{border-bottom:1px solid rgba(15,39,64,.25);padding:4px 0}
.doc .fine{font-family:Inter;font-size:12.5px;line-height:1.5;color:#333;margin-top:10px}
.env{position:absolute;width:400px;height:270px;background:#F3EDDD;box-shadow:0 22px 50px rgba(0,0,0,.45);transform:rotate(var(--r,0));overflow:hidden}
.env::before{content:"";position:absolute;left:0;top:0;border-left:200px solid transparent;border-right:200px solid transparent;border-top:120px solid #E8E0CC;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}
.env .wax{position:absolute;left:50%;top:98px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#C94A3E,#8B1E1E);transform:translateX(-50%);box-shadow:0 3px 6px rgba(0,0,0,.35)}
.env .wax::after{content:"T";position:absolute;inset:0;display:grid;place-items:center;font-family:"EB Garamond";color:rgba(255,255,255,.75);font-size:20px}
.env .addr{position:absolute;left:26px;bottom:20px;width:250px;font-family:"Courier Prime";font-size:12.5px;line-height:1.5;color:#1d1d1b}
.env .lbl{position:absolute;right:20px;bottom:20px;font-family:"Space Mono";font-size:9.5px;letter-spacing:.2em;color:var(--brass);border:1px solid var(--brass);padding:4px 8px;text-transform:uppercase}
.env .when{position:absolute;left:26px;top:158px;font-family:"Space Mono";font-size:10px;letter-spacing:.18em;color:var(--red);text-transform:uppercase}
.ctable .cap{position:absolute;left:28px;bottom:22px;font-family:"Space Mono";font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.6);text-transform:uppercase}
.ctable .brass{position:absolute;right:30px;bottom:22px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(201,160,99,.6);display:grid;place-items:center;color:rgba(201,160,99,.8);font-family:"Space Mono";font-size:10px}
/* receive */
.rec{display:grid;grid-template-columns:1fr 480px;gap:64px;margin-top:48px;align-items:start}
.steps{list-style:none}
.steps li{display:grid;grid-template-columns:48px 170px 1fr;gap:24px;padding:18px 0;border-top:1px solid var(--line);font-family:Inter;font-size:15px;line-height:1.5;color:#20344A}
.steps li b{font-family:"Space Mono";font-weight:400;color:var(--brass);font-size:13px;letter-spacing:.04em}
.steps li i{font-family:"Space Mono";font-style:normal;font-size:12px;color:var(--muted)}
.pp-head{display:grid;grid-template-columns:48px 170px 1fr;gap:24px;font-family:"Space Mono";font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--fg)}
.pp-title{font-family:"Space Mono";font-size:11px;letter-spacing:.14em;color:var(--brass);margin-bottom:14px}
.letter{position:relative}
.letter .tag{position:absolute;right:22px;top:18px;font-family:"Space Mono";font-size:10px;letter-spacing:.2em;color:var(--brass);border:1px solid var(--brass);padding:4px 8px;transform:rotate(3deg)}
.letter{background:#FFFDF7;border:1px solid var(--line);box-shadow:0 14px 40px rgba(15,39,64,.08);padding:52px 48px;font-family:"Courier Prime";font-size:17px;line-height:1.7;color:#1d1d1b;min-height:420px}
.letter p{margin-bottom:22px}
.letter .sg{font-family:"EB Garamond";font-style:italic;font-size:28px;margin-top:36px}
.rec .fr{aspect-ratio:3/4;overflow:hidden;background:#ddd;position:relative}
.rec img{width:100%;height:100%;object-fit:cover;display:block}
.rec .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-family:"Space Mono";font-size:11px;color:#fff;background:linear-gradient(180deg,rgba(15,39,64,0),rgba(15,39,64,.85))}
/* faq + form */
.ff{display:grid;grid-template-columns:1fr 480px;gap:96px}
.q{border-top:1px solid var(--line);padding:20px 0}
.q h4{font-weight:400;font-size:22px;display:flex;justify-content:space-between}
.q p{font-family:Inter;font-size:15px;line-height:1.6;color:var(--muted);margin-top:8px}
.form label{display:block;font-family:Inter;font-size:12px;color:var(--muted);margin:16px 0 6px}
.form .in{height:50px;border:1px solid var(--line);padding:0 14px;display:flex;align-items:center;font-family:Inter;font-size:14px;color:#9AA8B6}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .btn{display:block;text-align:center;margin-top:28px;width:100%;background:var(--fg);color:#fff;border-color:var(--fg)}
.form .fine{font-family:Inter;font-size:12px;color:var(--muted);margin-top:16px;line-height:1.6}
.form .lead{font-family:Inter;font-size:15px;color:var(--muted);margin-top:12px}
a{color:inherit;text-decoration:none}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}
/* responsive layer (site build) */
.chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart-scroll .chart{width:1312px}
.hero .txt{max-width:calc(100% - 2*var(--m))}
.form .btn{cursor:pointer}
@media (max-width:1100px){
  :root{--m:32px}
  .hero{height:680px}.hero h1{font-size:64px}
  .three{grid-template-columns:1fr 1fr;gap:32px}
  .scenes{grid-template-columns:repeat(3,1fr)}
  .log,.crew2,.rec,.ff{grid-template-columns:1fr;gap:40px}
  .gb-row,.gb-cols{grid-template-columns:120px 1fr}.gb-row .r{grid-column:1/-1}
  .ctable{height:auto;padding:24px 20px 32px;display:grid;gap:18px}
  .ctable .doc,.ctable .env{position:relative;inset:auto!important;width:auto!important;transform:none!important}
  .ctable .env{height:auto;padding:120px 20px 24px}.ctable .env .addr,.ctable .env .lbl,.ctable .env .when{position:static}.ctable .env .lbl{display:inline-block;margin-top:12px}
  .ctable .cap,.ctable .brass{position:static;margin-top:6px}
  .ctable .brass{display:none}
}
@media (max-width:700px){
  :root{--m:20px}
  section{padding:64px var(--m)}
  h2{font-size:38px}
  .hero{height:600px}.hero .txt{bottom:48px;width:auto}.hero h1{font-size:46px}.hero p.s{font-size:19px}.hero p.d{font-size:15px}
  .three{grid-template-columns:1fr;gap:28px;padding:56px var(--m) 48px}
  .scenes{grid-template-columns:1fr 1fr;gap:14px}.sc .l{font-size:19px}
  .logbook{padding:24px 18px}.logbook .row{grid-template-columns:90px 1fr}
  .logpics{grid-template-columns:1fr}
  .crew{grid-template-columns:1fr}
  .gbook{padding:22px 18px 6px}.gbook::before{left:10px}.gb-head{flex-wrap:wrap;gap:6px}
  .gb-row,.gb-cols{grid-template-columns:1fr;gap:6px}.gb-cols span:nth-child(n+2){display:none}
  .doc{padding:18px 16px 56px}.doc .row{grid-template-columns:1fr;gap:2px}
  .pp-head,.steps li{grid-template-columns:40px 1fr}.steps li b{grid-column:2}.steps li span{grid-column:2}
  .letter{padding:32px 24px;min-height:0}
  .q h4{font-size:19px}
  .hint{flex-direction:column;align-items:flex-start;gap:10px}
  .ctable .env::before,.ctable .env .wax{display:none}.ctable .env{height:auto;padding:20px 18px}.ctable .env .addr{position:static;width:auto;margin-top:8px}.ctable .env .when{position:static;display:block}.ctable .env .lbl{position:static;display:inline-block;margin-top:12px}
}
.ff.faq-form h2{font-size:54px}
.ff.faq-form form h2{font-size:44px;margin-top:14px}
@media (max-width:700px){.ff.faq-form h2{font-size:38px}.ff.faq-form form h2{font-size:34px}}