/* ===========================================================================
   Ortanca — Direction C "Stüdyo" · site stylesheet
   Modern / vibrant: paper + near-black, bold Space Grotesk, hydrangea blocks.
   =========================================================================== */
:root{
  --ink:#15130F; --paper:#FAFAF7; --white:#ffffff;
  --muted:#4A463E; --faint:#7A746A; --line:#15130F;
  --hair:#E6E2D8;
  --red:#C0455A;  --red-tint:#FBE7EB;
  --blue:#6E8FC7; --blue-tint:#EAF0FA;
  --pink:#D879A0; --pink-tint:#FBE9F0;
  --disp:'Space Grotesk',sans-serif;
  --body:'Hanken Grotesk',sans-serif;
  --logo:'Playfair Display',Georgia,serif;
  --wrap:1280px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* ---- Bloom (hydrangea pom-pom placeholder) ---- */
.bloom{position:relative;border-radius:50%;flex:none;}
.bloom i{position:absolute;display:block;border-radius:3px;
  background:
    radial-gradient(circle at 50% 18%, var(--p) 0 27%, transparent 31%),
    radial-gradient(circle at 82% 50%, var(--p) 0 27%, transparent 31%),
    radial-gradient(circle at 50% 82%, var(--p) 0 27%, transparent 31%),
    radial-gradient(circle at 18% 50%, var(--p) 0 27%, transparent 31%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.92) 0 13%, transparent 17%);}
.bloom:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at 38% 30%, rgba(255,255,255,.28), transparent 44%),
    radial-gradient(circle at 64% 74%, rgba(0,0,0,.16), transparent 56%);}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1;}
a{color:inherit;text-decoration:none;cursor:pointer;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px;}
.disp{font-family:var(--disp);}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;
  font-size:15px;padding:14px 26px;border-radius:5px;transition:transform .14s,background .14s,color .14s,box-shadow .14s;border:2px solid transparent;white-space:nowrap;}
.btn:active{transform:translateY(1px);}
.btn--red{background:var(--red);color:#fff;}
.btn--red:hover{background:#a93a4d;}
.btn--ink{background:var(--ink);color:#fff;}
.btn--ink:hover{background:#000;}
.btn--ghost{border-color:var(--ink);color:var(--ink);}
.btn--ghost:hover{background:var(--ink);color:#fff;}
.btn--sm{font-size:13px;padding:10px 18px;}
.btn--block{width:100%;justify-content:center;}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.92);backdrop-filter:blur(8px);
  border-bottom:2px solid var(--ink);}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--logo);font-weight:700;
  font-size:30px;letter-spacing:0;line-height:1;}
.logo-dot{width:13px;height:13px;border-radius:50%;background:var(--red);flex:none;
  transition:transform .3s;}
.logo:hover .logo-dot{transform:scale(1.25);}
.logo small{display:block;font-family:var(--body);font-weight:600;font-size:9px;letter-spacing:.2em;
  color:var(--faint);text-transform:uppercase;margin-top:3px;}
.nav-links{display:flex;gap:30px;font-family:var(--disp);font-weight:600;font-size:15px;}
.nav-links a{position:relative;padding:4px 0;color:var(--muted);transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);}
.nav-links a.active:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--red);}
.nav-right{display:flex;align-items:center;gap:16px;}
.lang{display:flex;font-family:var(--disp);font-weight:700;font-size:13px;border:2px solid var(--ink);border-radius:5px;overflow:hidden;}
.lang button{padding:6px 11px;color:var(--ink);transition:background .15s,color .15s;}
.lang button.on{background:var(--ink);color:#fff;}
.nav-quote{position:relative;}
.nav-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;
  background:var(--blue);color:#fff;font-family:var(--disp);font-weight:700;font-size:11px;
  display:flex;align-items:center;justify-content:center;border:2px solid var(--paper);}

/* ---- page transitions ----
   Base state is fully visible; the entrance only nudges transform so content
   never disappears if the preview iframe throttles/pauses the animation. */
.page{animation:pagein .42s cubic-bezier(.2,.7,.3,1);}
@keyframes pagein{from{transform:translateY(14px);}to{transform:none;}}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion: reduce){.page{animation:none;}}

