/* ═══════════════════════════════════════════
   P5K — KERN.INC INSPIRED
   #090909 · #f5f5f0  Ultra-minimal dark
   DM Serif Display + Syne + IBM Plex Mono
═══════════════════════════════════════════ */
.p5k{background:#090909;color:#f5f5f0;font-family:'Syne',sans-serif}
.p5k-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:60px;transition:background .4s}
.p5k-nav.sc{background:rgba(9,9,9,.96);backdrop-filter:blur(20px);border-bottom:1px solid #1c1c1c}
.p5k-logo{font-family:'DM Serif Display',serif;font-size:16px;letter-spacing:.04em;color:#f5f5f0}
.p5k-nl{display:flex;gap:36px;align-items:center}
.p5k-nl a{color:rgba(245,245,240,.28);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:color .2s}
.p5k-nl a:hover{color:#f5f5f0}
.p5k-cta{border:1px solid rgba(245,245,240,.22)!important;color:#f5f5f0!important;padding:8px 20px;font-weight:700!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;transition:all .2s!important}
.p5k-cta:hover{background:rgba(245,245,240,.06)!important}
.p5k-hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}
.p5k-line{display:block;font-family:'DM Serif Display',serif;font-size:clamp(60px,10vw,144px);line-height:.88;letter-spacing:-.04em;opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.p5k-line.go{opacity:1;transform:none}
.p5k-li{font-style:italic}
.p5k-sub{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(245,245,240,.35);line-height:2;max-width:380px;margin:36px auto 0;opacity:0;transition:opacity 1s 1.6s}
.p5k-sub.go,.p5k-btns.go,.p5k-scroll.go{opacity:1}
.p5k-btns{display:flex;gap:14px;justify-content:center;margin-top:32px;opacity:0;transition:opacity 1s 1.9s}
.p5k-btn{background:#f5f5f0;color:#090909;padding:13px 36px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border:none;cursor:pointer;font-family:'Syne',sans-serif;transition:opacity .2s}
.p5k-btn:hover{opacity:.8}
.p5k-bto{background:none;border:1px solid rgba(245,245,240,.18);color:rgba(245,245,240,.55);padding:13px 36px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-family:'Syne',sans-serif;transition:all .2s}
.p5k-bto:hover{border-color:#f5f5f0;color:#f5f5f0}
.p5k-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.22em;color:rgba(245,245,240,.16);text-transform:uppercase;opacity:0;transition:opacity 1s 2.2s}
.p5k-strip{overflow:hidden;border-top:1px solid #1c1c1c;padding:10px 0}
.p5k-si{display:flex;animation:p5kmq 32s linear infinite;white-space:nowrap}
.p5k-sm{font-family:'DM Serif Display',serif;font-style:italic;font-size:13px;color:rgba(245,245,240,.14);padding:0 44px;letter-spacing:.02em}
@keyframes p5kmq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.p5k-svc{padding:96px 56px;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c}
.p5k-svch{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.p5k-stag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;color:rgba(245,245,240,.2);text-transform:uppercase}
.p5k-stitle{font-family:'DM Serif Display',serif;font-size:32px;color:#f5f5f0;line-height:1.2;max-width:340px;text-align:right}
.p5k-row{display:grid;grid-template-columns:56px 1fr 24px;align-items:center;padding:28px 0;border-bottom:1px solid #1c1c1c;cursor:pointer;gap:20px;transition:opacity .2s}
.p5k-row:hover{opacity:.6}
.p5k-rn{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(245,245,240,.18);letter-spacing:.14em}
.p5k-rname{font-family:'DM Serif Display',serif;font-size:clamp(22px,3vw,34px);color:#f5f5f0}
.p5k-rarrow{color:rgba(245,245,240,.15);font-size:16px}
.p5k-why{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding:96px 56px;border-bottom:1px solid #1c1c1c}
.p5k-wl-title{font-family:'DM Serif Display',serif;font-size:clamp(28px,3.5vw,48px);line-height:1.1}
.p5k-wi{padding:32px 0;border-bottom:1px solid #1c1c1c}
.p5k-wi:last-child{border-bottom:none}
.p5k-wn{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(245,245,240,.18);letter-spacing:.18em;margin-bottom:10px}
.p5k-wt{font-family:'DM Serif Display',serif;font-size:20px;margin-bottom:10px}
.p5k-wtx{font-family:'Noto Sans JP',sans-serif;font-size:13px;color:rgba(245,245,240,.36);line-height:2}
.p5k-ct{padding:96px 56px;text-align:center;border-bottom:1px solid #1c1c1c}
.p5k-ctag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;color:rgba(245,245,240,.18);text-transform:uppercase;margin-bottom:14px}
.p5k-ct h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,5vw,58px);margin-bottom:10px}
.p5k-ct>p{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(245,245,240,.32);margin-bottom:48px;line-height:2}
.p5k-cti{max-width:520px;margin:0 auto;text-align:left}
.p5k-form .fr{margin-bottom:18px}
.p5k-form label{display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.18em;color:rgba(245,245,240,.18);text-transform:uppercase;margin-bottom:5px}
.p5k-form input,.p5k-form select,.p5k-form textarea{width:100%;background:none;border:none;border-bottom:1px solid #222;color:#f5f5f0;padding:10px 0;font-family:'Noto Sans JP',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.p5k-form input:focus,.p5k-form select:focus,.p5k-form textarea:focus{border-color:#f5f5f0}
.p5k-form textarea{height:88px;resize:none}
.p5k-form select option{background:#111}
.p5k-ft{padding:28px 56px;display:flex;justify-content:space-between;align-items:center}
.p5k-ftl{font-family:'DM Serif Display',serif;font-size:14px}
.p5k-ftc{font-family:'IBM Plex Mono',monospace;font-size:8px;color:#1e1e1e;letter-spacing:.1em}

/* ═══════════════════════════════════════════
   P6L — LARGO.STUDIO INSPIRED
   #f7f4ee · #191919 · warm #8b7050
   Tokyo interior studio — spacious serif
═══════════════════════════════════════════ */
.p6l{background:#f7f4ee;color:#191919;font-family:'Noto Serif JP',serif}
.p6l-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 60px;height:64px;transition:background .4s}
.p6l-nav.sc{background:rgba(247,244,238,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-logo{font-size:14px;font-weight:700;letter-spacing:.14em;color:#191919}
.p6l-nl{display:flex;gap:36px;align-items:center}
.p6l-nl a{color:rgba(25,25,25,.35);text-decoration:none;font-family:'Noto Sans JP',sans-serif;font-size:11px;letter-spacing:.1em;transition:color .2s}
.p6l-nl a:hover{color:#191919}
.p6l-cta{background:#191919!important;color:#f7f4ee!important;padding:9px 22px;font-family:'Noto Sans JP',sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;transition:opacity .2s!important}
.p6l-cta:hover{opacity:.82!important}
/* Hero: large full-bleed photo + overlay text */
.p6l-hero{height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.p6l-hero-photo{position:absolute;inset:0;background:linear-gradient(160deg,#d8cfc0 0%,#c5b8a5 35%,#b8a890 60%,#a89878 100%)}
.p6l-hero-photo-grain{position:absolute;inset:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.88'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E")}
.p6l-hero-photo-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif JP',serif;font-size:clamp(60px,12vw,180px);font-weight:700;color:rgba(247,244,238,.06);letter-spacing:.1em;user-select:none}
.p6l-hero-photo-label{position:absolute;bottom:24px;right:32px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(247,244,238,.3);letter-spacing:.18em;text-transform:uppercase;z-index:2}
.p6l-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(25,25,25,.55) 0%,transparent 50%)}
.p6l-hero-content{position:relative;z-index:2;padding:0 60px 72px;width:100%}
.p6l-hero-label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.22em;color:rgba(247,244,238,.5);text-transform:uppercase;margin-bottom:24px;animation:p6lup 1s .3s both}
@keyframes p6lup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.p6l-hero-title{font-size:clamp(44px,7vw,96px);font-weight:700;line-height:.92;letter-spacing:-.02em;color:#f7f4ee;margin-bottom:32px;animation:p6lup 1s .5s both}
.p6l-hero-title em{font-style:italic;font-weight:300}
.p6l-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;animation:p6lup 1s .7s both}
.p6l-hero-sub{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(247,244,238,.55);line-height:2;max-width:320px}
.p6l-hero-btns{display:flex;gap:14px}
.p6l-btn{background:#f7f4ee;color:#191919;padding:14px 36px;font-family:'Noto Sans JP',sans-serif;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s}
.p6l-btn:hover{opacity:.82}
.p6l-btn-o{background:none;border:1px solid rgba(247,244,238,.3);color:rgba(247,244,238,.7);padding:14px 36px;font-family:'Noto Sans JP',sans-serif;font-size:13px;cursor:pointer;transition:all .2s}
.p6l-btn-o:hover{border-color:#f7f4ee;color:#f7f4ee}
/* Services: 2×2 photo grid */
.p6l-svc{padding:96px 60px;border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-svch{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:64px;align-items:end}
.p6l-stag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;color:rgba(25,25,25,.3);text-transform:uppercase;margin-bottom:12px}
.p6l-stitle{font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.15;color:#191919}
.p6l-sdesc{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(25,25,25,.45);line-height:2;align-self:end}
.p6l-sg{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.p6l-sc{overflow:hidden;cursor:pointer}
.p6l-sc-img{aspect-ratio:4/3;position:relative;overflow:hidden;transition:transform .6s ease}
.p6l-sc:hover .p6l-sc-img{transform:scale(1.04)}
.p6l-sc-bg{position:absolute;inset:0}
.p6l-sc-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(48px,8vw,100px);font-weight:700;color:rgba(247,244,238,.06);letter-spacing:.08em}
.p6l-sc-lbl{position:absolute;bottom:14px;left:18px;font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(247,244,238,.35);letter-spacing:.16em;text-transform:uppercase}
.p6l-sc-info{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-sc-num{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(25,25,25,.28);letter-spacing:.14em;margin-bottom:6px}
.p6l-sc-name{font-size:20px;font-weight:700;color:#191919;margin-bottom:6px}
.p6l-sc-desc{font-family:'Noto Sans JP',sans-serif;font-size:12px;color:rgba(25,25,25,.45);line-height:1.8}
/* Why: alternating rows */
.p6l-why{border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-why-top{padding:72px 60px;border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-why-top h2{font-size:clamp(28px,3.5vw,44px);font-weight:700;max-width:480px;line-height:1.2}
.p6l-wrow{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(0,0,0,.07)}
.p6l-wrow:last-child{border-bottom:none}
.p6l-wphoto{min-height:280px;position:relative;overflow:hidden}
.p6l-wphoto-bg{position:absolute;inset:0}
.p6l-wphoto-lbl{position:absolute;bottom:14px;left:18px;font-family:'IBM Plex Mono',monospace;font-size:7px;color:rgba(247,244,238,.3);letter-spacing:.14em;text-transform:uppercase}
.p6l-wcontent{padding:56px 52px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(0,0,0,.07)}
.p6l-wrow-r .p6l-wcontent{border-left:none;border-right:1px solid rgba(0,0,0,.07);order:-1}
.p6l-wnum{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(25,25,25,.25);letter-spacing:.18em;margin-bottom:12px}
.p6l-wt{font-size:20px;font-weight:700;margin-bottom:12px}
.p6l-wtx{font-family:'Noto Sans JP',sans-serif;font-size:13px;color:rgba(25,25,25,.45);line-height:2}
/* Contact */
.p6l-ct{background:#191919;color:#f7f4ee;padding:96px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.p6l-ctl h2{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.15;margin-bottom:12px}
.p6l-ctl p{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(247,244,238,.4);line-height:2;margin-top:12px}
.p6l-form .fr{margin-bottom:20px}
.p6l-form label{display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.18em;color:rgba(247,244,238,.22);text-transform:uppercase;margin-bottom:6px}
.p6l-form input,.p6l-form select,.p6l-form textarea{width:100%;background:none;border:none;border-bottom:1px solid rgba(247,244,238,.15);color:#f7f4ee;padding:10px 0;font-family:'Noto Sans JP',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.p6l-form input:focus,.p6l-form select:focus,.p6l-form textarea:focus{border-color:#f7f4ee}
.p6l-form textarea{height:88px;resize:none}
.p6l-form select option{background:#1f1f1f}
.p6l-ft{padding:28px 60px;border-top:1px solid rgba(247,244,238,.07);background:#191919;display:flex;justify-content:space-between;align-items:center}
.p6l-ftl{font-size:14px;font-weight:700;color:#f7f4ee}
.p6l-ftc{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(247,244,238,.18);letter-spacing:.1em}

/* ═══════════════════════════════════════════
   P7D — DOMA.SOLUTIONS INSPIRED
   #040d0a · #00e88a electric · Space Grotesk
   Tech solutions — dark with electric green
═══════════════════════════════════════════ */
.p7d{background:#040d0a;color:#d8f5ec;font-family:'Space Grotesk',sans-serif}
.p7d-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 60px;height:64px;transition:background .4s}
.p7d-nav.sc{background:rgba(4,13,10,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,232,138,.07)}
.p7d-logo{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#00e88a}
.p7d-nl{display:flex;gap:36px;align-items:center}
.p7d-nl a{color:rgba(216,245,236,.28);text-decoration:none;font-size:12px;letter-spacing:.06em;transition:color .2s}
.p7d-nl a:hover{color:#00e88a}
.p7d-cta{border:1px solid rgba(0,232,138,.35)!important;color:#00e88a!important;padding:8px 20px;font-size:11px!important;transition:all .2s!important}
.p7d-cta:hover{background:rgba(0,232,138,.07)!important}
/* Hero: split stats + text */
.p7d-hero{height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:64px;border-bottom:1px solid rgba(0,232,138,.07)}
.p7d-hl{padding:0 60px}
.p7d-ey{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.25em;color:rgba(0,232,138,.5);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:12px;animation:p7dup 1s .3s both}
.p7d-ey::before{content:'▶';font-size:8px}
@keyframes p7dup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.p7d-title{font-size:clamp(44px,5.5vw,76px);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:#d8f5ec;margin-bottom:24px;animation:p7dup 1s .48s both}
.p7d-title span{color:#00e88a}
.p7d-sub{font-size:15px;color:rgba(216,245,236,.42);line-height:1.8;margin-bottom:44px;animation:p7dup 1s .66s both}
.p7d-hb{display:flex;gap:14px;animation:p7dup 1s .84s both}
.p7d-btn{background:#00e88a;color:#040d0a;padding:13px 36px;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:opacity .2s}
.p7d-btn:hover{opacity:.82}
.p7d-bto{background:none;border:1px solid rgba(216,245,236,.18);color:rgba(216,245,236,.55);padding:13px 36px;font-size:13px;cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:all .2s}
.p7d-bto:hover{border-color:#00e88a;color:#00e88a}
/* Right: terminal/stats panel */
.p7d-hr{padding:60px;border-left:1px solid rgba(0,232,138,.07);display:flex;flex-direction:column;gap:16px;animation:p7dup 1s .4s both}
.p7d-stat-box{background:rgba(0,232,138,.04);border:1px solid rgba(0,232,138,.1);padding:28px 32px}
.p7d-stat-val{font-size:44px;font-weight:700;color:#00e88a;letter-spacing:-.02em;line-height:1;margin-bottom:6px}
.p7d-stat-lbl{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.16em;color:rgba(216,245,236,.28);text-transform:uppercase}
/* Services: terminal-style */
.p7d-svc{padding:96px 60px;border-bottom:1px solid rgba(0,232,138,.07)}
.p7d-stag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;color:rgba(0,232,138,.42);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.p7d-stag::after{content:'';flex:0 0 40px;height:1px;background:rgba(0,232,138,.2)}
.p7d-stitle{font-size:28px;font-weight:600;color:#d8f5ec;margin-bottom:52px}
.p7d-sg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,232,138,.07)}
.p7d-sc{background:#040d0a;padding:36px 28px;position:relative;overflow:hidden;transition:background .3s;cursor:pointer}
.p7d-sc:hover{background:rgba(0,232,138,.04)}
.p7d-sc::before{content:'';position:absolute;top:0;left:0;width:2px;height:0;background:#00e88a;transition:height .4s}
.p7d-sc:hover::before{height:100%}
.p7d-sc-n{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(0,232,138,.35);letter-spacing:.14em;margin-bottom:20px}
.p7d-sc-name{font-size:17px;font-weight:600;margin-bottom:12px;color:#d8f5ec}
.p7d-sc-desc{font-family:'Noto Sans JP',sans-serif;font-size:12px;color:rgba(216,245,236,.35);line-height:1.9;margin-bottom:16px}
.p7d-sc-tags{display:flex;flex-wrap:wrap;gap:6px}
.p7d-sc-tag{font-family:'IBM Plex Mono',monospace;font-size:8px;border:1px solid rgba(0,232,138,.15);padding:2px 8px;color:rgba(0,232,138,.45)}
/* Why */
.p7d-why{padding:96px 60px;border-bottom:1px solid rgba(0,232,138,.07)}
.p7d-wg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.p7d-wc{background:rgba(0,232,138,.03);border:1px solid rgba(0,232,138,.08);padding:44px 36px;transition:border-color .3s,transform .3s}
.p7d-wc:hover{border-color:rgba(0,232,138,.28);transform:translateY(-4px)}
.p7d-wn{font-size:52px;font-weight:700;color:rgba(0,232,138,.07);line-height:1;margin-bottom:16px}
.p7d-wt{font-size:17px;font-weight:600;margin-bottom:12px;color:#d8f5ec}
.p7d-wtx{font-family:'Noto Sans JP',sans-serif;font-size:13px;color:rgba(216,245,236,.35);line-height:2}
/* Contact */
.p7d-ct{padding:96px 60px;border-bottom:1px solid rgba(0,232,138,.07);display:grid;grid-template-columns:1fr 1fr;gap:80px}
.p7d-ctl h2{font-size:34px;font-weight:700;color:#d8f5ec;margin-bottom:12px}
.p7d-ctl>p{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(216,245,236,.35);line-height:2}
.p7d-form .fr{margin-bottom:22px}
.p7d-form label{display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.18em;color:rgba(216,245,236,.2);text-transform:uppercase;margin-bottom:6px}
.p7d-form input,.p7d-form select,.p7d-form textarea{width:100%;background:rgba(0,232,138,.03);border:1px solid rgba(0,232,138,.1);color:#d8f5ec;padding:11px 16px;font-family:'Space Grotesk',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.p7d-form input:focus,.p7d-form select:focus,.p7d-form textarea:focus{border-color:#00e88a}
.p7d-form textarea{height:100px;resize:vertical}
.p7d-form select option{background:#040d0a}
.p7d-ft{padding:28px 60px;border-top:1px solid rgba(0,232,138,.07);display:flex;justify-content:space-between;align-items:center}
.p7d-ftl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;color:#00e88a;text-transform:uppercase}
.p7d-ftc{font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(216,245,236,.14)}

/* ═══════════════════════════════════════════
   P8S — SUPERCROWDS.CO INSPIRED
   #fff · #ff3d00 · #000  Bold energy
   Syne 800 + Noto Sans JP
═══════════════════════════════════════════ */
.p8s{background:#fff;color:#000;font-family:'Syne',sans-serif}
.p8s-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 60px;height:60px;background:#fff;border-bottom:1px solid #e5e5e5}
.p8s-logo{font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.p8s-nl{display:flex;gap:32px;align-items:center}
.p8s-nl a{color:rgba(0,0,0,.35);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}
.p8s-nl a:hover{color:#ff3d00}
.p8s-cta{background:#ff3d00!important;color:#fff!important;padding:9px 22px;font-weight:800!important;font-size:11px!important;letter-spacing:.08em!important;transition:opacity .2s!important}
.p8s-cta:hover{opacity:.85!important}
/* Hero: split with bold type + photo */
.p8s-hero{min-height:100vh;padding-top:104px;display:grid;grid-template-columns:1.2fr 1fr;border-bottom:2px solid #000}
.p8s-hl{padding:72px 60px;display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid #000}
.p8s-ey{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.22em;color:rgba(0,0,0,.3);text-transform:uppercase;margin-bottom:28px;animation:p8sup 1s .2s both}
@keyframes p8sup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.p8s-title{font-size:clamp(56px,8vw,116px);font-weight:800;line-height:.88;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:40px;animation:p8sup 1s .38s both}
.p8s-title span{color:#ff3d00;display:block}
.p8s-sub{font-family:'Noto Sans JP',sans-serif;font-size:15px;color:rgba(0,0,0,.5);line-height:1.9;max-width:400px;animation:p8sup 1s .56s both}
.p8s-hbtns{display:flex;gap:0;margin-top:40px;animation:p8sup 1s .74s both}
.p8s-btn{background:#000;color:#fff;padding:16px 44px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:2px solid #000;cursor:pointer;font-family:'Syne',sans-serif;transition:background .15s}
.p8s-btn:hover{background:#ff3d00;border-color:#ff3d00}
.p8s-bto{background:#fff;color:#000;padding:16px 44px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:2px solid #000;border-left:none;cursor:pointer;font-family:'Syne',sans-serif;transition:background .15s}
.p8s-bto:hover{background:#f5f5f5}
.p8s-hr{background:#ff3d00;display:flex;flex-direction:column;justify-content:space-between;padding:60px 52px}
.p8s-hr-top{font-family:'DM Serif Display',serif;font-size:clamp(28px,4vw,52px);font-style:italic;color:#fff;line-height:1.1}
.p8s-hr-metrics{display:flex;flex-direction:column;gap:20px}
.p8s-metric{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}
.p8s-metric-val{font-size:36px;font-weight:800;color:#fff;line-height:1;margin-bottom:4px}
.p8s-metric-lbl{font-family:'Noto Sans JP',sans-serif;font-size:11px;color:rgba(255,255,255,.65)}
/* Marquee */
.p8s-mq{overflow:hidden;border-top:2px solid #000;border-bottom:2px solid #000;padding:12px 0;background:#ff3d00}
.p8s-mqi{display:flex;animation:p8smq 16s linear infinite;white-space:nowrap}
.p8s-mqitem{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:0 36px;color:#fff}
.p8s-mqdot{color:#000}
@keyframes p8smq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Services: bold 2×2 */
.p8s-svc{border-bottom:2px solid #000}
.p8s-svch{padding:52px 60px;border-bottom:2px solid #000;display:flex;justify-content:space-between;align-items:flex-end}
.p8s-svch h2{font-size:clamp(28px,4vw,52px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.p8s-svch p{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(0,0,0,.45);line-height:2;max-width:340px;text-align:right}
.p8s-sg{display:grid;grid-template-columns:repeat(2,1fr)}
.p8s-sc{padding:48px 52px;border-right:2px solid #000;border-bottom:2px solid #000;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}
.p8s-sc:nth-child(2n){border-right:none}
.p8s-sc:nth-child(3),.p8s-sc:nth-child(4){border-bottom:none}
.p8s-sc:hover{background:#fff7f5}
.p8s-sc:hover .p8s-sc-bar{width:100%}
.p8s-sc-bar{position:absolute;top:0;left:0;height:3px;background:#ff3d00;width:0;transition:width .4s}
.p8s-sc-n{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(0,0,0,.22);letter-spacing:.18em;margin-bottom:20px}
.p8s-sc-name{font-size:24px;font-weight:800;text-transform:uppercase;margin-bottom:14px;line-height:1.1;letter-spacing:-.01em}
.p8s-sc-desc{font-family:'Noto Sans JP',sans-serif;font-size:13px;color:rgba(0,0,0,.5);line-height:1.9;margin-bottom:18px}
.p8s-sc-tags{display:flex;flex-wrap:wrap;gap:6px}
.p8s-sc-tag{font-size:9px;font-weight:800;border:1.5px solid rgba(0,0,0,.18);padding:3px 10px;letter-spacing:.08em;text-transform:uppercase}
/* Why */
.p8s-why{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:2px solid #000}
.p8s-wh{background:#000;color:#fff;padding:56px 44px;border-right:2px solid #000}
.p8s-wh h2{font-size:22px;font-weight:800;text-transform:uppercase;line-height:1.2}
.p8s-wh-tag{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.3);text-transform:uppercase;margin-bottom:10px}
.p8s-wi{padding:56px 40px;border-right:2px solid #000}
.p8s-wi:last-child{border-right:none}
.p8s-wn{font-size:56px;font-weight:800;color:rgba(0,0,0,.06);line-height:1;margin-bottom:14px}
.p8s-wt{font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.p8s-wtx{font-family:'Noto Sans JP',sans-serif;font-size:12px;color:rgba(0,0,0,.48);line-height:1.9}
/* Contact */
.p8s-ct{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid #000}
.p8s-ctl{background:#ff3d00;color:#fff;padding:80px 60px;border-right:2px solid #000}
.p8s-ctl h2{font-size:clamp(32px,4vw,52px);font-weight:800;text-transform:uppercase;line-height:1.05;margin-bottom:14px;letter-spacing:-.02em}
.p8s-ctl p{font-family:'Noto Sans JP',sans-serif;font-size:14px;color:rgba(255,255,255,.6);line-height:2}
.p8s-ctr{padding:80px 60px}
.p8s-form .fr{margin-bottom:22px}
.p8s-form label{display:block;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,0,0,.3);margin-bottom:6px}
.p8s-form input,.p8s-form select,.p8s-form textarea{width:100%;background:none;border:none;border-bottom:2px solid #000;color:#000;padding:10px 0;font-family:'Noto Sans JP',sans-serif;font-size:14px;outline:none;transition:border-color .15s}
.p8s-form input:focus,.p8s-form select:focus,.p8s-form textarea:focus{border-color:#ff3d00}
.p8s-form textarea{height:96px;resize:none}
.p8s-bsub{background:#000;color:#fff;padding:16px 44px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:2px solid #000;cursor:pointer;font-family:'Syne',sans-serif;transition:background .15s}
.p8s-bsub:hover{background:#ff3d00;border-color:#ff3d00}
.p8s-ft{padding:28px 60px;border-top:2px solid #000;display:flex;justify-content:space-between;align-items:center;background:#fff}
.p8s-ftl{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.p8s-ftc{font-size:9px;font-weight:700;color:rgba(0,0,0,.28);letter-spacing:.1em;text-transform:uppercase}

/* ═══════════════════════════════════════════
   P9SB — SHIFTBRAIN.COM INSPIRED (Dark)
   #040404 · #e8e8e0  Refined minimal Tokyo
   DM Serif Display italic + Noto Sans JP
═══════════════════════════════════════════ */
.p9sb{background:#040404;color:#e8e8e0;font-family:'Noto Sans JP',sans-serif}
.p9sb-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:60px;transition:background .5s}
.p9sb-nav.sc{background:rgba(4,4,4,.96);backdrop-filter:blur(20px);border-bottom:1px solid #161616}
.p9sb-logo{font-family:'DM Serif Display',serif;font-style:italic;font-size:18px;letter-spacing:.02em;color:#e8e8e0}
.p9sb-nl{display:flex;gap:40px;align-items:center}
.p9sb-nl a{color:rgba(232,232,224,.25);text-decoration:none;font-size:11px;letter-spacing:.1em;transition:color .3s}
.p9sb-nl a:hover{color:#e8e8e0}
.p9sb-cta{background:none!important;border:1px solid rgba(232,232,224,.2)!important;color:#e8e8e0!important;padding:8px 20px;font-size:11px!important;letter-spacing:.08em!important;transition:all .3s!important}
.p9sb-cta:hover{border-color:#e8e8e0!important}
/* Hero: full-screen centered, minimal */
.p9sb-hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.p9sb-bg-word{position:absolute;font-family:'DM Serif Display',serif;font-style:italic;font-size:clamp(120px,22vw,320px);color:rgba(232,232,224,.022);letter-spacing:-.04em;user-select:none;line-height:1;pointer-events:none}
.p9sb-hero-content{position:relative;z-index:1}
.p9sb-ey{font-size:10px;letter-spacing:.25em;color:rgba(232,232,224,.28);text-transform:uppercase;margin-bottom:36px;animation:p9sbup 1.2s .3s both}
@keyframes p9sbup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.p9sb-title{font-family:'DM Serif Display',serif;font-size:clamp(52px,8vw,110px);line-height:.94;letter-spacing:-.04em;color:#e8e8e0;margin-bottom:32px;animation:p9sbup 1.2s .5s both}
.p9sb-title em{font-style:italic;color:rgba(232,232,224,.55)}
.p9sb-sub{font-size:14px;color:rgba(232,232,224,.38);line-height:2;max-width:380px;margin:0 auto 44px;animation:p9sbup 1.2s .7s both}
.p9sb-btns{display:flex;gap:16px;justify-content:center;animation:p9sbup 1.2s .9s both}
.p9sb-btn{background:#e8e8e0;color:#040404;padding:13px 36px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .3s}
.p9sb-btn:hover{opacity:.8}
.p9sb-bto{background:none;border:1px solid rgba(232,232,224,.18);color:rgba(232,232,224,.55);padding:13px 36px;font-size:11px;cursor:pointer;transition:all .3s;font-weight:500;letter-spacing:.08em}
.p9sb-bto:hover{border-color:#e8e8e0;color:#e8e8e0}
/* Services: clean numbered rows */
.p9sb-svc{padding:96px 56px;border-top:1px solid #161616;border-bottom:1px solid #161616}
.p9sb-svch{margin-bottom:60px;display:flex;justify-content:space-between;align-items:flex-end}
.p9sb-stag{font-size:9px;letter-spacing:.22em;color:rgba(232,232,224,.2);text-transform:uppercase}
.p9sb-stitle{font-family:'DM Serif Display',serif;font-size:32px;color:#e8e8e0;max-width:320px;text-align:right;line-height:1.2}
.p9sb-row{display:grid;grid-template-columns:56px 1fr 1fr 20px;align-items:center;padding:28px 0;border-bottom:1px solid #161616;cursor:pointer;gap:24px;transition:opacity .3s}
.p9sb-row:hover{opacity:.55}
.p9sb-rn{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(232,232,224,.16);letter-spacing:.14em}
.p9sb-rname{font-family:'DM Serif Display',serif;font-size:clamp(20px,2.8vw,32px)}
.p9sb-rdesc{font-size:12px;color:rgba(232,232,224,.35);line-height:1.7}
.p9sb-rarrow{color:rgba(232,232,224,.14);font-size:14px}
/* Why: 3-col refined */
.p9sb-why{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #161616}
.p9sb-wc{padding:56px 44px;border-right:1px solid #161616}
.p9sb-wc:last-child{border-right:none}
.p9sb-wn{font-family:'DM Serif Display',serif;font-style:italic;font-size:48px;color:rgba(232,232,224,.06);line-height:1;margin-bottom:20px}
.p9sb-wt{font-family:'DM Serif Display',serif;font-size:20px;color:#e8e8e0;margin-bottom:12px}
.p9sb-wtx{font-size:13px;color:rgba(232,232,224,.35);line-height:2}
/* Contact */
.p9sb-ct{padding:96px 56px;text-align:center;border-bottom:1px solid #161616}
.p9sb-ctag{font-size:9px;letter-spacing:.22em;color:rgba(232,232,224,.18);text-transform:uppercase;margin-bottom:14px}
.p9sb-ct h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,5vw,60px);color:#e8e8e0;margin-bottom:10px}
.p9sb-ct h2 em{font-style:italic;color:rgba(232,232,224,.45)}
.p9sb-ct>p{font-size:14px;color:rgba(232,232,224,.3);margin-bottom:48px;line-height:2}
.p9sb-cti{max-width:520px;margin:0 auto;text-align:left}
.p9sb-form .fr{margin-bottom:18px}
.p9sb-form label{display:block;font-size:8px;letter-spacing:.18em;color:rgba(232,232,224,.18);text-transform:uppercase;margin-bottom:5px}
.p9sb-form input,.p9sb-form select,.p9sb-form textarea{width:100%;background:none;border:none;border-bottom:1px solid #1e1e1e;color:#e8e8e0;padding:10px 0;font-family:'Noto Sans JP',sans-serif;font-size:14px;outline:none;transition:border-color .3s}
.p9sb-form input:focus,.p9sb-form select:focus,.p9sb-form textarea:focus{border-color:#e8e8e0}
.p9sb-form textarea{height:88px;resize:none}
.p9sb-form select option{background:#0a0a0a}
.p9sb-ft{padding:28px 56px;display:flex;justify-content:space-between;align-items:center}
.p9sb-ftl{font-family:'DM Serif Display',serif;font-style:italic;font-size:16px}
.p9sb-ftc{font-size:9px;color:#181818;letter-spacing:.1em}

/* ═══════════════════════════════════════════
   P10SB — SHIFTBRAIN.COM INSPIRED (Editorial)
   #f3f2ef · #0a0a0a  Light editorial grid
   DM Serif Display + Noto Sans JP
═══════════════════════════════════════════ */
.p10sb{background:#f3f2ef;color:#0a0a0a;font-family:'Noto Sans JP',sans-serif}
.p10sb-nav{position:fixed;top:44px;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 56px;height:60px;background:rgba(243,242,239,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07)}
.p10sb-logo{font-family:'DM Serif Display',serif;font-style:italic;font-size:18px;letter-spacing:.02em}
.p10sb-nl{display:flex;gap:40px;align-items:center}
.p10sb-nl a{color:rgba(10,10,10,.28);text-decoration:none;font-size:11px;letter-spacing:.1em;transition:color .3s}
.p10sb-nl a:hover{color:#0a0a0a}
.p10sb-cta{background:#0a0a0a!important;color:#f3f2ef!important;padding:8px 22px;font-size:11px!important;letter-spacing:.08em!important;transition:opacity .2s!important}
.p10sb-cta:hover{opacity:.78!important}
/* Hero: large split editorial */
.p10sb-hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:104px;border-bottom:1px solid rgba(0,0,0,.08)}
.p10sb-hl{padding:60px 56px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid rgba(0,0,0,.08)}
.p10sb-ey{font-size:9px;letter-spacing:.22em;color:rgba(10,10,10,.3);text-transform:uppercase;margin-bottom:40px;animation:p10sbup 1.1s .3s both}
@keyframes p10sbup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.p10sb-title{font-family:'DM Serif Display',serif;font-size:clamp(48px,7vw,96px);line-height:.94;letter-spacing:-.03em;color:#0a0a0a;margin-bottom:36px;animation:p10sbup 1.1s .5s both}
.p10sb-title em{font-style:italic;color:rgba(10,10,10,.38)}
.p10sb-sub{font-size:14px;color:rgba(10,10,10,.45);line-height:2;max-width:380px;margin-bottom:40px;animation:p10sbup 1.1s .7s both}
.p10sb-btns{display:flex;gap:14px;animation:p10sbup 1.1s .9s both}
.p10sb-btn{background:#0a0a0a;color:#f3f2ef;padding:12px 36px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .2s}
.p10sb-btn:hover{opacity:.76}
.p10sb-bto{background:none;border:1px solid rgba(10,10,10,.18);color:rgba(10,10,10,.55);padding:12px 36px;font-size:11px;cursor:pointer;transition:all .3s;letter-spacing:.08em}
.p10sb-bto:hover{border-color:#0a0a0a;color:#0a0a0a}
.p10sb-hr{display:flex;flex-direction:column;background:#0a0a0a;padding:60px 56px;justify-content:space-between;animation:p10sbup 1.1s .4s both}
.p10sb-hr-label{font-size:9px;letter-spacing:.22em;color:rgba(243,242,239,.2);text-transform:uppercase;margin-bottom:24px}
.p10sb-hr-big{font-family:'DM Serif Display',serif;font-style:italic;font-size:clamp(32px,5vw,64px);color:#f3f2ef;line-height:1.15}
.p10sb-hr-stats{display:flex;flex-direction:column;gap:20px}
.p10sb-hr-stat{border-top:1px solid rgba(243,242,239,.08);padding-top:16px}
.p10sb-hr-val{font-family:'DM Serif Display',serif;font-size:40px;color:#f3f2ef;line-height:1;margin-bottom:4px;letter-spacing:-.02em}
.p10sb-hr-lbl{font-size:11px;color:rgba(243,242,239,.38)}
/* Services: editorial list */
.p10sb-svc{border-bottom:1px solid rgba(0,0,0,.08)}
.p10sb-svch{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid rgba(0,0,0,.08)}
.p10sb-svch-l{padding:52px 56px;border-right:1px solid rgba(0,0,0,.08);display:flex;align-items:center}
.p10sb-svch-l h2{font-family:'DM Serif Display',serif;font-size:28px;line-height:1.2}
.p10sb-svch-r{padding:52px 56px;display:flex;align-items:center}
.p10sb-svch-r p{font-size:14px;color:rgba(10,10,10,.45);line-height:2;max-width:540px}
.p10sb-row{display:grid;grid-template-columns:56px 1fr 1fr 20px;align-items:center;padding:32px 56px;border-bottom:1px solid rgba(0,0,0,.07);cursor:pointer;gap:24px;transition:background .2s}
.p10sb-row:hover{background:rgba(0,0,0,.02)}
.p10sb-rn{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(10,10,10,.2);letter-spacing:.14em}
.p10sb-rname{font-family:'DM Serif Display',serif;font-size:clamp(20px,2.5vw,30px)}
.p10sb-rdesc{font-size:12px;color:rgba(10,10,10,.4);line-height:1.7}
.p10sb-rarrow{color:rgba(10,10,10,.15);font-size:14px}
/* Why: grid */
.p10sb-why{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-bottom:1px solid rgba(0,0,0,.08)}
.p10sb-wh{background:#0a0a0a;color:#f3f2ef;padding:52px 40px;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:flex-end}
.p10sb-wh h2{font-family:'DM Serif Display',serif;font-style:italic;font-size:22px;line-height:1.2}
.p10sb-wh-tag{font-size:9px;letter-spacing:.2em;color:rgba(243,242,239,.25);text-transform:uppercase;margin-bottom:10px}
.p10sb-wi{padding:52px 40px;border-right:1px solid rgba(0,0,0,.08);transition:background .2s}
.p10sb-wi:last-child{border-right:none}
.p10sb-wi:hover{background:rgba(0,0,0,.02)}
.p10sb-wn{font-family:'DM Serif Display',serif;font-style:italic;font-size:48px;color:rgba(10,10,10,.05);line-height:1;margin-bottom:16px}
.p10sb-wt{font-size:15px;font-weight:600;margin-bottom:12px}
.p10sb-wtx{font-size:12px;color:rgba(10,10,10,.45);line-height:1.9}
/* Contact */
.p10sb-ct{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(0,0,0,.08)}
.p10sb-ctl{padding:80px 56px;border-right:1px solid rgba(0,0,0,.08)}
.p10sb-ctl h2{font-family:'DM Serif Display',serif;font-size:clamp(32px,4.5vw,52px);line-height:1.1;margin-bottom:12px}
.p10sb-ctl h2 em{font-style:italic;color:rgba(10,10,10,.35)}
.p10sb-ctl p{font-size:14px;color:rgba(10,10,10,.42);line-height:2;margin-top:12px}
.p10sb-ctr{padding:80px 56px;background:#0a0a0a;color:#f3f2ef}
.p10sb-form .fr{margin-bottom:20px}
.p10sb-form label{display:block;font-size:8px;letter-spacing:.18em;color:rgba(243,242,239,.2);text-transform:uppercase;margin-bottom:6px}
.p10sb-form input,.p10sb-form select,.p10sb-form textarea{width:100%;background:none;border:none;border-bottom:1px solid rgba(243,242,239,.12);color:#f3f2ef;padding:10px 0;font-family:'Noto Sans JP',sans-serif;font-size:14px;outline:none;transition:border-color .3s}
.p10sb-form input:focus,.p10sb-form select:focus,.p10sb-form textarea:focus{border-color:#f3f2ef}
.p10sb-form textarea{height:88px;resize:none}
.p10sb-form select option{background:#111}
.p10sb-bsub{background:#f3f2ef;color:#0a0a0a;padding:14px 40px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .2s}
.p10sb-bsub:hover{opacity:.8}
.p10sb-ft{padding:28px 56px;border-top:1px solid rgba(0,0,0,.07);display:flex;justify-content:space-between;align-items:center}
.p10sb-ftl{font-family:'DM Serif Display',serif;font-style:italic;font-size:16px}
.p10sb-ftc{font-size:9px;color:rgba(10,10,10,.25);letter-spacing:.1em}

/* Shared scroll reveal */
.sr{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.sr.visible{opacity:1;transform:none}
.sr-d1{transition-delay:.1s}.sr-d2{transition-delay:.22s}.sr-d3{transition-delay:.34s}.sr-d4{transition-delay:.46s}