@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap");

:root{
 --canvas:#F6F4EF; --navy:#071B33; --slate:#68788A; --stone:#E8E6E1; --oxblood:#6E1F2A; --ink:#17202A;
 --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
 --sans:"Inter","Helvetica Neue",Arial,sans-serif;
 --max:1340px; --gutter:clamp(24px,6vw,108px);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.62}
a{color:inherit;text-decoration:none} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--oxblood);outline-offset:4px}
img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 2*var(--gutter)),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(246,244,239,.96);border-bottom:1px solid rgba(104,120,138,.15);backdrop-filter:blur(8px)}
.nav{height:82px;display:flex;align-items:center;gap:clamp(28px,3.2vw,58px)}
.nav-logo{width:45px;height:45px;margin-right:auto}.nav-logo img{width:100%;height:100%}
.nav a:not(.nav-logo){font-size:14px;white-space:nowrap;position:relative}
.nav a.active:after,.nav a:not(.nav-logo):hover:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--oxblood)}
.menu-btn,.mobile-panel{display:none}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-weight:600}
h1,h2,.display{font-family:var(--serif);font-weight:400;color:var(--navy);line-height:1.08;margin:0}
h1{font-size:clamp(42px,5vw,68px);max-width:920px} h2{font-size:clamp(31px,3.2vw,46px)}
.lead{font-size:clamp(19px,1.55vw,23px);max-width:760px;color:var(--navy)}
.copy{max-width:760px}.copy p{margin:.65em 0}
.section{padding:clamp(90px,11vw,170px) 0}.section-tight{padding:clamp(70px,8vw,120px) 0}
.rule{border-top:1px solid rgba(104,120,138,.35)}
.cta{display:inline-flex;gap:10px;align-items:center;color:var(--oxblood);font-size:16px;font-weight:500;margin-top:22px}
.hero{min-height:72vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-copy{position:relative;z-index:3;width:min(58%,760px)}
.photo-field{position:absolute;inset:0 0 0 auto;width:58%;z-index:1;background-size:cover;background-position:center}
.photo-field:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas) 0%,rgba(246,244,239,.96) 8%,rgba(246,244,239,.55) 28%,rgba(246,244,239,0) 62%)}
.sequence{display:flex;align-items:center;gap:clamp(10px,2vw,28px);font-family:var(--serif);font-size:clamp(22px,2.4vw,34px);color:var(--navy);flex-wrap:wrap}
.sequence .arrow{color:var(--oxblood);font-family:var(--sans);font-size:.7em}
.disclosure-list{border-top:1px solid rgba(104,120,138,.35)}
.disclosure{border-bottom:1px solid rgba(104,120,138,.35)}
.disclosure button{width:100%;border:0;background:none;padding:25px 0;text-align:left;font:500 21px/1.3 var(--sans);color:var(--navy);display:flex;justify-content:space-between;gap:24px;cursor:pointer}
.disclosure button:after{content:"+";color:var(--oxblood);font-size:26px;font-weight:300}.disclosure.open button:after{content:"–"}
.disclosure-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.disclosure-content>div{overflow:hidden}
.disclosure.open .disclosure-content{grid-template-rows:1fr}.disclosure-content .inner{padding:0 0 28px;max-width:820px}
.surface{color:var(--slate);font-size:17px;margin:0 0 12px}.includes{font-size:15px;color:var(--slate);margin-top:16px}
.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(104,120,138,.35);border-bottom:1px solid rgba(104,120,138,.35)}
.four-grid>div{padding:30px 24px;border-right:1px solid rgba(104,120,138,.25)}.four-grid>div:last-child{border-right:0}
.four-grid .num{color:var(--oxblood);font-size:12px;letter-spacing:.12em}.four-grid h3{font:500 19px/1.25 var(--sans);color:var(--navy);margin:12px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,120px);align-items:start}
.soft{background:rgba(232,230,225,.38)}
.footer{padding:46px 0;border-top:1px solid rgba(104,120,138,.3);font-size:13px;color:var(--slate)}
.footer .wrap{display:flex;justify-content:space-between;gap:30px}
.chess-field{position:relative;min-height:620px;overflow:hidden}
.chess-image{position:absolute;right:0;top:0;width:55%;height:100%;background-size:cover;background-position:center}
.chess-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas),rgba(246,244,239,.45) 30%,rgba(246,244,239,0) 65%)}
.chess-copy{position:relative;z-index:2;width:54%;padding-top:40px}
.ocean-hero{min-height:80vh;position:relative;display:flex;align-items:center;overflow:hidden}
.ocean-image{position:absolute;right:0;top:0;width:65%;height:100%;background-size:cover;background-position:center}
.ocean-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--canvas) 0%,rgba(246,244,239,.9) 15%,rgba(246,244,239,.25) 50%,transparent 75%)}
.ocean-copy{position:relative;z-index:2;width:52%}
.ocean-secondary{position:relative;min-height:620px;overflow:hidden}.ocean-secondary .image{position:absolute;left:0;bottom:0;width:55%;height:100%;background-size:cover;background-position:center}
.ocean-secondary .image:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--canvas),rgba(246,244,239,.55) 28%,transparent 66%)}
.ocean-secondary .content{position:relative;z-index:2;margin-left:auto;width:50%}
.process{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:40px}.process span{padding:10px 0;color:var(--navy);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.process b{color:var(--oxblood);font-weight:400}
.form-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(50px,8vw,120px)}
label{display:block;font-size:13px;color:var(--slate);margin-bottom:8px}.field{margin-bottom:28px}input,textarea{width:100%;border:0;border-bottom:1px solid var(--slate);background:transparent;padding:8px 0 12px;font:18px var(--sans);color:var(--ink)}textarea{min-height:150px;resize:vertical;border:1px solid rgba(104,120,138,.55);padding:14px}
.submit{border:0;background:none;color:var(--oxblood);font:500 16px var(--sans);padding:8px 0;cursor:pointer}.success{display:none;font-family:var(--serif);font-size:30px;color:var(--navy)}
.home{min-height:100svh;display:grid;place-items:center;text-align:center;padding:45px var(--gutter)}
.home-inner{display:flex;flex-direction:column;align-items:center}
.home-seal{width:clamp(210px,24vw,330px);height:auto;margin-bottom:42px;filter:drop-shadow(3px 5px 6px rgba(7,27,51,.12))}
.home .brand{font-size:13px;letter-spacing:.22em;color:var(--navy);margin-bottom:25px}
.home h1{font-size:clamp(38px,4.6vw,64px);max-width:1050px}.home h1 span{display:block}
.home .domains{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--slate);margin:28px 0 20px}
.enter{color:var(--oxblood);font-size:16px;padding:12px 18px}
.entering .home-inner{opacity:0;transform:translateY(-8px);transition:.45s ease}
@media(max-width:900px){
 body{font-size:17px}.nav{height:70px}.nav>a:not(.nav-logo){display:none}.menu-btn{display:block;border:0;background:none;font:15px var(--sans);color:var(--navy);cursor:pointer}
 .mobile-panel{position:fixed;inset:70px 0 0;background:var(--canvas);z-index:40;padding:40px var(--gutter);flex-direction:column;gap:24px}.mobile-panel.open{display:flex}.mobile-panel a{font:32px/1.2 var(--serif);color:var(--navy)}
 .hero{min-height:auto;padding:100px 0 340px}.hero-copy{width:100%}.photo-field{top:auto;width:100%;height:380px;bottom:0}.photo-field:after{background:linear-gradient(180deg,var(--canvas),rgba(246,244,239,.35) 35%,transparent 75%)}
 .split,.form-grid{grid-template-columns:1fr}.four-grid{grid-template-columns:1fr 1fr}.four-grid>div:nth-child(2){border-right:0}.four-grid>div{border-bottom:1px solid rgba(104,120,138,.25)}
 .chess-field{padding-bottom:430px}.chess-copy{width:100%}.chess-image{top:auto;bottom:0;width:100%;height:460px}.chess-image:after{background:linear-gradient(180deg,var(--canvas),rgba(246,244,239,.25) 45%,transparent)}
 .ocean-hero{min-height:auto;padding:100px 0 390px}.ocean-copy{width:100%}.ocean-image{top:auto;bottom:0;width:100%;height:430px}.ocean-image:after{background:linear-gradient(180deg,var(--canvas),rgba(246,244,239,.25) 45%,transparent)}
 .ocean-secondary{padding-bottom:390px}.ocean-secondary .content{width:100%}.ocean-secondary .image{width:100%;height:420px}.ocean-secondary .image:after{background:linear-gradient(180deg,var(--canvas),rgba(246,244,239,.2) 45%,transparent)}
}
@media(max-width:560px){
 .four-grid{grid-template-columns:1fr}.four-grid>div{border-right:0}.home .domains{max-width:300px;line-height:1.8}.footer .wrap{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* TASK 5 — RESPONSIVE ART DIRECTION
   Desktop files remain the default. Tablet/mobile use independently prepared crops. */
@media (max-width:1200px){
 .photo-field{background-image:url('/assets/images/page2_ordinen_international_chamber_tablet.webp')!important}
 .chess-image{background-image:url('/assets/images/page4_small_state_statecraft_chess_tablet.webp')!important}
 .ocean-image{background-image:url('/assets/images/page5_oceans_hero_ship_tablet.webp')!important}
 .ocean-secondary .image{background-image:url('/assets/images/page5_oceans_secondary_aquaculture_tablet.webp')!important}
}
@media (max-width:600px){
 .photo-field{background-image:url('/assets/images/page2_ordinen_international_chamber_mobile.webp')!important}
 .chess-image{background-image:url('/assets/images/page4_small_state_statecraft_chess_mobile.webp')!important}
 .ocean-image{background-image:url('/assets/images/page5_oceans_hero_ship_mobile.webp')!important}
 .ocean-secondary .image{background-image:url('/assets/images/page5_oceans_secondary_aquaculture_mobile.webp')!important}
}

/* Task 5 refinements */
@media (min-width:901px){
 .nav{justify-content:flex-end}
 .nav-logo{margin-right:auto}
 .hero-copy{padding:40px 0}
}
@media (max-width:900px){
 .home{padding-top:36px;padding-bottom:36px}
 .home-seal{margin-bottom:34px}
 .home h1{line-height:1.12}
 .section{padding-top:96px;padding-bottom:96px}
 .section-tight{padding-top:76px;padding-bottom:76px}
 .mobile-panel{overflow:auto}
 .mobile-panel a{padding:5px 0}
}
@media (max-width:560px){
 h1{font-size:clamp(38px,11vw,48px)}
 h2{font-size:clamp(29px,8vw,38px)}
 .home h1{font-size:clamp(35px,9.5vw,44px)}
 .home .brand{font-size:11px}
 .hero{padding-bottom:315px}
 .photo-field{height:350px}
 .chess-field{padding-bottom:390px}
 .chess-image{height:420px}
 .ocean-hero{padding-bottom:350px}
 .ocean-image{height:390px}
 .ocean-secondary{padding-bottom:365px}
 .ocean-secondary .image{height:395px}
 .disclosure button{font-size:19px;padding:22px 0}
 .sequence{gap:8px 13px}
}

.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin-top:22px;max-width:680px;font:400 24px/1.4 var(--serif);color:var(--navy)}
.form-status.error{font-family:var(--sans);font-size:15px;color:var(--oxblood)}
.form-status.success{font-size:30px}
button:disabled{opacity:.55;cursor:wait}
@media print{.site-header,.mobile-panel,.cta,.enter,.submit{display:none!important}body{background:#fff;color:#111}.section{padding:35px 0}}

/* DESKTOP REFINEMENT PASS — live Safari review, 3 Sep 2026 */
@media (min-width:901px){
  /* Identity: retain restraint, but make the seal legible as the navigation anchor. */
  .nav{height:88px}
  .nav-logo{width:58px;height:58px}

  /* Desktop display hierarchy: preserve authority without forcing awkward line breaks. */
  h1{font-size:clamp(46px,4.25vw,62px);max-width:980px}
  .lead{font-size:clamp(19px,1.4vw,22px)}

  /* Vertical rhythm: generous, but no empty viewport-sized bands between ideas. */
  .section{padding:clamp(82px,7vw,112px) 0}
  .section-tight{padding:clamp(66px,5.5vw,88px) 0}

  /* Home: stronger seal, calmer proposition, tighter business-card composition. */
  .home{padding-top:34px;padding-bottom:34px}
  .home-seal{width:clamp(250px,20vw,360px);margin-bottom:32px}
  .home .brand{margin-bottom:20px}
  .home h1{font-size:clamp(42px,3.85vw,56px);max-width:1220px;line-height:1.08}
  .home h1 span{white-space:nowrap}
  .home .domains{margin:24px 0 14px}

  /* Internal photographic openings. */
  .hero{min-height:64vh}
  .hero-copy{padding:26px 0}
  .chess-field{min-height:570px}
  .chess-copy{padding-top:12px}
  .ocean-hero{min-height:70vh}

  /* Contact: keep invitation and form in one coherent editorial movement. */
  body:has(#contact-form) main>.section:first-child{padding-bottom:46px}
  body:has(#contact-form) main>.section-tight{padding-top:34px;padding-bottom:82px}
  body:has(#contact-form) main>.section.soft{padding-top:82px;padding-bottom:82px}
}

/* Wide desktop: keep the Home proposition as the intended two complete lines. */
@media (min-width:1100px){
  .home h1{font-size:clamp(42px,3.55vw,54px)}
}

/* V5 VISUAL BALANCE PASS — proportion and hierarchy, 3 Sep 2026 */
@media (min-width:901px){
  /* Navigation identity: stronger without increasing header depth. */
  .nav-logo{width:68px;height:68px}

  /* A calmer, editorial desktop scale across internal opening propositions. */
  h1{font-size:clamp(40px,3.55vw,52px);max-width:900px;line-height:1.06}
  .lead{font-size:clamp(18px,1.25vw,20px);max-width:700px}
  .copy{max-width:700px}
  .copy p{margin:.58em 0}

  /* Restore the middle register in the hierarchy. */
  .eyebrow{font-size:14px;letter-spacing:.17em;font-weight:600}
  .four-grid .num{font-size:13px}
  .four-grid h3{font-size:21px}
  .surface{font-size:18px}

  /* Home: compact frontispiece rather than a vertically dispersed composition. */
  .home{min-height:100svh;padding-top:20px;padding-bottom:20px}
  .home-seal{width:clamp(230px,17vw,310px);margin-bottom:18px}
  .home .brand{margin-bottom:14px}
  .home h1{font-size:clamp(39px,3.25vw,49px);line-height:1.06}
  .home .domains{margin:18px 0 8px}
  .enter{padding-top:8px;padding-bottom:8px}

  /* Opening copy should sit as a readable column, not a wall of type. */
  .hero-copy{width:min(53%,700px)}
  .chess-copy{width:50%;padding-top:8px}
  .ocean-copy{width:48%}

  /* Small-State Statecraft: make the chess board atmospheric, not co-equal. */
  .chess-image{width:58%;filter:saturate(.58) contrast(.84) brightness(1.04)}
  .chess-image:after{
    background:linear-gradient(90deg,
      var(--canvas) 0%,
      rgba(246,244,239,.98) 14%,
      rgba(246,244,239,.88) 34%,
      rgba(246,244,239,.48) 56%,
      rgba(246,244,239,.12) 78%,
      rgba(246,244,239,0) 100%);
  }
}

@media (min-width:1100px){
  .home h1{font-size:clamp(39px,3.1vw,48px)}
}

/* V6 DECISIVE PROPORTION PASS — desktop hierarchy, 3 Sep 2026 */
@media (min-width:901px){
  /* Logo: unmistakable identity anchor, still subordinate to the page proposition. */
  .nav{height:92px}
  .nav-logo{width:82px;height:82px}

  /* Labels/headings: restore a confident middle tier. */
  .eyebrow{font-size:16px;letter-spacing:.165em;font-weight:600}
  .four-grid .num{font-size:14px}
  .four-grid h3{font-size:23px;line-height:1.22}
  .surface{font-size:18px}

  /* Large editorial type: materially quieter than V5. */
  h1{font-size:clamp(34px,2.9vw,44px);max-width:820px;line-height:1.08}
  h2{font-size:clamp(28px,2.55vw,38px);line-height:1.1}
  .lead{font-size:clamp(17px,1.12vw,19px);max-width:680px}
  .copy{max-width:680px}

  /* Openings: keep generous width so reduced type does not create unnecessary wrapping. */
  .hero-copy{width:min(55%,720px)}
  .chess-copy{width:52%;padding-top:8px}
  .ocean-copy{width:50%}

  /* Home: larger seal, but much tighter vertical grouping around it. */
  .home{padding-top:12px;padding-bottom:12px}
  .home-seal{width:clamp(275px,19vw,345px);margin-bottom:12px}
  .home .brand{font-size:14px;margin-bottom:11px}
  .home h1{font-size:clamp(34px,2.65vw,42px);line-height:1.07;max-width:1120px}
  .home .domains{font-size:13px;margin:14px 0 5px}
  .enter{font-size:16px;padding:6px 18px}

  /* Chess remains contextual rather than a second focal point. */
  .chess-image{width:55%;background-position:58% center;filter:saturate(.48) contrast(.80) brightness(1.06)}
  .chess-image:after{
    background:linear-gradient(90deg,
      var(--canvas) 0%,
      rgba(246,244,239,1) 18%,
      rgba(246,244,239,.96) 38%,
      rgba(246,244,239,.72) 58%,
      rgba(246,244,239,.30) 76%,
      rgba(246,244,239,0) 100%);
  }
}
@media (min-width:1100px){
  .home h1{font-size:clamp(34px,2.55vw,41px)}
}


/* V6 + GARAMOND PREVIEW REFINEMENT — 5 Sep 2026
   Visual authority: V6 composition. Typography changed to Garamond-led system only,
   plus the small spacing/photo corrections approved in the PDF review. */
@media (min-width:901px){
  /* Slight breathing room between slate labels and the content they introduce. */
  .eyebrow{margin-bottom:10px}

  /* Home: move the frontispiece group up slightly and restore small breathing spaces
     between seal / name / proposition / descriptors without changing the composition. */
  .home-inner{transform:translateY(-9px)}
  .home-seal{margin-bottom:16px}
  .home .brand{margin-bottom:15px}
  .home .domains{margin:18px 0 7px}

  /* Small-State Statecraft: preserve V6 crop and scale; soften left, top and bottom edges
     so the board reads as an atmospheric field rather than a placed rectangle. */
  .chess-image:after{
    background:
      linear-gradient(180deg,
        rgba(246,244,239,.92) 0%,
        rgba(246,244,239,.28) 10%,
        rgba(246,244,239,0) 22%,
        rgba(246,244,239,0) 77%,
        rgba(246,244,239,.32) 90%,
        rgba(246,244,239,.95) 100%),
      linear-gradient(90deg,
        var(--canvas) 0%,
        rgba(246,244,239,1) 18%,
        rgba(246,244,239,.96) 38%,
        rgba(246,244,239,.72) 58%,
        rgba(246,244,239,.30) 76%,
        rgba(246,244,239,0) 100%);
  }
}

/* CLOUDFLARE PREVIEW REVISION 2 — approved calibration, 7 Sep 2026 */
body{color:var(--navy)}

/* Advisory watermark: a quiet blind-embossed monogram in otherwise intentional negative space. */
.advisory-opening{position:relative;overflow:hidden}
.advisory-opening .wrap{position:relative;z-index:2}
.advisory-watermark{display:none}

@media (min-width:901px){
  /* Site-wide: slate labels need a little air before the content they introduce. */
  .eyebrow{margin-bottom:16px}

  /* Home: business-card balance. Identity mark + name form one unit; proposition and descriptor breathe. */
  .home-inner{transform:translateY(-18px)}
  .home-seal{margin-bottom:8px;filter:drop-shadow(2px 3px 3px rgba(7,27,51,.13))}
  .home .brand{margin-bottom:27px}
  .home .domains{margin:24px 0 10px}

  /* Page 2: give the conceptual chain its own register rather than another headline-sized statement. */
  .sequence{margin-top:48px;font-size:clamp(22px,1.85vw,28px);gap:clamp(12px,1.65vw,24px)}

  /* Page 3: monogram-only blind emboss; intentionally cropped at the right edge. */
  .advisory-opening .wrap{min-height:470px}
  .advisory-opening .lead{max-width:690px}
  .advisory-watermark{display:block;position:absolute;z-index:1;right:-7vw;top:50%;width:min(48vw,700px);height:auto;transform:translateY(-46%);pointer-events:none;opacity:.72}

  /* Page 4: restore photographic presence. Blend only at the text-facing edge. */
  .chess-image{width:55%;background-position:58% center;filter:saturate(.72) contrast(.92) brightness(1.00)}
  .chess-image:after{background:linear-gradient(90deg,
      var(--canvas) 0%,
      rgba(246,244,239,.92) 10%,
      rgba(246,244,239,.62) 24%,
      rgba(246,244,239,.26) 39%,
      rgba(246,244,239,.06) 53%,
      rgba(246,244,239,0) 66%)}

  /* Page 5: let the closing process reclaim the horizontal grid while the image retreats to the left. */
  .ocean-secondary .image{width:43%}
  .ocean-secondary .image:after{background:linear-gradient(270deg,var(--canvas) 0%,rgba(246,244,239,.72) 24%,rgba(246,244,239,.18) 54%,transparent 76%)}
  .ocean-secondary .content{width:70%}
  .ocean-secondary .process{flex-wrap:nowrap;white-space:nowrap;gap:10px 12px}
}

/* CLOUDFLARE PREVIEW REVISION 3 — material and colour calibration, 7 Sep 2026 */
:root{--text-navy:#0A2948}
body{color:var(--text-navy)}
input,textarea{color:var(--text-navy)}

/* Home only: the viewport reads as a piece of heavy warm uncoated card stock. */
.home{
  position:relative;isolation:isolate;overflow:hidden;
  background:#ECE8DF;
  padding:34px max(var(--gutter),34px);
}
.home:before{
  content:"";position:absolute;z-index:-2;inset:26px;
  background-color:#F6F3EC;
  background-image:
    radial-gradient(circle at 18% 23%,rgba(7,27,51,.026) 0 .55px,transparent .8px),
    radial-gradient(circle at 73% 64%,rgba(110,31,42,.018) 0 .5px,transparent .75px),
    repeating-linear-gradient(8deg,rgba(90,82,70,.018) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(96deg,rgba(255,255,255,.16) 0 1px,transparent 1px 7px);
  background-size:13px 13px,17px 17px,100% 100%,100% 100%;
  border:1px solid rgba(104,120,138,.12);
  box-shadow:0 13px 26px rgba(41,37,31,.13),0 2px 5px rgba(41,37,31,.08),inset 0 1px rgba(255,255,255,.72);
}
.home:after{
  content:"";position:absolute;z-index:-1;left:6.5%;right:6.5%;top:52%;height:18px;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(119,109,94,.028) 42%,rgba(255,255,255,.28) 51%,rgba(119,109,94,.018) 59%,transparent 100%);
  filter:blur(.35px);opacity:.68;
}
.home-inner{position:relative;z-index:2}
.home-seal{filter:drop-shadow(2px 3px 3px rgba(7,27,51,.16)) drop-shadow(-1px -1px 1px rgba(255,255,255,.55))}

/* Advisory: retain the approved scale/placement, but let the blind emboss register sooner. */
@media (min-width:901px){
  .advisory-watermark{opacity:.96;filter:contrast(1.08)}

  /* Oceans closing copy: formal editorial block beneath the process line. */
  .ocean-secondary .copy>p:not(.display){text-align:justify;text-justify:inter-word;hyphens:auto}
}

@media (max-width:900px){
  .home{padding:18px;background:#ECE8DF}
  .home:before{inset:12px;box-shadow:0 8px 18px rgba(41,37,31,.11),0 1px 4px rgba(41,37,31,.07)}
  .home:after{left:7%;right:7%}
}


/* CLOUDFLARE PREVIEW REVISION 4 — final material/navy calibration, 7 Sep 2026 */
/* Rich Navy is now the unequivocal primary text colour. */
:root{--text-navy:#071B33}
body,input,textarea{color:#071B33}
p,.copy,.lead,.surface,.form-grid,aside{color:#071B33}

/* Contact echoes Advisory with one blind-embossed monogram in the opening field only. */
.contact-opening{position:relative;overflow:hidden}
.contact-opening .wrap{position:relative;z-index:2}
.contact-watermark{display:none}

/* Home: irregular cotton-stock tooth rather than a digital grid. */
.home{background:#E9E5DC}
.home:before{
  background-color:#F6F3EC;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .17'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.42'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 22% 18%,rgba(255,255,255,.42),transparent 42%),
    radial-gradient(ellipse at 78% 72%,rgba(105,94,77,.035),transparent 46%);
  background-size:180px 180px,100% 100%,100% 100%;
  border:1px solid rgba(99,89,75,.16);
  box-shadow:0 16px 32px rgba(41,37,31,.16),0 3px 7px rgba(41,37,31,.10),inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(91,82,68,.055);
}
.home:after{
  height:24px;top:52%;
  background:linear-gradient(180deg,transparent 0%,rgba(92,82,67,.035) 38%,rgba(92,82,67,.055) 47%,rgba(255,255,255,.32) 53%,rgba(255,255,255,.10) 60%,transparent 100%);
  filter:blur(.5px);opacity:.72;
}

@media (min-width:901px){
  .contact-opening .wrap{min-height:270px}
  .contact-opening .lead{max-width:720px}
  .contact-watermark{display:block;position:absolute;z-index:1;right:-5.5vw;top:46%;width:min(38vw,570px);height:auto;transform:translateY(-42%);pointer-events:none;opacity:.96;filter:contrast(1.08)}
}

@media (max-width:900px){
  .home{background:#E9E5DC}
  .home:before{background-size:150px 150px,100% 100%,100% 100%}
}

/* CLOUDFLARE PREVIEW REVISION 5 — paper-stock, contact rhythm, navy calibration, 7 Sep 2026 */
/* One more chromatic step: unmistakably navy on-screen, still restrained and institutional. */
:root{--text-navy:#0A3158;--navy:#0A3158}
body,input,textarea{color:var(--text-navy)}
p,.copy,.lead,.surface,.form-grid,aside{color:var(--text-navy)}
h1,h2,.display,.sequence,.process span,.disclosure button,.four-grid h3,.home .brand,.menu-btn,.mobile-panel a{color:var(--text-navy)}

/* Home: use an actual raster paper-stock field rather than synthetic CSS grain. */
.home{background:#E8E2D8}
.home:before{
  background-color:#F6F3EC;
  background-image:
    linear-gradient(rgba(246,243,236,.12),rgba(246,243,236,.12)),
    url('/assets/images/home-card-stock-texture.jpg');
  background-size:cover,cover;
  background-position:center,center;
  border:1px solid rgba(92,81,64,.17);
  box-shadow:
    0 18px 38px rgba(41,37,31,.18),
    0 4px 9px rgba(41,37,31,.11),
    inset 0 1px rgba(255,255,255,.88),
    inset 0 -1px rgba(88,76,58,.07);
}
.home:after{
  top:52%;height:24px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(91,80,63,.028) 36%,
    rgba(91,80,63,.052) 47%,
    rgba(255,255,255,.28) 54%,
    rgba(255,255,255,.08) 61%,
    transparent 100%);
  filter:blur(.45px);opacity:.66;
}

/* Contact: restore compact editorial rhythm; watermark sits in the field, content may pass in front of it. */
.contact-opening{padding:clamp(70px,7vw,96px) 0 clamp(24px,3vw,42px)}
.contact-opening .wrap{min-height:0 !important}
.contact-opening + .section-tight{padding-top:clamp(26px,3.5vw,48px)}
@media (min-width:901px){
  .contact-opening .lead{max-width:720px}
  .contact-watermark{
    right:-3vw;top:54%;width:min(39vw,590px);
    transform:translateY(-45%);opacity:.96;filter:contrast(1.08)
  }
}

@media (max-width:900px){
  .home:before{background-size:cover,cover}
  .contact-opening{padding:68px 0 22px}
  .contact-opening + .section-tight{padding-top:26px}
}

/* CLOUDFLARE PREVIEW REVISION 6 — HOME MATERIAL ONLY, 7 Sep 2026
   Uses paper sampled from the approved business-card mockup. All other Rev 5 styling is preserved. */
.home{background:#E6E0D5}
.home:before{
  background-color:#F3EEE4;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(77,63,45,.018)),
    url('/assets/images/home-card-stock-texture-v2.jpg');
  background-size:cover,cover;
  background-position:center center,center center;
  background-repeat:no-repeat,no-repeat;
  border:1px solid rgba(82,69,52,.20);
  box-shadow:
    0 20px 42px rgba(41,37,31,.20),
    0 5px 11px rgba(41,37,31,.12),
    inset 0 1px rgba(255,255,255,.78),
    inset 0 -1px rgba(72,59,43,.08);
}
/* Keep the crease tactile but subordinate to the actual paper stock. */
.home:after{
  height:20px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(84,70,51,.018) 35%,
    rgba(84,70,51,.038) 47%,
    rgba(255,255,255,.20) 55%,
    rgba(255,255,255,.05) 62%,
    transparent 100%);
  filter:blur(.55px);
  opacity:.52;
}
@media (max-width:900px){
  .home:before{background-size:cover,cover;background-position:center center,center center}
}

/* CLOUDFLARE PREVIEW REVISION 7 — HOME PAPER SURFACE ONLY, 7 Sep 2026
   Finer, non-directional cotton-stock tooth; no tiled or wood-grain pattern. */
.home{background:#E7E1D7}
.home:before{
  background-color:#F6F2E9;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(95,81,61,.015)),
    url('/assets/images/home-card-stock-texture-v3.jpg');
  background-size:cover,cover;
  background-position:center center,center center;
  background-repeat:no-repeat,no-repeat;
  border:1px solid rgba(82,69,52,.16);
  box-shadow:
    0 18px 38px rgba(41,37,31,.18),
    0 4px 9px rgba(41,37,31,.10),
    inset 0 1px rgba(255,255,255,.86),
    inset 0 -1px rgba(72,59,43,.055);
}
.home:after{
  height:16px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(84,70,51,.012) 39%,
    rgba(84,70,51,.025) 48%,
    rgba(255,255,255,.15) 55%,
    rgba(255,255,255,.035) 62%,
    transparent 100%);
  filter:blur(.7px);
  opacity:.38;
}

/* CLOUDFLARE PREVIEW REVISION 8 — HOME PAPER SWEET-SPOT ONLY, 7 Sep 2026
   Hybrid surface: V7 quiet field + V6 fine cotton fibre detail; large directional grain removed. */
.home{background:#E7E1D7}
.home:before{
  background-color:#F4F0E8;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(84,70,51,.012)),
    url('/assets/images/home-card-stock-texture-v4.jpg');
  background-size:cover,cover;
  background-position:center center,center center;
  background-repeat:no-repeat,no-repeat;
  border:1px solid rgba(82,69,52,.18);
  box-shadow:
    0 19px 40px rgba(41,37,31,.19),
    0 4px 10px rgba(41,37,31,.105),
    inset 0 1px rgba(255,255,255,.84),
    inset 0 -1px rgba(72,59,43,.065);
}
.home:after{
  height:18px;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(84,70,51,.014) 39%,
    rgba(84,70,51,.030) 49%,
    rgba(255,255,255,.17) 56%,
    rgba(255,255,255,.04) 63%,
    transparent 100%);
  filter:blur(.6px);
  opacity:.45;
}


/* REVISION 9 — TEAM INTEGRATION PASS, 7 Sep 2026
   Rev8 architecture retained. Paper becomes the site canvas; established OI wordmark restored;
   slate section labels become oxblood; Contact adopts the established professional intake structure. */
:root{--paper-page:#F4F0E8}
body{
  background-color:var(--paper-page);
  background-image:
    linear-gradient(rgba(246,244,239,.52),rgba(246,244,239,.52)),
    url('/assets/images/home-card-stock-texture-v4.jpg');
  background-size:auto,1120px auto;
  background-position:center top,center top;
  background-attachment:fixed,fixed;
}
main,.section,.section-tight,.soft{background-color:transparent!important}
.site-header{background:rgba(244,240,232,.90)}
.eyebrow{color:var(--oxblood)!important}
.photo-field:after{background:linear-gradient(90deg,rgba(244,240,232,.98) 0%,rgba(244,240,232,.93) 8%,rgba(244,240,232,.52) 28%,rgba(244,240,232,0) 62%)}

/* Established OI identity: typographic mark used on the current Ordinem International site. */
.nav-logo.legacy-logo{width:auto;height:auto;min-width:116px;display:flex;align-items:center;gap:9px;margin-right:auto;color:var(--text-navy);line-height:.9}
.legacy-oi{font-family:var(--serif);font-size:30px;letter-spacing:-.045em;color:var(--text-navy)}
.legacy-name{font-family:var(--serif);font-size:12px;line-height:.92;letter-spacing:.01em;color:var(--text-navy)}
.home-legacy-logo{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--text-navy);margin-bottom:34px}
.home-legacy-logo .legacy-oi{font-size:54px}
.home-legacy-logo .legacy-name{font-size:19px;line-height:.92;text-align:left}

/* Keep Home as the tactile business-card expression; internal pages use a quieter version of the same stock. */
.home{background:#E7E1D7;background-image:none}
.home:before{background-image:linear-gradient(180deg,rgba(255,255,255,.035),rgba(84,70,51,.012)),url('/assets/images/home-card-stock-texture-v4.jpg')}

/* Contact form — established intake structure, refined within Rev8 proportions. */
.contact-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field select{width:100%;border:0;border-bottom:1px solid rgba(10,49,88,.28);background:transparent;color:var(--text-navy);font:inherit;padding:9px 0 10px;border-radius:0;outline:none}
.field select:focus{border-bottom-color:var(--oxblood)}
.form-notice{font-size:13px;line-height:1.55;color:var(--slate);max-width:660px;margin:26px 0 22px}
@media(max-width:900px){
  body{background-size:auto,820px auto;background-attachment:scroll,scroll}
  .photo-field:after{background:linear-gradient(180deg,rgba(244,240,232,.98),rgba(244,240,232,.36) 35%,transparent 75%)}
  .nav-logo.legacy-logo{min-width:96px}
  .legacy-oi{font-size:27px}.legacy-name{font-size:11px}
  .home-legacy-logo{margin-bottom:26px}.home-legacy-logo .legacy-oi{font-size:46px}.home-legacy-logo .legacy-name{font-size:17px}
  .contact-name-grid{grid-template-columns:1fr;gap:0}
}

/* CLOUDFLARE PREVIEW REVISION 10 — LOGO / WATERMARK / CONTACT HIERARCHY ONLY */

/* Established OI identity: restore its elongated, editorial proportion rather than a compact monogram. */
.legacy-logo .legacy-oi,
.home-legacy-logo .legacy-oi{
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:.075em;
  transform:scaleX(1.12);
  transform-origin:center;
}
.nav-logo.legacy-logo{
  min-width:142px;
  gap:13px;
}
.nav-logo.legacy-logo .legacy-oi{
  font-size:34px;
  line-height:.82;
  min-width:49px;
}
.nav-logo.legacy-logo .legacy-name{
  font-size:12px;
  line-height:.92;
  letter-spacing:.015em;
}
.home-legacy-logo{
  gap:18px;
}
.home-legacy-logo .legacy-oi{
  font-size:58px;
  min-width:84px;
}
.home-legacy-logo .legacy-name{
  font-size:19px;
  line-height:.94;
  letter-spacing:.012em;
}

/* Direct enquiry address must sit in navy between oxblood labels, not compete with them. */
.contact-direct a[href^="mailto:"],
.contact-direct .email,
.contact-details a[href^="mailto:"],
a[href="mailto:info@ordineminternational.com"]{
  color:var(--text-navy) !important;
}

/* The new OI watermark is intrinsically wider; preserve that elongated proportion on both pages. */
.advisory-watermark,
.contact-watermark{
  object-fit:contain;
}

@media(max-width:900px){
  .nav-logo.legacy-logo{min-width:108px;gap:9px}
  .nav-logo.legacy-logo .legacy-oi{font-size:29px;min-width:41px}
  .nav-logo.legacy-logo .legacy-name{font-size:10px}
  .home-legacy-logo{gap:14px}
  .home-legacy-logo .legacy-oi{font-size:49px;min-width:70px}
  .home-legacy-logo .legacy-name{font-size:17px}
}

/* CLOUDFLARE PREVIEW REVISION 13 — CORRECTED TYPOGRAPHY INTEGRATION
   V10 geometry, margins, palette and image blending are intentionally untouched. */

/* Reconstruct established logo while keeping V10 nav/home placement. */
.legacy-logo,
.home-legacy-logo{
  display:flex;
  align-items:center;
}
.legacy-logo .legacy-oi,
.home-legacy-logo .legacy-oi{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.02em;
  transform:none;
  line-height:.82;
}
.legacy-logo .legacy-divider,
.home-legacy-logo .legacy-divider{
  display:block;
  width:1px;
  flex:0 0 1px;
  background:rgba(10,49,88,.42);
  align-self:center;
}
.legacy-logo .legacy-name,
.home-legacy-logo .legacy-name{
  font-family:var(--serif);
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:.17em;
  line-height:.98;
}

/* Tight identity relationship: OI | ORDINEM INTERNATIONAL */
.nav-logo.legacy-logo{
  min-width:164px;
  gap:6px;
}
.nav-logo.legacy-logo .legacy-oi{
  font-size:40px;
  min-width:47px;
}
.nav-logo.legacy-logo .legacy-divider{
  height:34px;
  margin:0 1px;
}
.nav-logo.legacy-logo .legacy-name{
  font-size:9.5px;
  min-width:105px;
}

.home-legacy-logo{
  gap:7px;
}
.home-legacy-logo .legacy-oi{
  font-size:60px;
  min-width:68px;
}
.home-legacy-logo .legacy-divider{
  height:47px;
  margin:0 1px;
}
.home-legacy-logo .legacy-name{
  font-size:12.5px;
  min-width:147px;
  text-align:left;
}

/* Contact email remains navy but gains clear link affordance. */
a[href="mailto:info@ordineminternational.com"]{
  color:var(--text-navy)!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
  text-decoration-color:rgba(10,49,88,.65)!important;
}

@media(max-width:900px){
  .nav-logo.legacy-logo{min-width:136px;gap:5px}
  .nav-logo.legacy-logo .legacy-oi{font-size:34px;min-width:40px}
  .nav-logo.legacy-logo .legacy-divider{height:29px}
  .nav-logo.legacy-logo .legacy-name{font-size:8px;min-width:86px}
  .home-legacy-logo{gap:6px}
  .home-legacy-logo .legacy-oi{font-size:50px;min-width:57px}
  .home-legacy-logo .legacy-divider{height:40px}
  .home-legacy-logo .legacy-name{font-size:11px;min-width:128px}
}


/* CLOUDFLARE PREVIEW REVISION 14 — HOME SEPARATOR + NAV IDENTITY BALANCE ONLY */

/* Home: restrained oxblood separator between identity and proposition */
.home-legacy-logo{
  position:relative;
  margin-bottom:58px;
}
.home-legacy-logo:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-28px;
  width:78px;
  height:1px;
  transform:translateX(-50%);
  background:var(--oxblood);
  opacity:.92;
}

/* Navigation identity: stronger authority without overwhelming the menu */
.nav{
  min-height:82px;
  column-gap:clamp(24px,2.6vw,42px);
}
.nav-logo.legacy-logo{
  min-width:205px;
  gap:7px;
  flex:0 0 auto;
}
.nav-logo.legacy-logo .legacy-oi{
  font-size:50px;
  min-width:58px;
}
.nav-logo.legacy-logo .legacy-divider{
  height:40px;
}
.nav-logo.legacy-logo .legacy-name{
  font-size:10.2px;
  min-width:118px;
  letter-spacing:.16em;
}

/* Preserve navigation prominence and breathing room */
.nav a:not(.nav-logo){
  font-size:14px;
  white-space:nowrap;
}
.nav > a:not(.nav-logo){
  margin-left:0;
}
@media(min-width:1100px){
  .nav{
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }
  .nav-logo.legacy-logo{
    margin-right:auto;
  }
  .nav a:not(.nav-logo){
    flex:0 0 auto;
  }
}

@media(max-width:1180px) and (min-width:901px){
  .nav{
    column-gap:18px;
  }
  .nav-logo.legacy-logo{
    min-width:184px;
  }
  .nav-logo.legacy-logo .legacy-oi{
    font-size:46px;
    min-width:54px;
  }
  .nav-logo.legacy-logo .legacy-name{
    font-size:9.4px;
    min-width:109px;
  }
  .nav a:not(.nav-logo){
    font-size:13.3px;
  }
}

@media(max-width:900px){
  .home-legacy-logo{
    margin-bottom:50px;
  }
  .home-legacy-logo:after{
    bottom:-24px;
    width:68px;
  }
}


/* CLOUDFLARE PREVIEW REVISION 17
   Base: V14. Three locked changes only:
   1. quieter serif statements beneath oxblood section labels;
   2. approved Small-State Statecraft "What we mean" wording;
   3. navigation identity proportion corrected to the established live-site lock-up. */

/* Editorial hierarchy */
.section .eyebrow + h2,
.section .eyebrow + .split h2,
.section .split .eyebrow + h2,
.section-tight .eyebrow + h2{
  font-size:clamp(24px,2.05vw,32px);
  line-height:1.14;
  font-weight:400;
}

/* Established identity relationship: the two-line wordmark now occupies
   the divider field instead of reading as a small caption beside OI. */
.nav-logo.legacy-logo{
  min-width:232px;
  gap:7px;
  flex:0 0 auto;
}
.nav-logo.legacy-logo .legacy-oi{
  font-size:50px;
  min-width:58px;
  line-height:.82;
}
.nav-logo.legacy-logo .legacy-divider{
  height:43px;
  margin:0 2px;
}
.nav-logo.legacy-logo .legacy-name{
  font-size:12.8px;
  font-weight:500;
  line-height:1.13;
  letter-spacing:.17em;
  min-width:151px;
  transform:scaleY(1.24);
  transform-origin:left center;
}

@media(max-width:1180px) and (min-width:901px){
  .nav-logo.legacy-logo{
    min-width:208px;
    gap:6px;
  }
  .nav-logo.legacy-logo .legacy-oi{
    font-size:46px;
    min-width:54px;
  }
  .nav-logo.legacy-logo .legacy-divider{
    height:40px;
  }
  .nav-logo.legacy-logo .legacy-name{
    font-size:11.6px;
    min-width:136px;
    transform:scaleY(1.22);
  }
}


/* CLOUDFLARE PREVIEW REVISION 18
   Two corrections only from V17:
   A. Apply the staff-requested reduction to the ACTUAL section serif headings.
   B. Reproduce the live-site navigation wordmark from its measured/computed CSS.
   Approved copy remains unchanged. */

/* A — quieter serif statements below oxblood section labels.
   This targets the actual H2 elements used across the internal pages,
   including those nested inside .split and the Oceans secondary section. */
@media (min-width:901px){
  .section h2,
  .section-tight h2,
  .ocean-secondary h2{
    font-size:clamp(24px,2.05vw,31px) !important;
    line-height:1.14 !important;
    font-weight:400 !important;
  }
}

/* Preserve a clear but restrained hierarchy on smaller screens. */
@media (max-width:900px){
  .section h2,
  .section-tight h2,
  .ocean-secondary h2{
    font-size:clamp(25px,7vw,31px) !important;
    line-height:1.14 !important;
  }
}

/* B — live-site identity specification.
   Safari inspection of ordineminternational.com:
   .brand-name = 164px x 38px; Georgia; 15px; .2em tracking; 1.28 line-height.
   Treat the mark, divider and wordmark as one fixed identity lock-up. */
.nav-logo.legacy-logo{
  width:auto !important;
  height:auto !important;
  min-width:244px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  flex:0 0 auto !important;
  color:rgb(22,50,71) !important;
}

.nav-logo.legacy-logo .legacy-oi{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:50px !important;
  font-weight:400 !important;
  line-height:.82 !important;
  letter-spacing:-.035em !important;
  min-width:50px !important;
  color:rgb(22,50,71) !important;
}

.nav-logo.legacy-logo .legacy-divider{
  display:block !important;
  width:1px !important;
  height:38px !important;
  flex:0 0 1px !important;
  margin:0 1px !important;
  background:rgba(22,50,71,.42) !important;
}

.nav-logo.legacy-logo .legacy-name{
  box-sizing:border-box !important;
  width:164px !important;
  min-width:164px !important;
  height:38px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.28 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:rgb(22,50,71) !important;
  transform:none !important;
  white-space:nowrap !important;
}

/* At intermediate desktop widths retain the same logo proportions;
   navigation spacing, not the identity itself, compresses first. */
@media(max-width:1180px) and (min-width:901px){
  .nav{
    column-gap:16px;
  }
  .nav-logo.legacy-logo{
    min-width:244px !important;
  }
  .nav a:not(.nav-logo){
    font-size:13px;
  }
}


/* CLOUDFLARE PREVIEW REVISION 19
   Two corrections only from V18:
   1. Reduce the actual page-opening serif statements beneath oxblood labels (H1s).
   2. Apply the now-correct live-site identity lock-up to the Home page as well. */

/* 1 — Page-opening serif statements.
   These are H1 elements, not H2s. Reduce them by roughly 15% while
   retaining the editorial hierarchy above body copy. */
.hero h1,
.advisory-opening h1,
.contact-opening h1,
.chess-field h1,
.oceans-opening h1{
  font-size:clamp(36px,3.2vw,50px) !important;
  line-height:1.08 !important;
  font-weight:400 !important;
}

/* Ordinem International hero uses the same opening hierarchy. */
.hero-copy h1{
  font-size:clamp(36px,3.2vw,50px) !important;
  line-height:1.08 !important;
  font-weight:400 !important;
}

/* 2 — Home identity: same live-site lock-up specification now used in navigation. */
.home-legacy-logo{
  gap:9px !important;
  align-items:center !important;
}
.home-legacy-logo .legacy-oi{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:54px !important;
  font-weight:400 !important;
  line-height:.82 !important;
  letter-spacing:-.035em !important;
  min-width:54px !important;
  color:rgb(22,50,71) !important;
}
.home-legacy-logo .legacy-divider{
  display:block !important;
  width:1px !important;
  height:41px !important;
  flex:0 0 1px !important;
  margin:0 1px !important;
  background:rgba(22,50,71,.42) !important;
}
.home-legacy-logo .legacy-name{
  box-sizing:border-box !important;
  width:176px !important;
  min-width:176px !important;
  height:41px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.28 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  color:rgb(22,50,71) !important;
  transform:none !important;
  white-space:nowrap !important;
}

/* Preserve the V14/V18 home separator placement. */
.home-legacy-logo:after{
  width:78px !important;
}

@media(max-width:900px){
  .hero h1,
  .advisory-opening h1,
  .contact-opening h1,
  .chess-field h1,
  .oceans-opening h1,
  .hero-copy h1{
    font-size:clamp(34px,9vw,44px) !important;
  }

  .home-legacy-logo .legacy-oi{
    font-size:49px !important;
    min-width:49px !important;
  }
  .home-legacy-logo .legacy-divider{
    height:38px !important;
  }
  .home-legacy-logo .legacy-name{
    width:164px !important;
    min-width:164px !important;
    height:38px !important;
    font-size:15px !important;
  }
}


/* CLOUDFLARE PREVIEW REVISION 20 — FINAL TYPOGRAPHIC CORRECTION ONLY
   V19 identity, copy, imagery, colour, spacing and all secondary sections remain locked.
   Reduce only the FIRST serif headline immediately below each top-page oxblood eyebrow. */

@media (min-width:901px){
  /* Ordinem International */
  .hero-copy > .eyebrow + h1,
  /* Small-State Statecraft */
  .chess-copy > .eyebrow + h1,
  /* Oceans */
  .ocean-copy > .eyebrow + h1,
  /* Contact */
  .contact-opening .wrap > .eyebrow + h1,
  /* Advisory top opening */
  .advisory-opening .eyebrow + h1{
    font-size:clamp(32px,2.75vw,43px) !important;
    line-height:1.10 !important;
    font-weight:400 !important;
  }
}

@media (max-width:900px){
  .hero-copy > .eyebrow + h1,
  .chess-copy > .eyebrow + h1,
  .ocean-copy > .eyebrow + h1,
  .contact-opening .wrap > .eyebrow + h1,
  .advisory-opening .eyebrow + h1{
    font-size:clamp(31px,8vw,40px) !important;
    line-height:1.10 !important;
  }
}


/* CLOUDFLARE PREVIEW REVISION 21 — SOCIAL PRESENCE INTEGRATION ONLY
   Rev20 design remains locked. Social media is added as a restrained
   text-based system: discoverable in the footer, detailed on Contact. */

.contact-connect-label{
  margin-top:50px;
}
.contact-socials{
  display:grid;
  gap:0;
  margin-top:6px;
  max-width:320px;
}
.contact-socials a{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:14px;
  align-items:baseline;
  padding:10px 0;
  border-bottom:1px solid rgba(10,49,88,.14);
  color:var(--text-navy);
  text-decoration:none;
}
.contact-socials a:first-child{
  border-top:1px solid rgba(10,49,88,.14);
}
.contact-socials span{
  font-family:var(--sans);
  font-size:14px;
  font-weight:500;
}
.contact-socials small{
  font-family:var(--sans);
  font-size:12px;
  line-height:1.35;
  color:var(--slate);
}
.contact-socials a:hover span,
.contact-socials a:focus-visible span{
  color:var(--oxblood);
}

.footer .footer-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
}
.footer-socials{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
}
.footer-socials a{
  color:var(--slate);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.01em;
}
.footer-socials a:hover,
.footer-socials a:focus-visible{
  color:var(--oxblood);
}
.footer-presence{
  text-align:right;
}

@media(max-width:900px){
  .footer .footer-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .footer-socials{
    justify-content:flex-start;
    gap:12px 16px;
  }
  .footer-presence{
    text-align:left;
  }
  .contact-socials{
    max-width:none;
  }
}


/* CLOUDFLARE PREVIEW REVISION 22 — ACCESSIBILITY / LAUNCH QA ONLY
   No visual-design changes. */
.skip-link{
  position:fixed;
  left:18px;
  top:14px;
  z-index:10000;
  padding:10px 14px;
  background:var(--canvas);
  color:var(--text-navy);
  border:1px solid var(--oxblood);
  font-family:var(--sans);
  font-size:14px;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .15s ease;
}
.skip-link:focus{
  transform:translateY(0);
}


/* REVISION 23 — CONTACT SUCCESS STATE ONLY */
.form-status.success{
  margin-top:0;
  max-width:620px;
}
.form-status.success strong{
  display:block;
  font:400 30px/1.25 var(--serif);
  color:var(--navy);
}
.form-status.success span{
  display:block;
  margin-top:14px;
  font:400 16px/1.6 var(--sans);
  color:var(--slate);
}
.form-status.success:focus{
  outline:none;
}


/* REVISION 24 — DETERMINISTIC CONTACT CONFIRMATION STATE ONLY */
.submission-success{
  max-width:680px;
  padding-top:4px;
}
.submission-success h2{
  margin:18px 0 0;
  font:400 32px/1.2 var(--serif);
  color:var(--navy);
}
.submission-success p{
  margin:16px 0 0;
  max-width:560px;
  font:400 16px/1.65 var(--sans);
  color:var(--slate);
}
.submission-success:focus{
  outline:none;
}