/* V29: full-viewport animation behind transparent editorial layers. The motion controller owns
   --stage-shift-x / --stage-shift-y / --stage-scale; water keeps its coordinates. */
:root { --paper:#f0eee5; --muted:#ccd9dc; --rule:rgba(119,218,226,.3); --accent:#91e2dd; --nav-height:calc(82px + env(safe-area-inset-top,0px)); }
html { -webkit-text-size-adjust:100%; }
button,a,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.is-reading-overlay .stage *,.is-reading-overlay .stage *::before,.is-reading-overlay .stage *::after { animation-play-state:paused!important; }
body.brand-story { color:var(--paper); background:#03141c; }
.journey { height:auto; min-height:100vh; isolation:isolate; }
.stage { position:fixed; inset:0; z-index:0; height:100vh; height:100svh; overflow:clip; pointer-events:none; }
#shark3d { transform:translate(var(--stage-shift-x,0px),var(--stage-shift-y,0px)) scale(var(--stage-scale,1)); transform-origin:50% 50%; will-change:transform,opacity; }
.shark-wrap,.rocket-fallback { translate:var(--stage-shift-x,0px) var(--stage-shift-y,0px); scale:var(--stage-scale,1); }
.loading { display:none; }
.nav { z-index:30; height:var(--nav-height); padding-top:env(safe-area-inset-top,0px); gap:24px; background:linear-gradient(#03141cf7,#03141ceb); border-bottom:1px solid rgba(145,226,221,.14); mix-blend-mode:normal; }
.nav__chapter { color:var(--muted); font-size:10px; }
.nav-services { margin-left:auto; padding:10px 17px; font-size:12px; font-weight:600; color:var(--paper); border:1px solid var(--rule); border-radius:2px; text-decoration:none; }
.menu { flex-shrink:0; min-width:44px; min-height:44px; }
.brand,.nav-services { min-height:44px; display:inline-flex; align-items:center; }
.story-chapter { position:relative; z-index:3; padding:140px max(7vw,24px) 120px; min-height:105svh; scroll-margin-top:80px; }
.chapter-inner { position:relative; max-width:1180px; margin:0 auto; text-shadow:0 1px 4px rgba(0,8,14,.9),0 0 14px rgba(0,8,14,.5); }
.story-chapter:not(.chapter-launch)::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(3,20,28,.32),rgba(3,20,28,.16) 45%,transparent 80%); }
.chapter-kicker { margin:0 0 24px; font-size:11px; line-height:1.5; font-weight:600; letter-spacing:.12em; color:var(--accent); }
.brand-story .story-chapter h1 { max-width:760px; font-size:clamp(60px,7.3vw,108px); font-weight:700; line-height:1.13; letter-spacing:-.055em; text-transform:none; }
.brand-story .story-chapter h1 em { color:var(--accent); -webkit-text-stroke:0; font-style:normal; }
.brand-story .story-chapter h2 { max-width:920px; font-size:clamp(38px,4.7vw,66px); line-height:1.24; letter-spacing:-.04em; font-weight:650; text-transform:none; }
.story-chapter h3,.story-chapter h4 { margin:0; line-height:1.4; font-weight:600; letter-spacing:-.02em; }
.story-chapter p { line-height:1.85; text-wrap:pretty; }
.story-chapter h1,.story-chapter h2,.contact-section > h3 { text-wrap:balance; }
.chapter-heading { display:flex; align-items:flex-start; gap:30px; margin-bottom:32px; }
.chapter-number { font-size:clamp(72px,9vw,128px); line-height:1; font-weight:300; letter-spacing:-.08em; color:rgba(145,226,221,.28); }
.chapter-heading .chapter-kicker { margin:4px 0 18px; }
.chapter-lead { max-width:690px; font-size:17px; color:var(--muted); margin:26px 0 38px; }
.narrow { max-width:600px; }
/* Camera holds run behind normal flowing content, without spacer sections. */
.chapter-intro { min-height:100svh; padding-top:max(160px,19svh); padding-bottom:60px; }
.chapter-intro .chapter-lead { color:var(--paper); font-size:21px; max-width:610px; margin-top:28px; margin-bottom:18px; }
.intro-copy { max-width:490px; color:var(--muted); font-size:14px; }
.chapter-actions { display:flex; align-items:center; gap:26px; flex-wrap:wrap; margin-top:32px; }
.consult { padding:16px 23px; border-radius:2px; background:var(--accent); border-color:var(--accent); color:#08212a; font-size:13px; letter-spacing:.01em; }
.consult { text-shadow:none; transition:background .2s,box-shadow .2s; }
.consult:hover { background:#b8f1e9; box-shadow:0 0 22px #91e2dd24; }
.text-link,.nav-services { transition:color .2s,border-color .2s; }
.text-link:hover,.nav-services:hover { color:var(--accent); border-color:var(--accent); }
.text-link { display:inline-block; color:var(--paper); text-decoration:none; font-size:13px; padding-bottom:5px; border-bottom:1px solid var(--accent); }
.intro-scope { display:flex; flex-wrap:wrap; gap:0; margin-top:45px; max-width:600px; }
.intro-scope span { color:var(--muted); font-size:12px; padding:0 18px; border-left:1px solid var(--rule); }
.intro-scope span:first-child { padding-left:0; border:0; }
.scroll-note { display:flex; gap:36px; max-width:600px; margin-top:60px; color:var(--muted); text-decoration:none; font-size:11px; }
.scroll-note span { color:var(--accent); }
.anchor-target { position:absolute; top:0; scroll-margin-top:80px; }
.strategy-list > div { display:grid; grid-template-columns:35px 1fr; gap:20px; padding:25px 0; border-top:1px solid var(--rule); }
.strategy-list > div > span { color:var(--accent); font-size:11px; padding-top:5px; }
.strategy-list h3 { font-size:21px; }
.strategy-list p { margin:9px 0 0; color:var(--muted); font-size:14px; }
.chapter-output { display:flex; gap:20px; align-items:baseline; flex-wrap:wrap; padding:24px 0; margin-top:22px; border-top:1px solid var(--rule); }
.chapter-output > span { font-size:11px; color:var(--accent); white-space:nowrap; }
.chapter-output p { margin:0; font-size:14px; }
.chapter-output small { color:var(--muted); font-size:11px; }
.service-detail { margin-top:6px; }
.service-detail > summary { width:fit-content; padding:13px 0; color:var(--accent); font-size:13px; cursor:pointer; list-style:none; border-bottom:1px solid var(--rule); }
.service-detail > summary::-webkit-details-marker { display:none; }
.service-detail > summary::after { content:"＋"; margin-left:36px; }
.service-detail[open] > summary::after { content:"−"; }
.detail-body { max-width:750px; padding:28px; margin-top:18px; border-left:2px solid var(--accent); background:#09212c; color:var(--muted); font-size:14px; line-height:1.9; }
.detail-body h3 { color:var(--paper); font-size:21px; margin:0 0 15px; }
.detail-body p:last-child { margin-bottom:0; }
.structure-label { margin:55px 0 16px; color:var(--muted); font-size:10px; letter-spacing:.08em; }
.creative-sequence { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.creative-sequence article { padding:26px 28px 30px; border-left:1px solid var(--rule); background:linear-gradient(145deg,rgba(17,51,61,.22),rgba(3,20,28,.08)); }
.creative-sequence article:first-child { border-left:0; padding-left:0; }
.sequence-index { color:var(--accent); font-size:10px; letter-spacing:.12em; }
.sequence-diagram { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:130px; color:var(--paper); font-size:16px; }
.sequence-diagram i { color:var(--accent); font-style:normal; }
.creative-sequence h3 { font-size:24px; }
.creative-sequence p { margin-bottom:0; font-size:14px; color:var(--muted); }
.case-editorial { margin-top:54px; border-top:1px solid var(--rule); }
.case-editorial article { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:42px 0; border-bottom:1px solid var(--rule); }
.case-editorial article,.analysis-table > div,.faq-list details { background:linear-gradient(90deg,rgba(3,20,28,.14),transparent); }
.case-title > span,.case-reading small { color:var(--accent); font-size:10px; letter-spacing:.06em; }
.case-title h3 { font-size:clamp(32px,4vw,54px); margin-top:18px; line-height:1.08; }
.case-title p { font-size:12px; color:var(--muted); margin-bottom:0; }
.case-reading { align-self:center; max-width:430px; }
.case-reading p { font-size:18px; margin:15px 0 24px; }
.case-reading small:last-child { display:block; color:var(--muted); margin-top:17px; }
.source-note { color:var(--muted); font-size:11px; margin-top:24px; max-width:780px; }
.source-note a { color:var(--accent); white-space:nowrap; }
.prelaunch-grid { max-width:740px; display:grid; grid-template-columns:repeat(2,1fr); margin-top:44px; }
.prelaunch-grid article { padding:26px 30px 26px 0; border-top:1px solid var(--rule); }
.prelaunch-grid article:nth-child(even) { padding-left:26px; border-left:1px solid var(--rule); }
.prelaunch-grid span { display:block; color:var(--accent); font-size:11px; margin-bottom:18px; }
.prelaunch-grid h3 { font-size:21px; }
.prelaunch-grid p { color:var(--muted); font-size:14px; margin-bottom:0; }
.chapter-prelaunch .chapter-output,.chapter-prelaunch .service-detail { max-width:740px; }
.chapter-launch { padding-bottom:0; background:none; }
.chapter-launch > .chapter-inner::before { content:""; position:absolute; z-index:-1; inset:-50px -5vw -50px; background:linear-gradient(90deg,rgba(3,20,28,.32),rgba(3,20,28,.12) 60%,transparent); pointer-events:none; }
.launch-checklist { max-width:600px; list-style:none; padding:0; margin:40px 0 0; }
.launch-checklist li { display:flex; gap:24px; padding:20px 0; border-top:1px solid var(--rule); font-size:19px; }
.launch-checklist span { font-size:11px; color:var(--accent); padding-top:5px; }
.breach-runway { position:relative; height:190svh; min-height:900px; display:flex; align-items:flex-start; justify-content:center; padding-top:28svh; margin-top:18svh; text-align:center; pointer-events:none; }
.breach-runway p { opacity:var(--breach-caption-o,1); font-size:clamp(25px,4vw,52px); font-weight:600; text-shadow:0 2px 30px #03141c; }
.analysis-table { margin-top:48px; }
.analysis-table > div { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:25px; align-items:center; padding:28px 0; border-bottom:1px solid var(--rule); }
.analysis-table > div:first-child { padding:14px 0; border-top:1px solid var(--rule); color:var(--accent); font-size:11px; }
.analysis-table h3 { font-size:22px; }
.analysis-table p { font-size:14px; margin:0; color:var(--muted); }
.beyond-path { margin-top:44px; padding-left:27px; border-left:1px solid var(--rule); }
.beyond-path > div { position:relative; padding:0 0 35px 20px; }
.beyond-path > div:last-child { padding-bottom:0; }
.beyond-path span { position:absolute; left:-41px; top:0; background:#03141c; padding:5px; color:var(--accent); font-size:11px; }
.beyond-path h3 { font-size:22px; }
.beyond-path p { color:var(--muted); font-size:14px; }
.partnership-block { padding-top:75px; scroll-margin-top:100px; }
.block-heading { display:flex; align-items:baseline; justify-content:space-between; gap:25px; border-top:1px solid var(--rule); padding-top:25px; margin-bottom:30px; }
.block-heading > p { font-size:10px; letter-spacing:.1em; color:var(--accent); }
.block-heading h3 { font-size:27px; }
.process-list { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; padding:0; margin:0; gap:35px 40px; }
.process-list span { display:block; font-size:35px; line-height:1; font-weight:300; color:var(--accent); margin-bottom:20px; }
.process-list h4 { font-size:20px; }
.process-list p { font-size:13px; color:var(--muted); max-width:230px; }
.team-roles { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.team-roles h4 { font-size:21px; }
.team-roles p { color:var(--muted); font-size:14px; }
.faq-list { max-width:900px; margin-left:auto; }
.faq-list details { border-bottom:1px solid var(--rule); }
.faq-list details[open] { background:rgba(5,25,34,.38); }
.faq-list summary { padding:24px 32px 24px 0; font-size:17px; cursor:pointer; position:relative; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"＋"; position:absolute; right:0; color:var(--accent); }
.faq-list details[open] summary::after { content:"−"; }
.faq-list p { font-size:14px; color:var(--muted); margin:0; padding:0 38px 26px 0; }
.contact-section { padding:75px 0 50px; margin-top:75px; border-top:1px solid var(--rule); scroll-margin-top:90px; }
.contact-section > h3 { font-size:clamp(36px,5vw,66px); line-height:1.24; letter-spacing:-.04em; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:40px; }
.contact-intro { max-width:620px; color:var(--muted); font-size:16px; line-height:1.9; margin-top:24px; }
.contact-grid--direct { grid-template-columns:minmax(0,1fr) 220px; align-items:start; max-width:1040px; gap:clamp(28px,5vw,64px); }
.contact-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; margin:0; }
.contact-directory > div { padding:18px 0; border-bottom:1px solid var(--rule); }
.contact-directory > div:nth-child(-n+2) { grid-column:1/-1; }
.contact-directory > div:first-child { padding-top:0; }
.contact-directory dt { color:var(--muted); font-size:11px; letter-spacing:.08em; margin-bottom:6px; }
.contact-directory dd { margin:0; font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
.contact-directory a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.contact-directory .contact-phone { font-size:clamp(24px,2.6vw,32px); letter-spacing:.01em; gap:14px; white-space:nowrap; }
.contact-phone span { color:var(--accent); font-size:22px; }
.contact-info > .text-link,.contact-wechat > .text-link { display:inline-flex; align-items:center; min-height:44px; }
.contact-wechat { padding:20px 18px 14px; text-align:center; background:rgba(3,20,28,.42); border:1px solid var(--rule); border-radius:3px; }
.contact-wechat .contact-qr-label { font-size:10px; letter-spacing:.1em; color:var(--accent); margin:0 0 16px; }
.contact-qr-image { display:block; padding:10px; background:#fff; width:min(100%,172px); margin:0 auto; }
.contact-qr-image img { display:block; width:100%; height:auto; }
.contact-wechat h4 { font-size:15px; margin:16px 0 6px; line-height:1.6; }
.contact-grid .contact-wechat > p:not(.contact-qr-label) { font-size:12px; margin:0 0 8px; }
.contact-wechat > .text-link { font-size:12px; margin-top:4px; }
.contact-wechat p { line-height:1.8; }
@media(max-width:750px) {
  .contact-grid.contact-grid--direct { grid-template-columns:minmax(0,1fr); gap:32px; }
  .contact-wechat { width:min(100%,220px); justify-self:start; }
  .contact-directory { grid-template-columns:minmax(0,1fr); }
  .contact-intro { font-size:14px; }
}
.contact-grid p,.contact-grid li { font-size:14px; color:var(--muted); }
.contact-grid ul { list-style:none; padding:0; line-height:2.1; }
.contact-grid li::before { content:"＋"; color:var(--accent); margin-right:14px; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:20px; }
.contact-actions > a:not(.consult) { font-size:14px; text-underline-offset:5px; }
.contact-actions small { color:var(--muted); font-size:11px; line-height:1.8; }
.journey-footer { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid var(--rule); margin-top:35px; padding-top:30px; }
.journey-footer > a { font-size:12px; text-decoration:none; }
.journey-footer .replay { margin:0; border-radius:2px; font-size:11px; letter-spacing:0; min-height:44px; }
.contact-actions > a { min-height:44px; display:inline-flex; align-items:center; }
.chapter-drawer { padding:calc(var(--nav-height) + 20px) max(7vw,24px) max(35px,env(safe-area-inset-bottom,0px)); overflow-y:auto; overscroll-behavior:contain; justify-content:flex-start; }
.chapter-drawer button { width:min(900px,100%); margin:0 auto; font-size:clamp(22px,3vw,40px); padding:12px 0; min-height:55px; }
.chapter-drawer button[aria-current="step"],.chapter-drawer button.is-active { color:var(--accent); }
#service-dialog { width:min(740px,calc(100vw - 48px)); max-height:85svh; padding:50px; background:#09212c; color:var(--paper); border:1px solid var(--rule); border-radius:3px; overflow:auto; }
#service-dialog::backdrop { background:rgba(0,8,15,.82); backdrop-filter:blur(8px); }
#service-dialog h2 { font-size:32px; line-height:1.3; letter-spacing:-.03em; margin-top:26px; }
.dialog-close { display:block; margin-left:auto; border:1px solid var(--rule); padding:10px 14px; background:transparent; cursor:pointer; font-size:12px; }
.dialog-body { font-size:15px; color:var(--muted); line-height:1.9; margin-top:24px; }
.dialog-body h3 { color:var(--paper); font-size:22px; }
summary:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.service-detail > summary,.faq-list summary { min-height:44px; }
@media(hover:hover) { .service-detail > summary:hover,.faq-list summary:hover { color:var(--accent); } }
@media(max-width:1050px) { .nav__chapter { display:none; } .story-chapter { padding-left:6vw; padding-right:6vw; } .chapter-heading { gap:22px; } .chapter-number { font-size:86px; } }
@media(max-width:750px) {
  :root { --nav-height:calc(68px + env(safe-area-inset-top,0px)); }
  .nav { height:var(--nav-height); gap:10px; padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px)); } .brand-story .brand { font-size:12px; gap:6px; } .brand small { display:none; } .nav-services { font-size:11px; padding:9px 11px; } .menu { width:44px; }
  .story-chapter { min-height:0; padding:90px 0 50px; scroll-margin-top:var(--nav-height); }
  .story-chapter::before { display:none; }
  .chapter-inner { margin:0; padding:30px max(24px,env(safe-area-inset-right,0px)) 55px max(24px,env(safe-area-inset-left,0px)); background:linear-gradient(90deg,rgba(3,20,28,.26),rgba(3,20,28,.08)); }
  .chapter-intro { min-height:100svh; padding-top:max(calc(var(--nav-height) + 38px),15svh); padding-bottom:35px; }
  .chapter-intro .chapter-inner { padding-top:25px; }
  .brand-story .story-chapter h1 { font-size:clamp(42px,11vw,72px); letter-spacing:-.025em; }
  .brand-story .story-chapter h2 { font-size:clamp(29px,7.8vw,47px); line-height:1.32; letter-spacing:-.025em; }
  .chapter-heading { display:block; position:relative; margin-bottom:24px; }
  .chapter-number { display:block; font-size:48px; margin-bottom:18px; color:rgba(145,226,221,.45); }
  .chapter-kicker { font-size:9px; margin-bottom:17px; letter-spacing:.07em; }
  .chapter-heading .chapter-kicker { margin-bottom:17px; }
  .chapter-lead { font-size:16px; margin:23px 0 29px; } .chapter-intro .chapter-lead { font-size:18px; }
  .intro-copy { font-size:14px; } .chapter-actions { gap:16px; margin-top:25px; } .consult { padding:14px 17px; font-size:13px; gap:20px; }
  .text-link { min-height:44px; display:inline-flex; align-items:center; }
  .intro-scope { margin-top:32px; gap:12px 0; } .intro-scope span { font-size:10px; padding:0 11px; }
  .scroll-note { margin-top:34px; }
  .strategy-list > div { padding:21px 0; grid-template-columns:25px 1fr; gap:13px; } .strategy-list h3 { font-size:19px; }
  .chapter-output { gap:9px 14px; margin-top:17px; padding:22px 0; } .chapter-output p { font-size:13px; } .chapter-output small { width:100%; }
  .detail-body { padding:22px 18px; font-size:14px; } .detail-body h3 { font-size:19px; }
  .structure-label { margin-top:35px; } .creative-sequence { grid-template-columns:1fr; }
  .creative-sequence article,.creative-sequence article:first-child { padding:26px 20px; border-left:0; border-bottom:1px solid var(--rule); } .creative-sequence article:last-child { border-bottom:0; }
  .sequence-diagram { min-height:95px; } .creative-sequence h3 { font-size:22px; }
  .case-editorial { margin-top:35px; } .case-editorial article { grid-template-columns:1fr; gap:27px; padding:32px 0; } .case-title h3 { font-size:38px; } .case-title h3 br { display:none; } .case-reading p { font-size:16px; margin-top:10px; }
  .prelaunch-grid { margin-top:30px; } .prelaunch-grid article { padding:22px 15px 22px 0; } .prelaunch-grid article:nth-child(even) { padding-left:17px; } .prelaunch-grid h3 { font-size:18px; } .prelaunch-grid p { font-size:13px; }
  .chapter-launch > .chapter-inner::before { display:none; } .launch-checklist li { font-size:16px; }
  .breach-runway { height:190svh; min-height:850px; margin-top:0; padding:28svh 22px 0; }
  .breach-runway p { font-size:25px; }
  .analysis-table { margin-top:30px; } .analysis-table > div { grid-template-columns:1fr; gap:12px; padding:24px 0; } .analysis-table > div:first-child { display:none; } .analysis-table h3 { font-size:20px; } .analysis-table p:last-child { color:var(--accent); font-size:12px; } .analysis-table p br { display:none; }
  .beyond-path h3 { font-size:20px; }
  .partnership-block { padding-top:50px; } .block-heading { display:block; margin-bottom:25px; } .block-heading > p { font-size:9px; margin-top:0; } .block-heading h3 { font-size:23px; }
  .process-list { grid-template-columns:repeat(2,1fr); gap:27px 25px; } .process-list span { font-size:29px; margin-bottom:14px; } .process-list h4 { font-size:18px; }
  .team-roles { grid-template-columns:1fr; gap:0; } .team-roles > div { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding:16px 0; border-bottom:1px solid var(--rule); } .team-roles h4 { font-size:18px; } .team-roles p { margin:0; font-size:13px; }
  .faq-list summary { font-size:16px; padding-top:22px; padding-bottom:22px; } .faq-list p { font-size:14px; padding-right:15px; }
  .contact-section { padding-top:45px; margin-top:50px; } .contact-section > h3 { font-size:35px; } .contact-grid { grid-template-columns:1fr; gap:20px; margin-top:25px; } .journey-footer { align-items:flex-start; flex-direction:column; gap:20px; }
  .depth { bottom:max(12px,env(safe-area-inset-bottom,0px)); right:16px; opacity:.55; } .chapter-drawer { padding-top:calc(var(--nav-height) + 18px); } .chapter-drawer button { font-size:25px; padding:12px 0; }
  .journey-footer { padding-bottom:env(safe-area-inset-bottom,0px); }
  .prelaunch-grid p,.process-list p,.team-roles p { font-size:14px; }
}
@media(max-width:390px) {
  .prelaunch-grid { grid-template-columns:1fr; }
  .prelaunch-grid article,.prelaunch-grid article:nth-child(even) { padding:24px 0; border-left:0; }
  .prelaunch-grid span { margin-bottom:10px; }
  .intro-scope { display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; }
  .intro-scope span,.intro-scope span:first-child { padding:0; border:0; font-size:11px; }
}
@media(max-height:650px) and (max-width:750px) { .chapter-intro { padding-top:120px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; } #shark3d { will-change:auto; } .chapter-intro,.chapter-strategy { padding-bottom:60px; } .breach-runway { height:65svh; min-height:300px; } }