:root { --paper:#f5f7fa; --white:#fff; --ink:#172a3b; --muted:#5a6775; --blue:#265acb; --line:#dce2e8; --selected:#e8eef8; --soft:#edf1f5; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; view-transition-name:none; }
body { margin:0; background:var(--paper); color:var(--ink); font:1rem/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:500; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { color:inherit; cursor:pointer; }
button,a,summary { touch-action:manipulation; }
button,a,input,textarea,select,summary { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
[hidden] { display:none!important; }
::selection { background:var(--selected); color:var(--ink); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; padding:12px 20px; background:var(--ink); color:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { display:flex; align-items:center; gap:42px; margin:0 36px; min-height:102px; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.wordmark { display:inline-flex; align-items:baseline; gap:12px; color:var(--ink); white-space:nowrap; }
.wordmark-name { font-size:3.2rem; font-weight:700; line-height:.9; letter-spacing:-.085em; }
.wordmark-detail { font-size:1rem; font-weight:500; letter-spacing:-.04em; }
.header-descriptor { font-size:.875rem; line-height:1.5; color:var(--muted); border-left:1px solid var(--line); padding-left:28px; }
.desktop-nav { display:flex; gap:28px; margin-left:auto; font-size:.875rem; }
.desktop-nav a { padding-block:12px; }
.desktop-nav a:hover,.site-footer a:hover { color:var(--blue); text-decoration:underline; text-underline-offset:5px; }
.header-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; padding:12px 19px; min-height:46px; border:1px solid #9fafbb; border-radius:6px; font-size:.875rem; }
.header-contact:hover { background:var(--ink); border-color:var(--ink); color:white; }
.menu-toggle,.mobile-nav { display:none; }
.studio { display:grid; grid-template-columns:minmax(280px,330px) minmax(0,1fr); grid-template-rows:minmax(660px,calc(100svh - 232px)) auto; gap:24px 30px; margin:25px 36px 0; }
.directions { display:flex; flex-direction:column; padding:15px 0 12px; }
.eyebrow { font-size:.875rem; font-weight:500; letter-spacing:.035em; color:var(--blue); }
.intro .eyebrow { margin-bottom:24px; }
h1 { font-size:clamp(3.3rem,4.1vw,3.7rem); letter-spacing:-.065em; line-height:1.05; }
.invitation { color:var(--blue); }
.intro>p:last-child { max-width:295px; font-size:1rem; color:var(--muted); line-height:1.75; margin-top:22px; }
.direction-tabs { margin-top:37px; }
.direction-tab { display:flex; align-items:center; text-align:left; width:100%; padding:17px 15px 17px 0; gap:17px; background:none; border:0; border-top:1px solid var(--line); position:relative; transition:color .2s; }
.direction-tab:last-child { border-bottom:1px solid var(--line); }
.direction-number { color:var(--muted); font-size:.75rem; align-self:flex-start; padding-top:6px; font-variant-numeric:tabular-nums; }
.direction-label { font-size:1.6rem; letter-spacing:-.045em; line-height:1.25; }
.direction-label small { display:block; font-size:.875rem; color:var(--muted); letter-spacing:0; margin-top:6px; }
.tab-short { display:none; }
.direction-arrow { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:0; margin-left:auto; opacity:0; transform:translate(-7px,7px); transition:transform .22s,opacity .22s; }
.direction-tab[aria-selected=true] { color:var(--blue); }
.direction-tab[aria-selected=true] .direction-number { color:var(--blue); }
.direction-tab[aria-selected=true] .direction-arrow { opacity:1; transform:none; background:none; color:var(--blue); }
.direction-tab:hover .direction-arrow { opacity:1; transform:none; }
.direction-note { display:flex; gap:13px; align-items:flex-start; margin-top:auto; padding-top:26px; }
.note-line { display:block; width:24px; height:1px; background:#879ba7; margin-top:10px; flex-shrink:0; }
.direction-note p { font-size:.875rem; color:var(--muted); line-height:1.7; }
.ocean-workspace { min-width:0; display:grid; grid-template-rows:minmax(0,1fr) 44px; gap:8px; }
.ocean-stage { position:relative; isolation:isolate; min-width:0; overflow:hidden; border-radius:8px; background:#287caa; }
.water-layer { position:absolute; inset:0; z-index:-2; overflow:hidden; filter:saturate(.67) hue-rotate(17deg) contrast(1.03); pointer-events:none; user-select:none; }
.water-layer::after { content:""; position:absolute; inset:0; background:linear-gradient(145deg,#0643a308,#07346b24); pointer-events:none; }
.water-layer img { display:block; width:100%; height:100%; object-fit:cover; object-position:center bottom; transform:scale(1.28); transform-origin:bottom center; }
.water-layer canvas { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; transition:opacity .75s ease; }
.ocean-stage.water-ready .water-layer canvas { opacity:1; }
.ocean-stage.water-ready .stage-word { visibility:hidden; }
.stage-word { position:absolute; top:47px; left:40px; font-size:clamp(6rem,11vw,11.5rem); font-weight:500; letter-spacing:-.075em; line-height:.84; color:white; pointer-events:none; }
.service-sheet { position:absolute; right:25px; bottom:25px; width:min(404px,calc(100% - 50px)); max-height:calc(100% - 50px); overflow:auto; background:#fcfdfe; border-radius:7px; padding:29px 30px 24px; scrollbar-width:thin; scrollbar-color:#bed0da transparent; box-shadow:0 16px 48px #142b4218; }
.panel-label { font-size:.875rem; color:var(--muted); margin-bottom:16px; }
.service-panel h2 { font-size:clamp(2.3rem,2.7vw,2.9rem); line-height:1.06; letter-spacing:-.052em; margin-bottom:18px; }
.panel-description { font-size:1rem; line-height:1.7; color:var(--muted); }
.service-page-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 0; font-size:.875rem; color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.site-directory { display:flex; flex-wrap:wrap; gap:8px 24px; margin:0 36px; padding:23px 0; border-bottom:1px solid var(--line); font-size:.875rem; }
.site-directory a { padding:6px 0; }
.site-directory a:hover { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.studio-context { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:clamp(36px,8vw,130px); padding:70px 0 56px; border-top:1px solid var(--line); margin-top:16px; }
.studio-context h2 { font-size:clamp(2rem,3.3vw,3.4rem); line-height:1.12; letter-spacing:-.05em; margin:22px 0; }
.studio-context h3 { font-size:clamp(1.6rem,2.5vw,2.5rem); line-height:1.2; letter-spacing:-.045em; margin:22px 0; }
.studio-context p:not(.eyebrow) { color:var(--muted); max-width:650px; line-height:1.85; }
.studio-context a { color:var(--blue); display:inline-flex; align-items:center; gap:24px; min-height:44px; margin-top:18px; text-decoration:underline; text-underline-offset:5px; }
.studio-context .ai-introduction { margin-top:18px; }
.studio-context .ai-introduction a { display:inline; margin:0; min-height:0; }
.studio-project { border-left:1px solid var(--line); padding-left:clamp(28px,4vw,70px); }
@media(max-width:700px) { .studio-context { grid-template-columns:1fr; padding:36px 0 28px; gap:30px; } .studio-project { border-left:0; border-top:1px solid var(--line); padding:30px 0 0; } }
@media(max-width:600px) { .site-directory { margin-inline:20px; gap:4px 20px; } }
.service-details { margin-top:22px; border-top:1px solid var(--line); }
.service-details summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:13px; min-height:48px; font-size:.875rem; cursor:pointer; }
.service-details summary::-webkit-details-marker { display:none; }
.service-details summary>span { font-size:1.2rem; transition:transform .2s; }
.service-details[open] summary>span { transform:rotate(45deg); }
.service-details ul { margin:0; padding:0 0 14px 16px; font-size:.875rem; color:var(--muted); line-height:1.65; }
.service-details li { padding-block:4px; }
.add-button { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:52px; width:100%; text-align:left; background:var(--ink); border:1px solid var(--ink); padding:12px 16px; border-radius:5px; color:white; font-size:.875rem; margin-top:6px; }
.add-button:hover { background:var(--blue); border-color:var(--blue); }
.add-button>span:last-child { font-size:1.2rem; }
.add-button[aria-pressed=true] { background:var(--selected); color:var(--ink); border-color:#bacbe5; }
.brief-dock { grid-column:1/-1; display:flex; align-items:center; gap:28px; padding:20px 0; border-bottom:1px solid var(--line); }
.dock-heading { display:flex; align-items:center; gap:15px; flex-shrink:0; }
.brief-count { display:flex; align-items:center; justify-content:center; width:43px; height:43px; background:none; border-right:1px solid var(--line); border-radius:0; font-size:1.125rem; font-variant-numeric:tabular-nums; }
.dock-heading h2 { font-size:1rem; font-weight:500; }
.dock-heading p { font-size:.875rem; color:var(--muted); line-height:1.55; margin-top:3px; }
.brief-chips { display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
.brief-chip { display:inline-flex; align-items:center; gap:12px; padding:8px 12px; background:#e7ecf2; border:1px solid #dce3eb; border-radius:5px; font-size:.875rem; min-height:38px; }
.brief-chip:hover { background:#dce4ee; }
.review-button,.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; background:var(--ink); border:1px solid var(--ink); color:#fff; border-radius:6px; padding:13px 22px; min-height:50px; font-size:.875rem; cursor:pointer; }
.review-button { margin-left:auto; flex-shrink:0; }
.review-button:hover,.primary-button:hover { background:var(--blue); border-color:var(--blue); }
.site-footer { margin:0 36px; padding:22px 0 25px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--muted); font-size:.75rem; }
.site-footer a { color:var(--ink); }
.sheet { width:min(680px,calc(100% - 24px)); max-width:none; height:100dvh; max-height:100dvh; margin:0 0 0 auto; border:0; padding:0; border-radius:0; background:var(--paper); color:var(--ink); overflow:auto; }
.sheet::backdrop { background:#172a3b55; backdrop-filter:blur(6px); }
.sheet-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:21px 34px; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:2; background:var(--paper); }
.sheet-header>button { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid #bdcfd9; background:transparent; border-radius:6px; font-size:1.55rem; }
.sheet-header>button:hover { background:var(--soft); }
.sheet-body { padding:37px 42px 48px; }
.sheet-title { font-size:3.4rem; line-height:1.07; letter-spacing:-.06em; margin-bottom:24px; outline:none; }
.sheet-intro { color:var(--muted); font-size:1rem; line-height:1.75; margin-bottom:28px; }
.sheet-body>p:not(.sheet-intro) { color:var(--muted); font-size:1rem; line-height:1.85; margin-bottom:20px; }
.sheet-body>p.large-copy { font-size:1.35rem; line-height:1.6; color:var(--ink); }
.sheet-body>.primary-button { margin-top:15px; }
form label,.field-label,form legend { display:block; font-size:.875rem; font-weight:500; margin:19px 0 8px; }
.brief-services { padding:0; margin:0 0 26px; border:0; }
.brief-services legend { margin:0 0 11px; }
.brief-services label { display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid #bbced8; border-radius:5px; background:#fff; margin:8px 0; cursor:pointer; }
.brief-services label:has(input:checked) { background:var(--selected); border-color:#a9bddc; }
input[type=checkbox] { width:18px; height:18px; accent-color:var(--blue); margin:0; flex-shrink:0; }
input:not([type=checkbox]),textarea,select { width:100%; background:#fff; border:1px solid #7e93a0; border-radius:5px; font:1rem/1.5 var(--sans); color:var(--ink); padding:12px; min-height:49px; }
textarea { resize:vertical; min-height:132px; }
textarea::placeholder { color:var(--muted); }
.optional { color:var(--muted); font-weight:400; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:29px; }
.download-button { display:inline-flex; align-items:center; gap:18px; min-height:46px; padding:8px 0; border:0; border-bottom:1px solid #8b9fae; background:none; font-size:.875rem; }
.form-note { color:var(--muted); font-size:.875rem; line-height:1.7; margin-top:22px; }
.form-status { font-size:.875rem; color:var(--blue); margin-top:15px; }
.form-status:empty { display:none; }
.route-preview { padding:18px; border:1px solid var(--line); background:var(--soft); margin-bottom:10px; }
.route-preview .field-label { margin:0 0 16px; }
.route-preview ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:18px; }
.route-preview li { font-size:.875rem; line-height:1.4; }
.route-preview li span { display:block; font-size:.75rem; color:var(--muted); margin-bottom:6px; }
.route-note { font-size:.75rem; color:var(--muted); margin-top:17px; }
.about-disciplines { display:flex; flex-direction:column; font-size:1.3rem; line-height:1.7; border-block:1px solid var(--line); padding-block:24px; margin:30px 0; }
.process-list { list-style:none; padding:0; margin:36px 0 28px; }
.process-list li { display:grid; grid-template-columns:35px 1fr; gap:18px; border-top:1px solid var(--line); padding:25px 0; }
.process-list li>span { font-size:.875rem; color:var(--blue); padding-top:5px; }
.process-list h3 { font-size:1.4rem; letter-spacing:-.03em; margin-bottom:10px; line-height:1.4; }
.process-list p { color:var(--muted); font-size:1rem; line-height:1.8; }
body.modal-open { overflow:hidden; }
.no-script { padding:35px; }
.no-script p { margin-block:18px; }
.no-script a { text-decoration:underline; }
::view-transition { pointer-events:none; }
::view-transition-old(root),::view-transition-new(root) { animation:none; mix-blend-mode:normal; }
::view-transition-group(service-copy) { animation-duration:220ms; animation-timing-function:ease-out; }
::view-transition-old(service-copy) { animation:panel-out 180ms ease-in both; }
::view-transition-new(service-copy) { animation:panel-in 220ms ease-out both; }
@keyframes panel-out { to { opacity:0; transform:translateY(-10px); } }
@keyframes panel-in { from { opacity:0; transform:translateY(14px); } }
@media(min-width:1750px) { .site-header,.studio,.site-footer { max-width:1760px; margin-inline:auto; } .studio { grid-template-columns:360px minmax(0,1fr); } }
@media(max-width:1250px) { .site-header { gap:25px; margin-inline:26px; } .header-descriptor { display:none; } .studio { margin-inline:26px; grid-template-columns:285px minmax(0,1fr); gap:20px 25px; } h1 { font-size:3.15rem; } .service-sheet { width:min(375px,calc(100% - 44px)); right:22px; bottom:22px; padding:25px; } .stage-word { font-size:8rem; left:30px; } .site-footer { margin-inline:26px; } .dock-heading p { max-width:300px; } .brief-dock { gap:20px; } }
@media(max-width:1050px) and (min-width:901px) { .studio { grid-template-columns:260px minmax(0,1fr); } .direction-label { font-size:1.45rem; } .service-sheet { width:calc(100% - 44px); bottom:22px; max-height:calc(100% - 50px); } .brief-chips { gap:5px; } .brief-chip { gap:6px; padding-inline:9px; } .dock-heading p { max-width:220px; } }
@media(max-width:900px) {
  .site-header { min-height:88px; gap:25px; margin-inline:24px; }
  .desktop-nav { gap:22px; }
  .studio { margin:25px 24px 0; grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:24px; }
  .directions { padding:0; }
  .intro { display:grid; grid-template-columns:1.1fr 1fr; gap:12px 30px; align-items:end; }
  .intro .eyebrow { grid-column:1/-1; margin-bottom:3px; }
  h1 { font-size:3.3rem; }
  .intro>p:last-child { margin:0 0 3px; max-width:340px; }
  .direction-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:27px; }
  .direction-tab { gap:10px; padding:15px 0; border-bottom:1px solid var(--line); }
  .direction-tab[aria-selected=true] { border-bottom:2px solid var(--blue); }
  .direction-label { font-size:1.4rem; }
  .direction-label small { font-size:.875rem; }
  .direction-arrow { display:none; }
  .direction-note { display:none; }
  .ocean-stage { min-height:650px; border-radius:8px; }
  .service-sheet { width:385px; bottom:82px; max-height:calc(100% - 185px); }
  .stage-word { font-size:9rem; }
  .brief-dock { padding:15px 0 18px; gap:15px; flex-wrap:wrap; }
  .brief-chips { order:3; width:100%; margin:0 0 0 58px; }
  .brief-chips:empty { display:none; }
  .dock-heading p { max-width:360px; }
  .site-footer { margin-inline:24px; }
}
@media(max-width:600px) {
  .site-header { min-height:79px; gap:16px; margin-inline:20px; }
  .wordmark-name { font-size:2.8rem; }
  .wordmark-detail { font-size:.9375rem; }
  .desktop-nav,.header-contact { display:none; }
  .menu-toggle { display:block; margin-left:auto; border:1px solid #aabfcb; border-radius:5px; padding:8px 14px; min-height:44px; background:none; font-size:.875rem; }
  .mobile-nav:not([hidden]) { display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:5px; background:var(--paper); border:1px solid var(--line); padding:15px 20px; border-radius:0 0 12px 12px; }
  .mobile-nav a { padding-block:11px; }
  .studio { margin:25px 16px 0; gap:20px; }
  .directions { padding-inline:4px; }
  .intro { display:block; }
  .intro .eyebrow { margin-bottom:15px; }
  h1 { font-size:2.9rem; }
  h1 br { display:block; }
  .intro>p:last-child { font-size:1rem; margin-top:14px; max-width:350px; }
  .direction-tabs { gap:13px; margin-top:23px; }
  .direction-tab { display:block; padding:12px 0 14px; }
  .direction-number { display:block; font-size:.75rem; padding:0 0 7px; }
  .direction-label { font-size:1.17rem; line-height:1.22; display:block; }
  .direction-label small { display:none; }
  .direction-label .tab-long { display:none; }
  .direction-label .tab-short { display:inline; }
  .ocean-stage { min-height:0; padding-top:236px; padding-bottom:16px; border-radius:8px; }
  .stage-word { top:39px; left:26px; font-size:5.8rem; line-height:.87; }
  .service-sheet { position:relative; width:auto; max-height:none; overflow:visible; right:auto; bottom:auto; margin:0 16px; padding:25px 23px 22px; border-radius:6px; }
  .service-panel h2 { font-size:2.45rem; }
  .panel-description { line-height:1.75; }
  .panel-label { margin-bottom:15px; }
  .brief-dock { position:sticky; bottom:0; z-index:9; background:var(--paper); padding:15px 4px; border-top:1px solid var(--line); border-bottom:0; margin-top:3px; }
  .brief-count { width:35px; height:35px; font-size:1rem; }
  .dock-heading { gap:10px; }
  .dock-heading h2 { font-size:.875rem; }
  .dock-heading p { display:none; }
  .review-button { font-size:.875rem; padding:11px 12px; min-height:45px; gap:10px; }
  .brief-chips { margin-left:0; gap:7px; }
  .brief-chip { min-height:40px; padding:5px 11px; font-size:.875rem; }
  .site-footer { margin:0 20px; padding-block:24px; flex-wrap:wrap; gap:8px 20px; }
  .site-footer>span:first-child { width:100%; }
  .sheet { width:100%; border-radius:0; }
  .sheet-header { padding:15px 22px; }
  .sheet-body { padding:29px 24px 36px; }
  .sheet-title { font-size:2.8rem; }
  .form-grid { grid-template-columns:1fr; gap:0; }
  .form-actions { align-items:stretch; }
  .form-actions .primary-button { flex:1 0 100%; }
  .download-button { justify-content:space-between; }
  .route-preview { padding:17px 14px; }
  .route-preview ol { gap:13px; }
  .route-preview li { font-size:.875rem; }
  .sheet-header .eyebrow { font-size:.75rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.001ms!important; transition-duration:.001ms!important; animation-iteration-count:1!important; } ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; } }

.service-panel:not([hidden]) .panel-copy { view-transition-name:service-copy; }

.scene-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--muted); padding-inline:1px; }
.scene-toolbar>span { font-size:.875rem; }
.scene-toolbar button { display:inline-flex; align-items:center; gap:10px; border:0; background:none; color:var(--muted); border-radius:4px; padding:8px 4px; min-height:44px; font-size:.875rem; }
.scene-toolbar button:hover { color:var(--ink); }
.ocean-stage[data-renderer=webgl][data-paused=false] { cursor:crosshair; }
.ocean-stage[data-renderer=webgl][data-pressed=true] { cursor:grabbing; }
.service-sheet { cursor:auto; }
.direction-tab .direction-label { transition:transform .24s ease; }
.direction-tab:hover .direction-label { transform:translateX(3px); }
.add-button,.review-button,.primary-button { transition:background .2s,border-color .2s,box-shadow .2s; }
.add-button:hover,.review-button:hover,.primary-button:hover { box-shadow:0 5px 18px #265acb1c; }
.studio-entered .intro { animation:studio-arrive .75s cubic-bezier(.2,.7,.2,1) both; }
.studio-entered .direction-tabs { animation:studio-arrive .85s .08s cubic-bezier(.2,.7,.2,1) both; }
.studio-entered .ocean-workspace { animation:studio-arrive .9s .04s cubic-bezier(.2,.7,.2,1) both; }
@keyframes studio-arrive { from { transform:translateY(14px); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .studio-entered .intro,.studio-entered .direction-tabs,.studio-entered .ocean-workspace { animation:none; } .direction-tab:hover .direction-label { transform:none; } }
.motion-icon { display:block; width:12px; height:12px; position:relative; }
.motion-icon::before,.motion-icon::after { content:""; position:absolute; top:1px; width:2px; height:10px; background:currentColor; }
.motion-icon::before { left:2px; }
.motion-icon::after { right:2px; }
[aria-pressed=true] .motion-icon::before { left:3px; top:1px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid currentColor; background:none; }
[aria-pressed=true] .motion-icon::after { display:none; }
@media(max-width:900px) { .ocean-workspace { grid-template-rows:auto 44px; } }