.project-page .topbar{border-bottom:1px solid var(--line)}.back-link{font-size:12px;letter-spacing:.12em;color:#666}.case-hero{padding:90px 0 42px}.case-kicker{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.22em;color:#838383}.case-title{margin:22px 0 30px;font-size:clamp(62px,11vw,170px);line-height:.82;letter-spacing:-.065em}.case-meta{display:flex;gap:14px;flex-wrap:wrap}.case-meta span{border:1px solid #cfcfcf;border-radius:30px;padding:10px 16px;font-size:11px;letter-spacing:.1em}.case-cover{position:relative;overflow:hidden;width:100%;aspect-ratio:2.1/1;background:#111}.case-cover img{width:100%;height:100%;object-fit:cover}.case-cover .play{display:block}.case-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:10vw;padding:90px 0}.case-index{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.2em;color:#858585}.case-copy h2{font-size:clamp(28px,4vw,58px);line-height:1.05;letter-spacing:-.035em;margin:0 0 28px}.case-copy p{max-width:700px;margin:0;color:#464646;font-size:17px;line-height:1.65}.frame-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.frame-grid figure{margin:0;overflow:hidden;background:#111}.frame-grid figure:first-child{grid-row:span 2}.frame-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.frame-grid figure:hover img{transform:scale(1.025)}.frame-grid figure:nth-child(2) img{filter:saturate(.8) hue-rotate(7deg)}.frame-grid figure:nth-child(3) img{filter:contrast(1.18) brightness(.72)}.case-section-title{display:flex;justify-content:space-between;align-items:end;padding:90px 0 28px}.case-section-title h2{font-size:13px;font-family:"Space Mono",monospace;font-weight:400;letter-spacing:.24em}.case-section-title span{font-size:11px;color:#888;letter-spacing:.12em}.next-project{margin-top:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:55px 0}.next-project small{font-size:11px;letter-spacing:.16em;color:#888}.next-project strong{font-size:clamp(34px,6vw,84px);letter-spacing:-.04em}.next-project b{font-size:40px;font-weight:400}.project-page .footer{margin-top:0}@media(max-width:760px){.case-hero{padding-top:55px}.case-title{font-size:58px}.case-cover{aspect-ratio:4/3}.case-intro{grid-template-columns:1fr;gap:26px;padding:58px 0}.case-copy p{font-size:15px}.frame-grid{grid-template-columns:1fr}.frame-grid figure:first-child{grid-row:auto}.frame-grid figure{aspect-ratio:16/10}.case-section-title{padding-top:58px}.next-project{margin-top:65px}.project-page .topbar nav{gap:20px}.project-page .topbar nav a:nth-child(2){display:block}}
/* Project metadata and browse controls. */
.case-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:38px 0 0;border-top:1px solid var(--line)}
.case-details>div{min-width:0;padding:17px 22px 0 0}
.case-details>div+div{padding-left:22px;border-left:1px solid var(--line)}
.case-details dt{margin-bottom:8px;color:#888;font:10px/1.3 "Space Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.case-details dd{margin:0;color:#333;font-size:14px;line-height:1.5}
.project-nav{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-block:105px 0}
.project-nav-link{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:20px}
.project-nav-link:last-child{text-align:right;align-items:flex-end}
.project-nav-link span{color:#888;font:11px/1.3 "Space Mono",monospace;letter-spacing:.11em}
.project-nav-link strong{font-size:clamp(28px,4vw,57px);font-weight:500;line-height:1;letter-spacing:-.045em}
.project-nav-link:hover span,.project-nav-link:focus-visible span{color:var(--purple)}
@media(max-width:760px){.case-details{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.case-details>div{padding-block:15px 0}.case-details>div+div{padding-left:0;border-left:0}.case-details>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.case-details>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:15px}.project-nav{gap:16px;padding-top:65px}.project-nav-link{gap:9px}.project-nav-link span{font-size:10px}.project-nav-link strong{font-size:30px}}
@media(max-width:420px){.case-details dd{font-size:13px}.project-nav-link strong{font-size:25px}}

/* A2RL media presentation. */
.case-cover--video{aspect-ratio:16/9;background:#0b1014}
.a2rl-main-video{position:relative;width:100%;height:100%}
.a2rl-main-video video{display:block;width:100%;height:100%;object-fit:cover}
.a2rl-audio-toggle{position:absolute;top:18px;right:18px;border:1px solid rgba(255,255,255,.55);border-radius:30px;padding:10px 14px;background:rgba(0,0,0,.45);color:#fff;font:10px/1 "Space Mono",monospace;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s ease,border-color .2s ease}
.a2rl-audio-toggle:hover,.a2rl-audio-toggle:focus-visible{background:rgba(0,0,0,.75);border-color:#fff}
.a2rl-audio-toggle[aria-pressed="true"]{background:#fff;color:#111;border-color:#fff}
.a2rl-stills{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.a2rl-still{grid-column:span 4;margin:0;overflow:hidden;background:#111;aspect-ratio:16/9}
.a2rl-still:first-child{grid-column:span 8}
.a2rl-still img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.a2rl-still:hover img{transform:scale(1.025)}
.a2rl-motion-section{padding-bottom:0}
.a2rl-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.a2rl-video-card{margin:0;background:#111}
.a2rl-video-card video{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.a2rl-video-card figcaption{padding:15px 16px 17px;color:#aaa;font:11px/1.4 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.case-copy p+p{margin-top:18px}
@media(max-width:760px){.a2rl-stills{grid-template-columns:1fr;gap:14px}.a2rl-still,.a2rl-still:first-child{grid-column:auto}.a2rl-video-grid{grid-template-columns:1fr;gap:14px}.a2rl-motion-section{padding-top:0}.a2rl-audio-toggle{top:12px;right:12px;padding:9px 11px}}

/* NEOM Heritage Documentary presentation. */
.neom-heritage-title{max-width:1050px;font-size:clamp(54px,8vw,128px);line-height:.84;letter-spacing:-.075em}
.neom-hero-video{aspect-ratio:16/9;background:#0b1014}
.neom-hero-video video{display:block;width:100%;height:100%;object-fit:cover}
.neom-heritage-intro{padding-block:88px 96px}
.neom-heritage-intro .case-copy p{max-width:760px}
.neom-heritage-frames{padding-bottom:0}
.neom-frame-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding-bottom:0}
.neom-frame{grid-column:span 4;grid-row:auto;margin:0;overflow:hidden;background:#111;aspect-ratio:16/9}
.neom-frame--hero{grid-column:span 8;grid-row:span 2;aspect-ratio:auto}
.neom-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.neom-frame:hover img{transform:scale(1.025)}
@media(max-width:760px){
  .neom-heritage-title{font-size:clamp(52px,13vw,94px);line-height:.86}
  .neom-hero-video{aspect-ratio:16/9}
  .neom-heritage-intro{padding-block:64px 72px}
  .neom-frame-grid{grid-template-columns:1fr;gap:14px}
  .neom-frame,.neom-frame--hero{grid-column:auto;grid-row:auto;aspect-ratio:16/9}
}
@media(max-width:420px){.neom-heritage-title{font-size:clamp(48px,13vw,70px)}}

/* Pepsi UK 360 Campaign presentation. */
.pepsi-title{max-width:1120px;font-size:clamp(54px,8.2vw,132px);line-height:.84;letter-spacing:-.075em}
.pepsi-hero-video{aspect-ratio:16/9;background:#080838}
.pepsi-hero-video video{display:block;width:100%;height:100%;object-fit:cover}
.pepsi-intro{padding-block:88px 96px}
.pepsi-intro .case-copy p{max-width:760px}
.pepsi-frame-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.pepsi-frame{grid-column:span 4;margin:0;overflow:hidden;background:#09083a;aspect-ratio:16/9}
.pepsi-frame--hero{grid-column:span 7;grid-row:span 2;aspect-ratio:auto}
.pepsi-frame--wide{grid-column:span 6}
.pepsi-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.pepsi-frame:hover img{transform:scale(1.025)}
.pepsi-formats{padding-bottom:0}
.pepsi-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pepsi-format-card{margin:0;background:#09083a;overflow:hidden}
.pepsi-format-card video,.pepsi-format-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.pepsi-format-card figcaption{padding:15px 16px 17px;color:#aaa;font:11px/1.4 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){
  .pepsi-title{font-size:clamp(52px,13vw,94px);line-height:.86}
  .pepsi-hero-video{aspect-ratio:16/9}
  .pepsi-intro{padding-block:64px 72px}
  .pepsi-frame-grid{grid-template-columns:1fr;gap:14px}
  .pepsi-frame,.pepsi-frame--hero,.pepsi-frame--wide{grid-column:auto;grid-row:auto;aspect-ratio:16/9}
  .pepsi-format-grid{grid-template-columns:1fr;gap:14px}
}
@media(max-width:420px){.pepsi-title{font-size:clamp(48px,13vw,70px)}}

/* Infosys x Rafael Nadal campaign presentation. */
.infosys-title{max-width:1100px;font-size:clamp(54px,8.6vw,138px);line-height:.84;letter-spacing:-.075em}
.infosys-hero-video{aspect-ratio:2/1;background:#070b14}
.infosys-hero-video video{display:block;width:100%;height:100%;object-fit:cover}
.infosys-intro{padding-block:88px 96px}
.infosys-intro .case-copy p{max-width:790px}
.infosys-frame-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.infosys-frame{margin:0;overflow:hidden;background:#070b14}
.infosys-frame--hero{grid-column:span 5;grid-row:span 2;aspect-ratio:1}
.infosys-frame--wide{grid-column:span 7;aspect-ratio:16/9}
.infosys-frame--logo{grid-column:span 7;aspect-ratio:16/9;display:grid;place-items:center}
.infosys-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.infosys-frame:hover img{transform:scale(1.025)}
.infosys-frame--logo img{object-fit:contain;padding:14%;transition:transform .7s ease,filter .7s ease}
.infosys-frame--logo:hover img{filter:brightness(1.15)}
.infosys-motion-section{padding-bottom:0}
.infosys-motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.infosys-video-card{margin:0;background:#070b14;overflow:hidden}
.infosys-video-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.infosys-video-card--wall{grid-column:1/-1}
.infosys-video-card--wall video{aspect-ratio:12/1;object-fit:cover}
.infosys-video-card figcaption{padding:15px 16px 17px;color:#aaa;font:11px/1.4 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){
  .infosys-title{font-size:clamp(52px,13vw,94px);line-height:.86}
  .infosys-hero-video{aspect-ratio:16/9}
  .infosys-intro{padding-block:64px 72px}
  .infosys-frame-grid{grid-template-columns:1fr;gap:14px}
  .infosys-frame--hero,.infosys-frame--wide,.infosys-frame--logo{grid-column:auto;grid-row:auto;aspect-ratio:16/10}
  .infosys-frame--hero{aspect-ratio:1}
  .infosys-motion-grid{grid-template-columns:1fr;gap:14px}
  .infosys-video-card--wall{grid-column:auto}
  .infosys-video-card--wall video{aspect-ratio:16/5}
}
@media(max-width:420px){.infosys-title{font-size:clamp(48px,13vw,70px)}}

/* Revolut Ideafund campaign presentation. */
.ideafund-title{max-width:1050px;font-size:clamp(64px,11vw,170px);line-height:.82;letter-spacing:-.075em}
.ideafund-hero-video{aspect-ratio:16/9;background:#2468e8}
.ideafund-hero-video video{display:block;width:100%;height:100%;object-fit:cover}
.ideafund-intro{padding-block:88px 96px}
.ideafund-intro .case-copy p{max-width:790px}
.ideafund-frame-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.ideafund-frame{margin:0;overflow:hidden;background:#2468e8}
.ideafund-frame--key{grid-column:span 6;aspect-ratio:4/5}
.ideafund-frame--clipboard,.ideafund-frame--test{grid-column:span 3;aspect-ratio:4/5}
.ideafund-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.ideafund-frame:hover img{transform:scale(1.025)}
.ideafund-brand-strip{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);align-items:center;gap:28px;margin-top:20px;padding:28px 32px;background:#fff;border:1px solid var(--line)}
.ideafund-brand-strip img{display:block;width:min(230px,100%);height:auto}
.ideafund-brand-strip span{color:#777;font:11px/1.55 "Space Mono",monospace;letter-spacing:.1em}
.ideafund-formats{padding-bottom:0}
.ideafund-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.ideafund-format-card{margin:0;overflow:hidden;background:#202731}
.ideafund-format-card video{display:block;width:100%;height:auto;object-fit:cover}
.ideafund-format-card figcaption{padding:15px 16px 17px;color:#aaa;font:11px/1.4 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.ideafund-development{padding-bottom:0}
.ideafund-development-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.ideafund-development-card{margin:0;overflow:hidden;background:#fff}
.ideafund-development-card img{display:block;width:100%;height:auto}
.ideafund-page a:focus-visible{outline-color:#111}
@media(max-width:760px){
  .ideafund-title{font-size:clamp(58px,16vw,110px);line-height:.86}
  .ideafund-hero-video{aspect-ratio:16/9}
  .ideafund-intro{padding-block:64px 72px}
  .ideafund-frame-grid{grid-template-columns:1fr;gap:14px}
  .ideafund-frame--key,.ideafund-frame--clipboard,.ideafund-frame--test{grid-column:auto;aspect-ratio:4/5}
  .ideafund-brand-strip{grid-template-columns:1fr;gap:20px;margin-top:14px;padding:24px}
  .ideafund-brand-strip img{width:190px}
  .ideafund-format-grid,.ideafund-development-grid{grid-template-columns:1fr;gap:14px}
}
@media(max-width:420px){.ideafund-title{font-size:clamp(52px,16vw,82px)}}

/* Everyday Roastery — Social Media Campaign presentation. */
.everyday-title{max-width:1120px;font-size:clamp(64px,11vw,174px);line-height:.82;letter-spacing:-.075em}
.everyday-subtitle{margin:0 0 28px;color:#777;font:12px/1.3 "Space Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.everyday-hero-video{aspect-ratio:16/9;background:#111}
.everyday-main-video{position:relative;width:100%;height:100%}
.everyday-main-video video{display:block;width:100%;height:100%;object-fit:cover}
.everyday-intro{padding-block:88px 72px}
.everyday-intro .case-copy h2{max-width:820px;font-size:clamp(30px,4.2vw,61px);line-height:1.03;letter-spacing:-.045em}
.everyday-intro .case-copy p{max-width:760px;color:#464646;font-size:17px;line-height:1.65}
.everyday-info{padding-bottom:0}
.everyday-info .case-section-title{padding-top:0}
.everyday-details{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0}
.everyday-feature{padding-top:96px;padding-bottom:0}
.everyday-feature .case-section-title{padding-top:0}
.everyday-feature-media{margin:0;overflow:hidden;background:#f1f1f1;aspect-ratio:2.06/1}
.everyday-feature-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.everyday-feature-media:hover img{transform:scale(1.02)}
.everyday-lead{display:grid;grid-template-columns:1fr 1.6fr;gap:10vw;align-items:start}
.everyday-lead h2{max-width:820px;margin:0 0 25px;font-size:clamp(34px,5vw,78px);line-height:.98;letter-spacing:-.055em}
.everyday-lead p:not(.case-index){max-width:720px;margin:0;color:#464646;font-size:17px;line-height:1.65}
.everyday-lead p+p{margin-top:18px!important}
.everyday-concept{padding-top:104px;padding-bottom:0}
.everyday-mood{padding-top:104px}
.everyday-mood-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:10vw;align-items:start;margin-bottom:36px}
.everyday-mood-intro h3{margin:0 0 22px;font-size:clamp(44px,6vw,92px);font-weight:500;line-height:.9;letter-spacing:-.065em}
.everyday-mood-intro p:not(.case-index){max-width:680px;margin:0;color:#464646;font-size:17px;line-height:1.65}
.everyday-mood-grid{display:grid;gap:20px}
.everyday-mood-grid .everyday-media{margin:0;overflow:hidden;background:#111}
.everyday-media img,.everyday-media video{display:block;width:100%;height:100%;object-fit:cover}
.everyday-media img{transition:transform .7s ease}
.everyday-media:hover img{transform:scale(1.02)}
.everyday-mood-grid--comfort{grid-template-columns:repeat(12,minmax(0,1fr))}
.everyday-mood-grid--comfort .everyday-media{grid-column:span 5;aspect-ratio:1}
.everyday-mood-grid--comfort .everyday-media--comfort-feature{grid-column:span 7;grid-row:span 2;aspect-ratio:1}
.everyday-mood-grid--energy{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.everyday-mood-grid--energy .everyday-media--energy-feature{grid-column:1;grid-row:1/3;aspect-ratio:9/16}
.everyday-mood-grid--energy .everyday-media:not(.everyday-media--energy-feature){grid-column:2;aspect-ratio:16/9}
.everyday-mood-grid--focus{grid-template-columns:1.15fr 1fr}
.everyday-mood-grid--focus .everyday-media{aspect-ratio:16/9}
.everyday-system{padding-top:116px}
.everyday-system-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:40px}
.everyday-system-grid .everyday-media{margin:0;overflow:hidden;background:#f1f1f1}
.everyday-media--system-wide{grid-column:1/-1;aspect-ratio:2.25/1}
.everyday-media--system-lockup{aspect-ratio:2.57/1}
.everyday-media--system-detail{aspect-ratio:1}
.everyday-motion{padding-top:112px;padding-bottom:0}
.everyday-motion .case-section-title{padding-top:0}
.everyday-motion-media{margin:0;overflow:hidden;background:#f1f1f1;aspect-ratio:16/9}
.everyday-motion-media video{display:block;width:100%;height:100%;object-fit:cover}
.everyday-collection{padding-top:112px}
.everyday-collection .case-section-title{padding-top:0}
.everyday-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.everyday-collection-grid .everyday-media{margin:0;overflow:hidden;background:#111;aspect-ratio:1}
.everyday-collection-grid .everyday-media--collection-feature{grid-column:span 2;grid-row:span 2;aspect-ratio:1.35/1}
@media(max-width:760px){
  .everyday-title{font-size:clamp(57px,15vw,108px);line-height:.86}
  .everyday-hero-video{aspect-ratio:16/9}
  .everyday-intro{padding-block:64px 60px}
  .everyday-intro .case-copy p,.everyday-lead p:not(.case-index),.everyday-mood-intro p:not(.case-index){font-size:16px}
  .everyday-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .everyday-feature{padding-top:70px}
  .everyday-feature-media{aspect-ratio:1.35/1}
  .everyday-lead,.everyday-mood-intro{grid-template-columns:1fr;gap:24px}
  .everyday-lead h2{font-size:clamp(40px,11vw,70px)}
  .everyday-concept,.everyday-system{padding-top:78px}
  .everyday-mood{padding-top:78px}
  .everyday-mood-grid--comfort,.everyday-mood-grid--energy,.everyday-mood-grid--focus{grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .everyday-mood-grid--comfort .everyday-media,.everyday-mood-grid--comfort .everyday-media--comfort-feature,.everyday-mood-grid--energy .everyday-media,.everyday-mood-grid--energy .everyday-media--energy-feature,.everyday-mood-grid--focus .everyday-media{grid-column:auto;grid-row:auto;aspect-ratio:1}
  .everyday-mood-grid--energy .everyday-media--energy-feature{aspect-ratio:9/16}
  .everyday-mood-grid--focus .everyday-media{aspect-ratio:16/10}
  .everyday-system-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}
  .everyday-media--system-wide,.everyday-media--system-lockup,.everyday-media--system-detail{grid-column:auto;aspect-ratio:16/9}
  .everyday-media--system-detail{aspect-ratio:1}
  .everyday-motion,.everyday-collection{padding-top:78px}
  .everyday-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .everyday-collection-grid .everyday-media,.everyday-collection-grid .everyday-media--collection-feature{grid-column:auto;grid-row:auto;aspect-ratio:1}
  .everyday-collection-grid .everyday-media--collection-feature{grid-column:1/-1;aspect-ratio:1.35/1}
}
@media(max-width:420px){.everyday-title{font-size:clamp(50px,15vw,78px)}}

/* Preserve wide brand lockups and typography-heavy frames without cropping. */
.pepsi-frame--wide img{object-fit:contain;background:#09083a}
.everyday-media--system-wide img,.everyday-media--system-lockup img{object-fit:contain;background:#f1f1f1}

/* Keep project hero media prominent but editorially contained. */
.project-page .case-cover--video{width:min(1040px,calc(100% - 80px));height:auto;margin:32px auto 0;aspect-ratio:auto;background:#111}
.project-page .case-cover--video>video,.project-page .case-cover--video .a2rl-main-video,.project-page .case-cover--video .everyday-main-video{height:auto;aspect-ratio:auto}
.project-page .case-cover--video video,.project-page .case-cover--video .a2rl-main-video video,.project-page .case-cover--video .everyday-main-video video{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:760px){.project-page .case-cover--video{width:calc(100% - 36px);margin-top:18px}}