/* ---- hero ---- */
.hero{display:grid;grid-template-columns:1.12fr .88fr;border-bottom:2px solid var(--ink);}
.hero-text{padding:84px 0 84px;padding-right:60px;}
.hero-text.wrap-pad{padding-left:max(40px,calc((100% - var(--wrap))/2 + 40px));}
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:600;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:24px;}
.eyebrow:before{content:'';width:38px;height:2px;background:var(--blue);}
.hero h1{font-size:clamp(46px,6vw,86px);line-height:.92;margin-bottom:26px;}
.hl{position:relative;display:inline-block;white-space:nowrap;}
.hl:after{content:'';position:absolute;left:-3px;right:-3px;bottom:.12em;height:.34em;background:var(--pink);z-index:-1;}
.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:32em;margin-bottom:36px;}
.hero-acts{display:flex;gap:14px;flex-wrap:wrap;}
.stats{display:flex;gap:48px;margin-top:52px;}
.stat b{font-family:var(--disp);font-size:40px;font-weight:700;display:block;line-height:1;white-space:nowrap;}
.stat span{font-size:13px;color:var(--faint);}
.hero-art{background:var(--blue);display:flex;align-items:center;justify-content:center;position:relative;min-height:520px;overflow:hidden;}
.hero-art .label{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-family:var(--disp);
  font-weight:700;font-size:13px;letter-spacing:.5em;color:rgba(255,255,255,.6);}
.hero-art .float{animation:bob 6s ease-in-out infinite;}
.hero-art img.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.split-art{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.split-art img.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@keyframes bob{0%,100%{transform:translateY(-10px);}50%{transform:translateY(10px);}}

/* ---- section heading ---- */
.sec{padding:78px 0;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:24px;}
.sec-head h2{font-size:clamp(32px,4vw,52px);line-height:1.04;}
.sec-kicker{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:12px;}
.sec-head p{color:var(--muted);max-width:34em;margin:0;}

/* ---- category tiles ---- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--ink);gap:2px;}
.tile{padding:38px 34px 116px;position:relative;min-height:330px;cursor:pointer;transition:transform .2s;overflow:hidden;}
.tile:hover{transform:translateY(-2px);}
.tile .tnum{font-family:var(--disp);font-weight:700;font-size:14px;opacity:.7;}
.tile h3{font-size:34px;margin:12px 0 14px;}
.tile p{font-size:14.5px;color:var(--muted);max-width:20em;margin:0;}
.tile .tbloom{position:absolute;right:-30px;bottom:-30px;transition:transform .3s;}
.tile:hover .tbloom{transform:scale(1.08) rotate(6deg);}
.tile .tlink{position:absolute;left:34px;bottom:34px;font-family:var(--disp);font-weight:700;font-size:14px;display:inline-flex;gap:8px;align-items:center;}
.tile:hover .tlink{gap:14px;}

/* ---- colours band ---- */
.colors-band{display:grid;grid-template-columns:repeat(3,1fr);}
.cband{padding:36px 40px;display:flex;align-items:center;gap:22px;color:#fff;cursor:pointer;transition:filter .15s;}
.cband:hover{filter:brightness(1.06);}
.cband b{font-family:var(--disp);font-size:28px;font-weight:700;display:block;line-height:1.1;}
.cband span{font-size:12px;letter-spacing:.18em;opacity:.85;}

/* ---- products grid + filters ---- */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0;border-bottom:2px solid var(--ink);margin-bottom:42px;}
.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.filters .fl{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-right:4px;}
.chip{font-family:var(--disp);font-weight:600;font-size:14px;padding:9px 17px;border-radius:30px;border:2px solid var(--hair);
  background:#fff;color:var(--muted);transition:all .14s;display:inline-flex;align-items:center;gap:8px;}
.chip:hover{border-color:var(--ink);}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);}
.chip .sw{width:11px;height:11px;border-radius:50%;}
.count{font-family:var(--disp);font-weight:600;font-size:14px;color:var(--faint);}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.card{background:#fff;border:2px solid var(--ink);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .18s,box-shadow .18s;}
.card:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--ink);}
.card-top{height:230px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden;}
.card-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.prod-circle{border-radius:50%;object-fit:cover;flex:none;background:#fff;}
.prod-circle.float{animation:bob 6s ease-in-out infinite;}
.card-cat{position:absolute;top:14px;left:14px;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;background:#fff;border:2px solid var(--ink);padding:5px 11px;border-radius:30px;}
.card-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.card h3{font-size:23px;margin-bottom:6px;cursor:pointer;}
.card .csub{font-size:13px;color:var(--faint);margin-bottom:16px;}
.spec{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:7px 0;border-top:1px solid var(--hair);}
.spec dt{color:var(--faint);}
.spec dd{margin:0;font-weight:600;text-align:right;}
.card-acts{display:flex;gap:10px;margin-top:18px;}

/* ---- detail ---- */
.detail{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;}
.detail-art{display:flex;align-items:center;justify-content:center;min-height:520px;position:relative;border-right:2px solid var(--ink);overflow:hidden;}
.detail-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.detail-art .swatches{position:absolute;bottom:24px;left:24px;display:flex;gap:10px;}
.dsw{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--ink);cursor:pointer;transition:transform .15s;}
.dsw:hover{transform:scale(1.12);}
.dsw.on{outline:3px solid var(--ink);outline-offset:3px;}
.detail-info{padding:48px 46px;background:#fff;}
.detail-info .cat-tag{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);}
.detail-info h1{font-size:46px;margin:12px 0 18px;}
.detail-info .ddesc{font-size:16px;color:var(--muted);margin-bottom:30px;}
.specs{border-top:2px solid var(--ink);margin-bottom:32px;}
.specs .spec{font-size:15px;padding:14px 0;}
.detail-acts{display:flex;gap:12px;flex-wrap:wrap;}
.breadcrumb{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--faint);margin-bottom:24px;display:flex;gap:8px;align-items:center;}
.breadcrumb a:hover{color:var(--ink);}

