.brand-mark{font:500 13px var(--serif);letter-spacing:-.1em}.brand-name strong{font-size:23px}.brand-name small{font-size:7px;letter-spacing:.16em}.desktop-nav{gap:clamp(11px,1.5vw,24px)}
.hero{background:#09141f}.hero-image{background-image:url('assets/smartjay-hero.png');background-position:center center;filter:saturate(.9);animation:hero-drift 26s ease-in-out infinite alternate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.hero-video.is-ready{opacity:1}.hero-wash{background:linear-gradient(90deg,rgba(5,12,17,.72),rgba(5,12,17,.35) 52%,rgba(5,12,17,.37)),linear-gradient(0deg,rgba(5,12,17,.93),transparent 52%,rgba(5,12,17,.2))}.hero-monogram{font:clamp(200px,34vw,520px)/.8 var(--serif);letter-spacing:-.14em;color:rgba(255,255,255,.065);position:absolute;top:16%;right:8%;pointer-events:none}.hero-monogram span{color:rgba(254,196,1,.065)}.hero-lower{padding-top:24vh}.hero h1{max-width:900px}.hero-intro{max-width:680px}.hero-feature{border-color:rgba(255,255,255,.26);min-height:235px;justify-content:space-between}.hero-feature strong{font:400 29px/1.12 var(--serif);margin:16px 0 0;color:var(--paper)}.hero-feature p{font:13px/1.5 var(--sans);color:#d6d8d6;margin:12px 0 16px}.hero-feature a{margin-top:auto}.hero-bottom{color:#d7dfe0}
.video-toggle{border:0;background:none;color:var(--paper);padding:0;font:9px var(--mono);letter-spacing:.14em}.video-toggle:not([hidden]){display:inline-block}.video-toggle:hover{text-decoration:underline}
.hero-video{z-index:0}.hero-video.is-ready{z-index:1}.hero-wash{z-index:2;pointer-events:none}.hero-content{position:relative;z-index:3}
.about-art{background:linear-gradient(135deg,#1d3541,#111b21 65%,#0c1217)}.about-art>span{font-size:clamp(120px,15vw,220px);letter-spacing:-.1em}.about-art small{color:var(--blue)}
.projects{background:#11191d}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{min-height:490px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid rgba(255,255,255,.16);transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-6px);border-color:currentColor}.project-words{background:linear-gradient(145deg,#1c3037,#102126);color:#78cde3}.project-travel{background:linear-gradient(145deg,#203343,#10202d);color:#8dd0e3}.project-notes{background:linear-gradient(145deg,#373020,#201c16);color:#f1cb67}.project-number,.project-action{font:10px var(--mono);letter-spacing:.15em}.project-visual{font:clamp(90px,13vw,190px)/1 var(--serif);letter-spacing:-.15em;color:rgba(255,255,255,.17);align-self:center;margin:55px 0 20px;transition:transform .25s}.project-card:hover .project-visual{transform:scale(1.06) rotate(-3deg)}.project-visual span{color:rgba(255,255,255,.1)}.project-card h3{font:400 clamp(30px,3vw,45px)/1.05 var(--serif);color:var(--paper);margin:0 0 9px}.project-card p{font-size:14px;color:#c2cbca;margin:0 0 24px;max-width:290px}.project-action{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px}
.travel{background:radial-gradient(circle at 80% 0%,#173040,transparent 42%),#0a1116}.travel-lead{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:end;margin-bottom:48px}.travel h2 em{color:var(--blue)}.travel-lead>p{font-size:16px;color:#c3cdcf;max-width:500px;margin:0 0 8px}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.travel-card{min-height:480px;padding:28px;border:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.travel-card:before{content:"";position:absolute;inset:0;opacity:.65}.travel-card>*{position:relative}.travel-malta{background:#203843}.travel-malta:before{background:url('assets/smartjay-hero.png') center/cover}.travel-cities{background:radial-gradient(circle at 20% 15%,#415669,#17232e 60%,#101920)}.travel-cities:before{background:repeating-linear-gradient(100deg,transparent,transparent 29px,rgba(255,255,255,.03) 30px,transparent 31px)}.travel-beyond{background:radial-gradient(circle at 80% 20%,#4b493a,#1d2c2d 62%,#121c1e)}.travel-beyond:before{background:radial-gradient(circle at 65% 37%,transparent 0 70px,rgba(255,255,255,.06) 71px 72px,transparent 73px 130px,rgba(255,255,255,.05) 131px 132px,transparent 133px)}.travel-index,.travel-note{font:10px var(--mono);letter-spacing:.16em;color:#c4d1d1}.travel-icon{font:50px var(--serif);color:var(--gold)}.travel-card h3{font:400 clamp(31px,3vw,45px)/1.08 var(--serif);margin:22px 0 12px}.travel-card p{font-size:14px;color:#e0e4e0;margin:0;max-width:350px}.travel-note{margin:22px 0 0;text-align:right;color:#8fa5a9}
.snapcnwords{background:#12191b}.snap-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,120px)}.snap-intro h2{font-size:clamp(52px,5.4vw,80px);overflow-wrap:anywhere}.snap-intro h2 span{color:var(--gold);font-style:italic}.snap-intro>p:not(.eyebrow){font-size:16px;color:#bbc7c6;max-width:460px}.snap-intro .button{margin-top:20px}.snap-photo{height:280px;margin-top:45px;background:url('assets/hero-editorial.png') center/cover;border:1px solid var(--line)}.snap-videos{border-top:1px solid var(--line)}.word-row{display:grid;grid-template-columns:34px 1.1fr .8fr 1fr 20px;gap:12px;align-items:center;min-height:110px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.word-row:hover{background:#1a2528;padding:0 10px}.word-row>span:first-child{font:10px var(--mono);color:var(--gold)}.word-row strong{font:400 clamp(27px,3vw,42px) Georgia,serif}.word-row>span:nth-child(3){font:10px var(--mono);letter-spacing:.06em;color:#b3c3c3}.word-row small{font:14px var(--serif);color:#d4dcd9}.word-row b{font-weight:400;color:var(--gold)}.snap-outro{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:22px;font:10px var(--mono);letter-spacing:.12em;color:#92a7a7}.snap-outro a{color:var(--gold);border-bottom:1px solid;padding-bottom:5px}
.journal{background:#141b1d}.journal h2 em{color:var(--green)}.journal-glyph{font-size:90px;color:rgba(85,201,155,.2)}.journal-index,.journal-open,.journal-detail a{color:var(--green)}.journal-card[open]{border-color:rgba(85,201,155,.55)}
.contact{background:radial-gradient(circle at 10% 20%,#17313c,transparent 47%),#0a0e10}.contact-grid{grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,125px)}.contact-grid>div:first-child>p:not(.eyebrow){max-width:520px}.contact-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:45px;color:#9eb4b7;font:10px var(--mono);letter-spacing:.12em}.contact-links a{color:var(--blue);border-bottom:1px solid;padding-bottom:5px}.form-card{background:#162126}.site-footer{background:#080c0e}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.07) translateX(-1.5%)}}

/* Mini apps */
.miniapps{background:#ebe5d8;color:#172126}.miniapps-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(35px,7vw,110px);align-items:center}.miniapps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.miniapps-copy h2{font:400 clamp(52px,6vw,92px)/.92 var(--serif);letter-spacing:-.055em;margin:20px 0 28px}.miniapps-copy h2 em{color:#8a512f}.miniapps-copy>p:last-child{max-width:440px;color:#4d595b;font-size:16px}.miniapp-card{position:relative;min-height:520px;padding:34px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 68% 37%,rgba(212,154,106,.18),transparent 27%),linear-gradient(145deg,#241d18,#100e0c);color:#f1d5b9;border:1px solid rgba(83,54,35,.35);box-shadow:0 28px 70px rgba(47,33,24,.18);transition:transform .28s ease,box-shadow .28s ease}.miniapp-card:hover{transform:translateY(-7px);box-shadow:0 36px 80px rgba(47,33,24,.28)}.miniapp-number,.miniapp-open{font:10px var(--mono);letter-spacing:.15em}.coffee-mark{position:relative;align-self:center;width:240px;height:240px;border:1px solid rgba(230,184,138,.22);border-radius:50%;display:grid;place-items:center}.coffee-mark:before,.coffee-mark:after{content:"";position:absolute;border:1px solid rgba(230,184,138,.12);border-radius:50%}.coffee-mark:before{inset:22px}.coffee-mark:after{inset:52px}.coffee-mark span{font-size:82px;filter:sepia(.25);transition:transform .3s ease}.miniapp-card:hover .coffee-mark span{transform:rotate(-7deg) scale(1.08)}.coffee-mark i{position:absolute;inset:-55%;background:linear-gradient(90deg,transparent 49.8%,rgba(230,184,138,.08) 50%,transparent 50.2%);transform:rotate(35deg)}.miniapp-meta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.miniapp-card h3{font:400 clamp(42px,5vw,68px)/1 var(--serif);margin:0 0 12px;color:#fff}.miniapp-card p{max-width:520px;margin:0;color:#cdbdad;font-size:14px}.miniapp-open{white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:6px}.miniapp-hope{background:radial-gradient(circle at 50% 38%,rgba(80,200,143,.16),transparent 30%),linear-gradient(145deg,#17241e,#0d1310);color:#95e2bc}.hope-mark{position:relative;align-self:center;width:210px;height:210px;border:1px solid rgba(149,226,188,.3);display:grid;place-items:center;transform:rotate(8deg)}.hope-mark span{font:400 112px/1 var(--serif);color:#effff7;transform:rotate(-8deg)}.hope-mark i{position:absolute;right:-18px;top:-24px;font:400 55px/1 var(--serif);color:#95e2bc}.miniapp-hope:hover .hope-mark{transform:rotate(2deg) scale(1.04)}

@media(max-width:1100px){.miniapps-layout{grid-template-columns:1fr}.miniapps-copy{max-width:650px}.project-grid,.travel-grid{grid-template-columns:repeat(2,1fr)}.project-card,.travel-card{min-height:400px}.project-card:last-child,.travel-card:last-child{grid-column:span 2}.snap-grid{grid-template-columns:1fr;gap:50px}.snap-photo{max-width:600px}.hero-feature strong{font-size:25px}}
@media(max-width:700px){.miniapps-layout{grid-template-columns:1fr}.miniapps-grid{grid-template-columns:1fr}.miniapp-card{min-height:430px;padding:24px}.coffee-mark{width:190px;height:190px}.miniapp-meta{grid-template-columns:1fr}.miniapp-open{justify-self:start}.brand-mark{font-size:11px}.brand-name strong{font-size:19px}.brand-name small{font-size:6px}.hero-image{background-position:64% center}.hero-monogram{font-size:62vw;top:21%;right:6%}.hero-lower{padding-top:16vh}.hero h1{font-size:clamp(54px,11.5vw,78px)}.hero-feature{min-height:0;display:flex;padding:17px}.hero-feature strong{font-size:22px;margin:9px 0 0}.hero-feature p{font-size:12px;margin:7px 0}.hero-bottom{margin-top:22px}.about-art>span{font-size:120px}.project-grid,.travel-grid,.travel-lead,.contact-grid{grid-template-columns:1fr;gap:16px}.project-card:last-child,.travel-card:last-child{grid-column:auto}.project-card{min-height:340px}.project-visual{font-size:100px;margin:20px 0}.travel-lead{gap:4px;margin-bottom:30px}.travel-card{min-height:350px}.travel-note{text-align:left}.snap-intro h2{font-size:51px}.snap-photo{height:215px}.word-row{grid-template-columns:25px 1fr auto;gap:7px;min-height:95px}.word-row>span:nth-child(3){display:none}.word-row small{grid-column:2;font-size:12px}.word-row b{grid-column:3;grid-row:1/3}.snap-outro{flex-direction:column;align-items:flex-start}.contact-grid{gap:40px}.contact-email{font-size:21px}}
@media(max-width:390px){.brand-name strong{font-size:17px}.hero h1{font-size:50px}.hero-monogram{font-size:64vw}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none}}

/* Channel network */
.channel-network{background:#0b1216}.channel-network-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:46px}.channel-network-head h2{font:400 clamp(52px,6vw,88px)/.94 var(--serif);letter-spacing:-.055em;margin:20px 0 0}.channel-network-head h2 em{color:var(--blue)}.channel-network-head>p{max-width:500px;margin:0 0 8px;color:#b9c7c9;font-size:16px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.channel-card{min-height:480px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.16);overflow:hidden;transition:transform .25s,border-color .25s}.channel-card:hover{transform:translateY(-7px);border-color:currentColor}.channel-index,.channel-visit{font:10px var(--mono);letter-spacing:.14em}.channel-index{color:#b9c7c9}.channel-avatar{width:150px;height:150px;align-self:center;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:400 76px/1 var(--serif);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 18px rgba(255,255,255,.025);transition:transform .3s}.channel-card:hover .channel-avatar{transform:rotate(-6deg) scale(1.05)}.channel-card h3{font:400 clamp(29px,2.4vw,40px)/1 var(--serif);margin:0 0 10px;color:var(--paper)}.channel-card strong{display:block;min-height:2.5em;font:9px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase}.channel-card p{min-height:5.5em;font-size:13px;color:#cad3d2;margin:13px 0 23px}.channel-visit{border-bottom:1px solid currentColor;padding-bottom:6px}.channel-snap{color:#f1cb67;background:radial-gradient(circle at 50% 38%,rgba(241,203,103,.13),transparent 30%),#171813}.channel-lion{color:#e9a977;background:radial-gradient(circle at 50% 38%,rgba(233,169,119,.15),transparent 30%),#1a1412}.channel-ricky{color:#78cde3;background:radial-gradient(circle at 50% 38%,rgba(120,205,227,.14),transparent 30%),#10191e}.channel-renee{color:#d69cce;background:radial-gradient(circle at 50% 38%,rgba(214,156,206,.15),transparent 30%),#1a131a}
@media(max-width:1100px){.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.channel-network-head{grid-template-columns:1fr;gap:16px}.channel-network-head h2{font-size:51px}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:390px}.channel-card p{min-height:0}}