/* ---- production / about ---- */
.feature{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.fcard{border:2px solid var(--ink);border-radius:10px;padding:30px;background:#fff;}
.fcard .fnum{font-family:var(--disp);font-weight:700;font-size:34px;color:var(--blue);}
.fcard h3{font-size:22px;margin:10px 0 8px;}
.fcard p{font-size:14.5px;color:var(--muted);margin:0;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;}
.split-art{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;}
.split-text{padding:54px 48px;background:#fff;display:flex;flex-direction:column;justify-content:center;}
.split-text h2{font-size:40px;margin-bottom:18px;}
.split-text p{color:var(--muted);margin:0 0 14px;}

/* ---- contact ---- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;}
.contact-info{padding:52px 48px;}
.contact-info h2{font-size:40px;margin-bottom:24px;}
.cinfo-row{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--hair);}
.cinfo-row .k{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);width:96px;flex:none;padding-top:2px;}
.cinfo-row .v{font-size:16px;font-weight:600;white-space:nowrap;}
.contact-art{background:var(--pink);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:460px;}
.contact-art img.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.contact-big{display:flex;flex-direction:column;gap:8px;padding:26px 30px;border:2px solid var(--ink);border-radius:14px;margin-bottom:20px;transition:transform .15s,box-shadow .15s;}
.contact-big:hover{transform:translateY(-3px);box-shadow:7px 7px 0 var(--ink);}
.contact-big .lbl{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:10px;}
.contact-big .num{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3vw,36px);letter-spacing:-.01em;white-space:nowrap;}
.contact-big.wa{background:#25D366;color:#0A3D1E;border-color:#0A3D1E;}
.contact-big.tel{background:var(--ink);color:#fff;}

/* ---- forms ---- */
.field{margin-bottom:16px;}
.field label{display:block;font-family:var(--disp);font-weight:600;font-size:13px;margin-bottom:7px;}
.field input,.field textarea,.field select{width:100%;font-family:var(--body);font-size:15px;padding:13px 15px;
  border:2px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;box-shadow:3px 3px 0 var(--blue);}
.field textarea{min-height:96px;resize:vertical;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* ---- quote drawer ---- */
.drawer-back{position:fixed;inset:0;background:rgba(21,19,15,.5);z-index:90;animation:fade .2s ease;}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,92vw);background:var(--paper);z-index:91;
  display:flex;flex-direction:column;border-left:2px solid var(--ink);box-shadow:-12px 0 40px rgba(0,0,0,.18);
  animation:slidein .3s cubic-bezier(.2,.7,.3,1);}
@keyframes slidein{from{transform:translateX(26px);}to{transform:none;}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:2px solid var(--ink);}
.drawer-head h3{font-size:22px;}
.drawer-close{width:38px;height:38px;border:2px solid var(--ink);border-radius:6px;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.drawer-close:hover{background:var(--ink);color:#fff;}
.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;}
.drawer-foot{padding:20px 24px;border-top:2px solid var(--ink);background:#fff;}
.qitem{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hair);}
.qitem .qname{font-family:var(--disp);font-weight:700;font-size:15px;flex:1;}
.qitem .qmeta{font-size:12px;color:var(--faint);}
.qty{display:flex;align-items:center;border:2px solid var(--ink);border-radius:6px;overflow:hidden;}
.qty button{width:30px;height:32px;font-size:16px;font-weight:700;background:#fff;transition:background .12s;}
.qty button:hover{background:var(--ink);color:#fff;}
.qty input{width:42px;text-align:center;border:none;font-family:var(--disp);font-weight:700;font-size:14px;border-left:2px solid var(--ink);border-right:2px solid var(--ink);}
.qremove{color:var(--faint);font-size:13px;font-weight:600;}
.qremove:hover{color:var(--red);}
.empty{text-align:center;color:var(--faint);padding:60px 20px;}
.empty .bigdot{width:54px;height:54px;border-radius:50%;background:var(--blue-tint);margin:0 auto 16px;}

/* ---- footer ---- */
.footer{background:var(--ink);color:#EDE9DF;padding:64px 0 30px;margin-top:0;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.14);}
.footer h4{font-family:var(--disp);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#9C968A;margin-bottom:18px;}
.footer a{display:block;color:#D5D0C5;font-size:14.5px;padding:5px 0;transition:color .15s;}
.footer a:hover{color:#fff;}
.footer .flogo{font-family:var(--logo);font-weight:700;font-size:30px;display:flex;align-items:center;gap:11px;}
.footer .ftag{color:#9C968A;font-size:14px;max-width:24em;margin-top:14px;}
.footer-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:24px;color:#8B857A;font-size:13px;}
.footer-net{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.14);}
/* SEO-only: present in the DOM for crawlers/backlinks, hidden from users */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}
.footer-net-links{display:flex;flex-wrap:wrap;gap:10px 22px;}
.footer-net-links a{display:inline-flex;align-items:center;color:#C9C3B7;font-size:14px;padding:0;}
.footer-net-links a:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px;}
.footer-net-links a:hover{color:#fff;}

/* ---- rotating hero photo ---- */
.rotphoto{position:relative;border-radius:50%;flex:none;}
.rotphoto img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;opacity:0;transition:opacity .9s ease;}
.rotphoto img.on{opacity:1;}
.rotphoto.float{animation:bob 6s ease-in-out infinite;}

/* ---- nav: instagram + hamburger + mobile menu ---- */
.ig-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:8px;color:var(--ink);transition:background .15s,color .15s;flex:none;}
.ig-btn:hover{background:var(--ink);color:#fff;}
.hamb{display:none;width:42px;height:40px;border:2px solid var(--ink);border-radius:8px;font-size:18px;align-items:center;justify-content:center;color:var(--ink);flex:none;}
.mobile-menu{display:none;}
.ctitle{display:block;}

/* ---- instagram section ---- */
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.insta-cell{position:relative;aspect-ratio:1;border:2px solid var(--ink);border-radius:10px;overflow:hidden;display:block;background:var(--blue-tint);}
.insta-cell img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.insta-cell:hover img{transform:scale(1.08);}
.insta-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(21,19,15,0);opacity:0;transition:opacity .2s,background .2s;}
.insta-cell:hover .insta-ov{opacity:1;background:rgba(21,19,15,.4);}

/* ---- CTA band ---- */
.cta-band{border:2px solid var(--ink);border-radius:14px;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:var(--red-tint);}
.cta-band h2{font-size:clamp(28px,4vw,46px);max-width:14em;}
.cta-band p{color:var(--muted);margin:10px 0 0;}

/* ---- responsive ---- */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;}
  .hero-art{min-height:360px;order:-1;padding:30px 0;}
  .hero-text{padding:54px 40px;}
  .hero-text.wrap-pad{padding-left:40px;}
  .grid,.cats,.feature{grid-template-columns:repeat(2,1fr);}
  .detail,.split,.contact-grid{grid-template-columns:1fr;}
  .detail-art{border-right:none;border-bottom:2px solid var(--ink);}
  .footer-top{grid-template-columns:1fr 1fr;}
  .insta-grid{grid-template-columns:repeat(3,1fr);}
}
/* nav collapses to a hamburger on tablet & phone */
@media(max-width:900px){
  .nav-links{display:none;}
  .hamb{display:flex;}
  .hide-sm{display:none;}
  .mobile-menu{display:flex;flex-direction:column;gap:4px;padding:14px 22px 22px;border-top:2px solid var(--ink);background:var(--paper);animation:fade .2s ease;}
  .mobile-menu a{font-family:var(--disp);font-weight:600;font-size:17px;padding:12px 4px;border-bottom:1px solid var(--hair);color:var(--ink);}
  .mobile-menu a.active{color:var(--red);}
  .mobile-menu a.btn{color:#fff;border-bottom:none;}
  .mm-ig{display:flex;align-items:center;gap:10px;border-bottom:none!important;margin-top:4px;}
}
@media(max-width:680px){
  .wrap{padding:0 22px;}
  .grid,.cats,.feature,.colors-band,.field-row{grid-template-columns:1fr;}
  .insta-grid{grid-template-columns:repeat(2,1fr);}
  .stats{gap:24px 32px;flex-wrap:wrap;}
  .footer-top{grid-template-columns:1fr;}
  .cta-band{padding:32px;}
  .hero-text{padding:40px 22px;}
  .hero-text.wrap-pad{padding-left:22px;}
  .rotphoto{width:260px!important;height:260px!important;}
  .sec{padding:54px 0;}
  .sec-head{flex-direction:column;align-items:flex-start;}
  .detail-info,.split-text,.contact-info{padding:34px 24px;}
  .contact-big .num{font-size:26px;}
}