/* J. Thomas Law: the critic pass. Loaded after inner.css.
   Adds a warm second color (the honey underside of a magnolia leaf), three opener shapes, the closing "finale",
   hover states everywhere, and the hooks motion.js animates. */

:root{
  --honey:#ecd9ae;--honey-2:#e2c78f;--honey-ink:#6b4a17;
  --sage-f:#d3e0d5;--sage-f2:#bfd2c4;
  --petal:#f2e2d6;--petal-2:#e9cfbf;
  --bleed:max(clamp(20px,4vw,40px),calc((100vw - 1200px) / 2));
  --ease-o:cubic-bezier(.16,1,.3,1);
}

/* ---------- content is always visible; only the page opener's title waits for motion.js ---------- */
@media (prefers-reduced-motion:no-preference){
  .js:not(.no-mo) [data-op] [data-lines]{visibility:hidden}
}
.no-mo [data-rv]{opacity:1!important;transform:none!important}
.no-mo [data-lines]{visibility:visible!important}
.js .rise img{animation:none}

/* ---------- hover states, everywhere ---------- */
.inner .btn{transition:background-color .25s,color .25s,border-color .25s,transform .35s var(--ease-o)}
.inner .btn-primary:hover{background:var(--accent);transform:translateY(-2px)}
.inner .btn-primary:active{transform:translateY(0)}
.btn-quiet{background:transparent;color:var(--deep);border:1.5px solid color-mix(in srgb,var(--deep) 55%,transparent)}
.btn-quiet:hover{background:var(--deep);color:#fff;border-color:var(--deep);transform:translateY(-2px)}
.inner main a:not(.btn):not(.go):not([class*="tile"]):not([class*="fin-"]):not(.sit):not(.trail a){text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-thickness .2s,color .2s}
.inner main p a:hover{text-decoration-thickness:2px}
.site-footer a:not(.btn){transition:color .2s}
.inner .site-footer .f-col a:hover,.inner .footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.zoom{overflow:hidden}
.zoom img{transition:transform 1.4s var(--ease-o)}
.zoom:hover img,a:hover .zoom img,a:focus-visible .zoom img{transform:scale(1.045)}
.pic img{transition:transform 1.4s var(--ease-o)}
figure:hover > .pic img{transform:scale(1.04)}

/* ---------- photo credit line on top of a photo ---------- */
.credit{position:absolute;right:0;bottom:0;z-index:2;max-width:min(560px,90%);padding:8px 14px;font-size:13px;line-height:1.4;color:#fff;background:rgba(20,32,27,.62);text-align:right}
.credit b{font-weight:600}

/* ---------- ridge cut along the top of a photo ---------- */
.ridge-top{position:absolute;left:0;top:-1px;width:100%;height:auto;aspect-ratio:1440/240;z-index:1;pointer-events:none;color:var(--ridge-bg,var(--magnolia))}
.ridge-top .fill{fill:currentColor}
.ridge-top .gold{fill:none;stroke:var(--gold);stroke-width:2.5;vector-effect:non-scaling-stroke}
.ridge-top--mirror{transform:scaleX(-1)}

/* ================= openers ================= */
.opx-h{font-size:var(--t-display);line-height:.98;letter-spacing:-.024em;color:var(--deep);font-weight:400}
.opx-lede{font-size:clamp(17.5px,1.35vw,19.5px);line-height:1.6;max-width:46ch}
.opx-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:26px}
.opx-acts .btn{min-height:54px;padding:13px 24px}

/* A. overlap: a tall photograph, the title on a magnolia sheet laid over its lower edge */
.opo{position:relative}
.opo-ph{position:relative;height:clamp(420px,66vh,720px);overflow:hidden;background:var(--cream)}
.opo-ph img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.opo-sheet{position:relative;z-index:2;width:min(880px,calc(100% - var(--bleed)));margin:clamp(-230px,-16vw,-120px) 0 0 auto;background:var(--magnolia);padding:clamp(28px,3.6vw,60px) var(--bleed) 0 clamp(28px,4vw,72px)}
.opo-sheet .trail{margin-bottom:clamp(18px,2.4vw,30px)}
.opo-sheet .opx-lede{margin-top:clamp(20px,2.2vw,30px)}
.opo-sheet:before{content:'';position:absolute;left:0;top:0;width:clamp(60px,8vw,120px);height:3px;background:var(--gold)}
.opo--left .opo-sheet{margin:clamp(-230px,-16vw,-120px) auto 0 0;padding:clamp(28px,3.6vw,60px) clamp(28px,4vw,72px) 0 var(--bleed)}
.opo--left .opo-sheet:before{left:var(--bleed)}

/* B. split: words on the left, a tall photograph bleeding off the right edge, cut by the ridge */
.ops{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);width:var(--wrap);margin-inline:auto;min-height:clamp(560px,calc(92vh - 120px),860px)}
.ops-copy{grid-column:1/7;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(32px,5vw,72px)}
.ops-copy .trail{margin-bottom:clamp(22px,3vw,40px)}
.ops-copy .opx-lede{margin-top:clamp(22px,2.4vw,32px)}
.ops-ph{grid-column:7/13;position:relative;margin-right:calc(-1 * var(--bleed));overflow:hidden;background:var(--cream);--ridge-bg:var(--magnolia)}
.ops-ph img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.ops-ph .ridge-top{aspect-ratio:720/200}

@media (max-width:1000px){
  .ops{display:block;min-height:0}
  .ops-copy{padding-block:24px 36px}
  .ops-ph{margin:0 calc(-1 * var(--bleed));height:clamp(300px,62vw,520px)}
  .opo-sheet,.opo--left .opo-sheet{width:auto;margin:-64px clamp(12px,3vw,28px) 0;padding:26px clamp(18px,4vw,32px) 0}
  .opo--left .opo-sheet:before{left:0}
}
@media (max-width:760px){
  .opo-ph{height:clamp(300px,58vh,440px)}
  .opx-h{font-size:clamp(2.55rem,11vw,3.4rem)}
  .opx-acts .btn{width:100%}
  .credit{font-size:12px;padding:6px 10px;max-width:100%}
}

/* ================= the finale: every page closes on a designed moment ================= */
.fin{position:relative;isolation:isolate;background:var(--fin-bg,var(--honey));--ridge-bg:var(--fin-bg,var(--honey));overflow:hidden}
.fin--sage{--fin-bg:var(--sage-f)}
.fin--petal{--fin-bg:var(--petal)}
.fin-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);width:var(--wrap);margin-inline:auto;min-height:clamp(560px,74vh,780px)}
.fin-copy{grid-column:1/7;align-self:center;padding-block:clamp(72px,8vw,128px);position:relative;z-index:2}
.fin-h{font-size:clamp(2.7rem,5.2vw,4.8rem);line-height:.98;letter-spacing:-.022em;color:var(--deep);max-width:13ch}
.fin-say{margin-top:24px;font-size:clamp(17.5px,1.3vw,19.5px);line-height:1.6;max-width:44ch;color:var(--ink)}
.fin-phone{display:inline-block;margin-top:clamp(26px,3vw,40px);font-family:var(--serif);font-size:clamp(2.5rem,4.8vw,4.4rem);line-height:1;letter-spacing:-.02em;color:var(--deep);text-decoration:none;padding-bottom:6px;position:relative;transition:color .2s}
.fin-phone:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-o)}
.fin-phone:hover{color:var(--accent)}
.fin-phone:hover:after{transform:scaleX(1)}
.fin-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:26px}
.fin-acts .btn{min-height:54px;padding:13px 24px}
.fin-hours{margin-top:18px;font-size:15.5px;line-height:1.5;color:#4b4839}
.fin-art{grid-column:7/13;position:relative;min-height:100%}
.fin-photo{position:absolute;inset:0 calc(-1 * var(--bleed)) 0 clamp(0px,2vw,28px);overflow:hidden;background:var(--cream)}
.fin-photo img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.fin-photo .ridge-top{aspect-ratio:720/170}
.fin-obj{position:absolute;inset:clamp(48px,6vw,96px) 0 clamp(48px,6vw,96px) clamp(0px,2vw,28px);display:flex;align-items:center;justify-content:center}
.fin-also{position:relative;z-index:2;background:color-mix(in srgb,var(--fin-bg,var(--honey)) 86%,var(--deep))}
.fin-also-in{width:var(--wrap);margin-inline:auto;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch;gap:2px}
.fin-also-in > p{align-self:center;padding-right:clamp(16px,3vw,48px);font-size:15.5px;font-weight:600;color:var(--deep)}
.fin-tile{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px clamp(14px,2vw,28px);background:color-mix(in srgb,var(--fin-bg,var(--honey)) 55%,#fff);font-family:var(--serif);font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.2;color:var(--deep);text-decoration:none;transition:background-color .3s,color .3s}
.fin-tile:after{content:'';width:18px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease-o)}
.fin-tile:hover{background:var(--deep);color:#fff}
.fin-tile:hover:after{transform:translateX(5px)}

@media (max-width:1000px){
  .fin-grid{display:flex;flex-direction:column-reverse;min-height:0}
  .fin-copy{padding-block:40px 64px}
  .fin-art{min-height:0;height:clamp(280px,64vw,520px);margin:0 calc(-1 * var(--bleed))}
  .fin-photo{inset:0}
  .fin-obj{position:relative;inset:auto;height:100%;padding:36px var(--bleed) 0}
  .fin-also-in{grid-template-columns:1fr}
  .fin-also-in > p{padding:20px 0 6px}
  .fin-tile{padding:18px var(--bleed);margin:0 calc(-1 * var(--bleed))}
  .fin-tile:hover{background:transparent;color:var(--accent)}
}
@media (max-width:760px){
  .fin-acts .btn{width:100%}
  .fin-phone{font-size:clamp(2.3rem,11vw,3rem)}
}

/* ---------- shared section bits ---------- */
.sec{padding-block:var(--gap-sec);position:relative}
.sec--honey{background:var(--honey)}
.sec--sage{background:var(--sage-f)}
.sec--petal{background:var(--petal)}
.sec--cream{background:var(--cream)}
.h-sec{font-size:var(--t-section);line-height:1.04;color:var(--deep);letter-spacing:-.016em;max-width:20ch}
.h-big{font-size:clamp(2.6rem,5.4vw,5rem);line-height:.98;color:var(--deep);letter-spacing:-.022em}
.lead-in{font-size:clamp(17.5px,1.3vw,19.5px);line-height:1.6;max-width:56ch;margin-top:20px}
.split2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.split2 > :first-child{grid-column:1/7}
.split2 > :last-child{grid-column:7/13;margin:0 0 .35rem}
@media (max-width:1000px){
  .split2 > :first-child,.split2 > :last-child{grid-column:1/-1}
  .split2 > :last-child{margin-top:18px}
}

/* ================= About ================= */
.ab-route .route{gap:clamp(40px,6vw,96px)}
.leg-when{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.5vw,1.35rem);color:var(--bronze);margin-bottom:4px}
.ab-route .leg-h,.js .route[data-ready] .leg .leg-h{font-size:clamp(2.3rem,3.8vw,3.4rem);color:var(--deep);line-height:1}
.js .route[data-ready] .leg{opacity:.55;transition:opacity .5s}
.js .route[data-ready] .leg.is-on{opacity:1}
.ab-route .leg-ph{margin:34px 0 0 clamp(-60px,-4vw,0px)}
.ab-route .leg-ph--r{margin:34px clamp(-60px,-4vw,0px) 0 clamp(20px,4vw,60px)}
.ab-route .leg-ph .pic{aspect-ratio:16/10}
.ab-route .leg-ph .pic img{height:112%;margin-top:-6%}
.leg-pair{position:relative;margin-top:34px;padding-bottom:clamp(80px,10vw,150px)}
.leg-pair .leg-ph{margin:0}
.leg-pair .leg-cobb{position:absolute;right:clamp(-30px,-2vw,0px);bottom:0;width:62%;margin:0;background:var(--magnolia);padding:14px 14px 10px;outline:1px solid var(--rule)}
.leg-pair .leg-cobb .pic-cap{margin-top:6px;font-size:13px}

.ab-how{background:var(--petal)}
.ab-how-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,7vw,120px);align-items:center}
.ab-portrait{position:relative;margin:0;padding:0 0 clamp(24px,3vw,40px) clamp(24px,3vw,40px)}
.ab-slab{position:absolute;left:0;bottom:0;width:78%;height:78%;background:var(--honey-2)}
.ab-portrait .pic{position:relative;aspect-ratio:4/5;background:#e1d9c9}
.ab-how-st{font-family:var(--serif);font-size:var(--t-statement);line-height:1.3;color:var(--deep);margin-top:26px;max-width:30ch}
.ab-how-p{margin-top:20px;max-width:58ch}
.ab-days{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.ab-days li{background:color-mix(in srgb,var(--magnolia) 70%,transparent);padding:20px 22px;font-size:16.5px;line-height:1.5;transition:background-color .3s,transform .4s var(--ease-o)}
.ab-days li:hover{background:var(--magnolia);transform:translateY(-3px)}
.ab-days b{display:block;font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--deep);margin-bottom:4px}
.ab-how-more{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:30px}

.ab-rec .record{background:var(--magnolia);position:relative;border-top:4px solid var(--gold)}
.ab-rec .years{gap:0;margin-top:26px}
.ab-rec .years li{padding:0 clamp(12px,2.2vw,30px);color:var(--deep)}
.ab-rec .years li+li{border-left:2px solid var(--gold)}

.ab-mark{margin:0;width:min(100%,560px)}
.ab-mark svg{width:100%;height:auto;display:block;overflow:visible}
.ab-back{fill:var(--honey-2)}
.ab-front{fill:var(--deep)}
.ab-gold{stroke:var(--gold);stroke-width:3;fill:none}
.ab-pin circle{fill:var(--bronze);stroke:var(--honey);stroke-width:4}
.ab-pin text{font:600 17px var(--sans);fill:var(--deep)}
.ab-mark figcaption{margin-top:14px;font-size:14px;color:#4b4839;text-align:center}

@media (max-width:1000px){
  .ab-how-in{grid-template-columns:1fr}
  .ab-portrait{max-width:440px}
  .ab-route .leg-ph,.ab-route .leg-ph--r{margin:28px 0 0}
  .js .route[data-ready] .leg{opacity:1}
}
@media (max-width:760px){
  .ab-days{grid-template-columns:1fr}
  .leg-pair{padding-bottom:0}
  .leg-pair .leg-cobb{position:relative;width:auto;right:auto;margin-top:16px}
  .ab-rec .years li{padding:0 10px}
}
.js .route[data-ready] .leg{opacity:1}
.leg-pair .leg-ph .pic-cap{max-width:34%}
.ab-rec .years li{padding:0 clamp(10px,1.6vw,22px);font-size:clamp(1.5rem,3.2vw,2.7rem)}
.ab-pin text{font-size:18px}
.opo--low .opo-sheet{margin-top:clamp(-130px,-8vw,-70px)}
.opo--low .opo-ph{height:clamp(420px,62vh,680px)}

/* ================= Practice Areas ================= */
.pa-op{padding-bottom:clamp(48px,5vw,80px)}
.pa-sort-top{display:flex;justify-content:space-between;align-items:end;gap:28px 48px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,60px)}
.pa-sort-top .h-big{max-width:14ch}
.pa-sort .who span{background:rgba(255,253,248,.6)}
.pa-sort .who label:hover span{background:var(--magnolia)}
.sitcs{list-style:none;margin:0;padding:0;columns:3 280px;column-gap:16px}
.sitc{break-inside:avoid;margin:0 0 16px;animation:sit-in .45s var(--out) both}
.sitc a{display:flex;flex-direction:column;gap:22px;min-height:150px;padding:26px 26px 22px;background:var(--magnolia);text-decoration:none;color:var(--ink);transition:background-color .3s,color .3s,transform .45s var(--ease-o)}
.sitc-say{font-family:var(--serif);font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.22;color:var(--deep);text-wrap:pretty;transition:color .3s}
.sitc-area{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14.5px;font-weight:600;color:var(--bronze);transition:color .3s}
.sitc-area:after{content:'';width:18px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease-o)}
.sitc a:hover,.sitc a:focus-visible{background:var(--deep);transform:translateY(-4px)}
.sitc a:hover .sitc-say,.sitc a:focus-visible .sitc-say{color:#fff}
.sitc a:hover .sitc-area,.sitc a:focus-visible .sitc-area{color:var(--gold)}
.sitc a:hover .sitc-area:after{transform:translateX(5px)}
.pa-sort:has(input[value=me]:checked) .sitc:not([data-who~=me]),
.pa-sort:has(input[value=biz]:checked) .sitc:not([data-who~=biz]){display:none}

.pa-group{font-size:clamp(1.5rem,2.2vw,2rem);color:var(--deep);margin:0 0 18px;display:flex;align-items:center;gap:18px}

.pa-tiles{list-style:none;margin:0 0 clamp(40px,5vw,64px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pa-tile a,.pa-both{position:relative;display:flex;flex-direction:column;height:100%;min-height:clamp(300px,26vw,360px);padding:clamp(22px,2.2vw,32px);text-decoration:none;color:var(--ink);background:var(--tile,var(--cream));transition:transform .5s var(--ease-o),background-color .35s}
.pa-tile--honey{--tile:var(--honey)}.pa-tile--petal{--tile:var(--petal)}.pa-tile--sage{--tile:var(--sage-f)}.pa-tile--cream{--tile:var(--cream)}
.pa-line{font-family:var(--serif);font-style:italic;font-size:1.08rem;line-height:1.35;color:var(--honey-ink)}
.pa-name{margin-top:auto;font-family:var(--serif);font-weight:400;font-size:clamp(1.55rem,2.1vw,2rem);line-height:1.08;color:var(--deep);letter-spacing:-.01em}
.pa-what{margin-top:12px;font-size:15.5px;line-height:1.5;color:#45443b}
.pa-go{position:absolute;right:clamp(22px,2.2vw,32px);top:clamp(22px,2.2vw,32px);width:40px;height:40px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--deep) 40%,transparent);transition:background-color .3s,border-color .3s,transform .45s var(--ease-o)}
.pa-go:after{content:'';position:absolute;inset:0;margin:auto;width:16px;height:10px;background:var(--deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:background-color .3s}
.pa-tile a:hover{transform:translateY(-6px);background:color-mix(in srgb,var(--tile) 82%,var(--deep))}
.pa-tile a:hover .pa-go,.pa-both:hover .pa-go{background:var(--deep);border-color:var(--deep);transform:rotate(-45deg)}
.pa-tile a:hover .pa-go:after,.pa-both:hover .pa-go:after{background:#fff}
.pa-both{min-height:0;padding:clamp(32px,4vw,60px);background:var(--deep);color:var(--on-deep);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(24px,5vw,80px)}
.pa-both .pa-line{color:var(--gold);grid-column:1}
.pa-both .pa-name{grid-column:1;margin-top:14px;font-size:clamp(2.6rem,5vw,4.4rem);color:#fff}
.pa-both .pa-what{grid-column:1;color:var(--on-deep-2);max-width:52ch;font-size:16.5px}
.pa-quote{grid-column:2;grid-row:1/4;align-self:center;font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;color:var(--deep);background:#f3ead7;padding:clamp(22px,3vw,40px);transform:rotate(-2.5deg);transition:transform .6s var(--ease-o)}
.pa-both:hover .pa-quote{transform:rotate(0deg) scale(1.02)}
.pa-both .pa-go{border-color:rgba(255,255,255,.4);right:clamp(24px,3vw,40px);top:clamp(24px,3vw,40px)}
.pa-both .pa-go:after{background:#fff}
.pa-both:hover .pa-go{background:var(--gold);border-color:var(--gold)}
.pa-both:hover .pa-go:after{background:var(--deep)}
@media (max-width:1100px){.pa-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .pa-tiles{grid-template-columns:1fr}
  .pa-tile a{min-height:0}
  .pa-name{margin-top:28px}
  .pa-both{grid-template-columns:1fr}
  .pa-quote{grid-column:1;grid-row:auto;margin-top:28px;justify-self:start}
}
.pa-tile .pa-line{padding-right:52px}
.pa-both .pa-go{display:none}

/* ================= Civil ================= */
.cv-rows{list-style:none;margin:0;padding:0;counter-reset:none}
.cv-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);align-items:center;padding-block:clamp(22px,2.6vw,36px)}
.cv-say{grid-column:1/8;font-family:var(--serif);font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.012em;color:var(--deep);text-indent:-.42em;padding-right:clamp(0px,2vw,24px)}
.cv-law{grid-column:8/13;position:relative;background:var(--honey);padding:clamp(22px,2.4vw,34px);transition:transform .5s var(--ease-o),background-color .3s}
.cv-law:before{content:'';position:absolute;right:100%;top:50%;width:clamp(16px,3vw,48px);height:2px;background:var(--gold)}
.cv-law:hover{transform:translateX(-6px);background:var(--honey-2)}
.cv-law h3{font-size:clamp(1.35rem,1.8vw,1.7rem);color:var(--deep);margin-bottom:8px}
.cv-law p{font-size:16.5px;line-height:1.55}
.cv-law .go{margin-top:12px}
.cv-row:nth-child(2) .cv-law{background:var(--petal)}.cv-row:nth-child(2) .cv-law:hover{background:var(--petal-2)}
.cv-row:nth-child(3) .cv-law{background:var(--sage-f)}.cv-row:nth-child(3) .cv-law:hover{background:var(--sage-f2)}
.cv-row:nth-child(4) .cv-law{background:var(--cream)}.cv-row:nth-child(4) .cv-law:hover{background:#e9e1cf}

.cv-sides{padding-top:clamp(40px,5vw,80px)}
.cv-sides-h{font-size:clamp(2.6rem,5.4vw,5rem);line-height:.98;color:var(--deep);letter-spacing:-.022em;margin-bottom:clamp(32px,4vw,56px)}
.cv-halves{display:grid;grid-template-columns:1fr 1fr}
.cv-half{padding:clamp(48px,6vw,104px) var(--bleed);min-height:clamp(440px,40vw,600px)}
.cv-half--bring{background:var(--honey);padding-right:clamp(32px,5vw,80px)}
.cv-half--sued{background:var(--deep);color:var(--on-deep);padding-left:clamp(32px,5vw,80px)}
.cv-half h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.04;color:var(--deep);margin-bottom:20px;max-width:14ch}
.cv-half--sued h3{color:#fff}
.cv-half p{max-width:46ch}
.cv-half-more{margin-top:18px;font-size:16.5px;opacity:.9}
.cv-bring{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:460px}
.cv-bring li{font-family:var(--serif);font-size:1.45rem;color:var(--deep);background:var(--magnolia);padding:14px 18px;transition:transform .4s var(--ease-o)}
.cv-bring li:nth-child(odd){transform:rotate(-1.2deg)}.cv-bring li:nth-child(even){transform:rotate(1deg)}
.cv-bring li:hover{transform:rotate(0) translateY(-3px)}
.cv-dont{font-family:var(--serif);font-style:italic;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.05;color:var(--gold);margin:0 0 18px}

.cv-one-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);align-items:center}
.cv-one-ph{grid-column:1/9;grid-row:1;margin:0}
.cv-one-ph .pic{aspect-ratio:4/3}
.cv-one-card{grid-column:7/13;grid-row:1;position:relative;z-index:2;background:var(--petal);padding:clamp(28px,3.6vw,56px);margin-top:clamp(120px,14vw,220px)}
.cv-one-st{font-family:var(--serif);font-size:var(--t-statement);line-height:1.3;color:var(--deep);margin:20px 0 16px}

/* the pile: the four things to bring, drawn */
.pile{position:relative;width:min(100%,520px);aspect-ratio:1/1;margin:0}
.pile > div{position:absolute;background:#fffdf8;transition:transform .7s var(--ease-o)}
.pile-doc{left:6%;top:4%;width:52%;height:66%;transform:rotate(-6deg);padding:7% 7%;display:flex;flex-direction:column;gap:9px;outline:1px solid #e3d6b8}
.pile-doc b{font:400 clamp(1rem,1.6vw,1.35rem) var(--serif);color:var(--deep);margin-bottom:6px;text-align:center}
.pile i{display:block;height:5px;background:#e5dcc9;border-radius:2px}
.pile i.s{width:62%}
.pile-sig{margin-top:auto;height:2px;background:var(--deep);width:60%;position:relative}
.pile-sig:before{content:'';position:absolute;left:8%;bottom:4px;width:70%;height:18px;border-bottom:2px solid var(--accent);border-radius:0 0 60% 40%;transform:rotate(-4deg)}
.pile-phone{right:6%;top:10%;width:30%;height:56%;background:var(--deep)!important;border-radius:22px;transform:rotate(7deg);padding:16% 8% 10%;display:flex;flex-direction:column;gap:9px}
.pile-phone .b{display:block;height:20px;border-radius:10px;width:78%}
.pile-phone .l{background:#d3e0d5}.pile-phone .r{background:var(--gold);align-self:flex-end}
.pile-phone .s{width:52%}
.pile-rcpt{left:30%;bottom:4%;width:28%;height:46%;transform:rotate(4deg);padding:7% 5% 0;display:flex;flex-direction:column;gap:9px;clip-path:polygon(0 0,100% 0,100% 94%,92% 100%,84% 94%,76% 100%,68% 94%,60% 100%,52% 94%,44% 100%,36% 94%,28% 100%,20% 94%,12% 100%,4% 94%,0 100%)}
.pile-rcpt b{font:600 12px var(--sans);color:var(--muted);text-align:center;margin-bottom:4px}
.pile-rcpt em{display:block;margin-top:8px;height:10px;width:50%;align-self:flex-end;background:var(--bronze);opacity:.7}
.pile-photo{right:4%;bottom:8%;width:34%;height:34%;transform:rotate(-8deg);padding:5% 5% 14%}
.pile-photo span{display:block;width:100%;height:100%;background:var(--sage-f2);position:relative;overflow:hidden}
.pile-photo span:before{content:'';position:absolute;left:18%;bottom:0;width:64%;height:56%;background:var(--accent);clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%)}
.pile:hover .pile-doc{transform:rotate(-9deg) translate(-8px,-6px)}
.pile:hover .pile-phone{transform:rotate(10deg) translate(8px,-6px)}
.pile:hover .pile-photo{transform:rotate(-3deg) translate(6px,6px)}
.pile figcaption{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-size:14px;color:#4b4839}

@media (max-width:1000px){
  .cv-say,.cv-law{grid-column:1/-1}
  .cv-say{text-indent:0;margin-bottom:16px}
  .cv-law:before{display:none}
  .cv-halves{grid-template-columns:1fr}
  .cv-half{min-height:0;padding:48px var(--bleed)}
  .cv-one-ph,.cv-one-card{grid-column:1/-1}
  .cv-one-card{grid-row:2;margin:-48px 16px 0}
  .pile{width:min(86%,420px)}
}

/* ================= Family ================= */
.fl-ch .chooser-top .h-big{max-width:12ch}
.fl-ch .pane{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.fl-ch .pane-ph{position:relative;margin:0;padding:0 0 clamp(20px,2.6vw,36px) clamp(20px,2.6vw,36px)}
.fl-slab{position:absolute;left:0;bottom:0;width:80%;height:80%;background:var(--petal)}
.fl-ch .pane-ph .pic{position:relative;aspect-ratio:4/5}
.fl-ch .pane-copy .statement{font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.12;max-width:20ch}
.fl-ch .matter{background:var(--cream);padding:20px 24px;margin-top:10px;transition:background-color .3s,transform .45s var(--ease-o)}
.fl-ch .matter:hover{background:var(--honey);transform:translateX(6px)}
.fl-ch .matter h3{font-size:clamp(1.3rem,1.8vw,1.6rem)}
.fl-ch .matter p{font-size:16.5px}
.fl-ch .pane[data-pane=disagree] .fl-slab{background:var(--sage-f)}
.fl-ch .pane[data-pane=kids] .fl-slab{background:var(--honey)}

.fl-reach-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:center}
.fl-reach-st{font-family:var(--serif);font-size:var(--t-statement);line-height:1.3;color:var(--deep);margin:24px 0 16px;max-width:30ch}
.week{margin:0;background:var(--magnolia);padding:clamp(22px,2.6vw,36px)}
.wk-scale{display:grid;grid-template-columns:54px 1fr;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.wk-scale{position:relative;height:18px}
.wk-scale span{position:absolute;top:0;transform:translateX(-50%)}
.wk-scale span:nth-child(1){left:calc(54px + (100% - 54px) * .1)}
.wk-scale span:nth-child(2){left:calc(54px + (100% - 54px) * .38)}
.wk-scale span:nth-child(3){left:calc(54px + (100% - 54px) * .71)}
.wk-scale span:nth-child(4){left:calc(54px + (100% - 54px) * .88)}
.week-days{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.week-days li{display:grid;grid-template-columns:54px 1fr;align-items:center}
.week-days b{font:600 15px var(--sans);color:var(--deep)}
.wk-track{position:relative;height:44px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/14 - 1px),#ece5d5 calc(100%/14 - 1px) calc(100%/14))} /* taste-skill-ignore: hour ticks on a drawn timetable, not a decorative fill */
.wk-day,.wk-eve{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 12px;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;transition:filter .3s,transform .4s var(--ease-o)}
.wk-day{left:10.7%;width:60.7%;background:var(--accent);color:#fff}
.wk-eve{left:71.4%;right:0;background:var(--honey);color:var(--honey-ink)}
.wk-end .wk-eve{left:10.7%}
.week-days li:hover .wk-day,.week-days li:hover .wk-eve{filter:brightness(1.07)}
.week figcaption{margin-top:16px;font-size:14px;color:var(--muted)}
@media (max-width:1000px){
  .fl-ch .pane{grid-template-columns:1fr}
  .fl-reach-in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wk-day,.wk-eve{font-size:12px;padding:0 6px}
  .wk-day{font-size:0}.wk-day:after{content:'8:30 to 5';font-size:12px}
  .wk-eve{font-size:0}.wk-eve:after{content:'Evening';font-size:12px}
  .wk-end .wk-eve:after{content:'By appointment'}
}
.opo-ph .ridge-top{aspect-ratio:1440/150}

/* ================= Estate ================= */
.es-op .rise{height:clamp(320px,50vh,560px)}
.es-desk-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,88px);align-items:center}
.es-desk-copy .h-big{max-width:11ch}
.es-fee{margin-top:32px;background:var(--magnolia);padding:24px 28px;border-left:4px solid var(--gold);max-width:420px}
.es-fee-big{font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.05;color:var(--deep);margin-bottom:6px}
.es-desk .sheet{background:#fffdf8;outline:1px solid #e6d7b5}
.es-desk .fan[data-ready] .sheet{transform:translateY(calc(var(--rank,0) * var(--peek) * -1 * var(--spread,1))) rotate(calc(var(--rank,0) * var(--tilt,.5deg) * var(--spread,1)))}
.es-desk .fan[data-ready] .sheet:not(.is-front):hover{transform:translateY(calc(var(--rank,0) * var(--peek) * -1 - 6px)) rotate(0deg)}
.es-desk .sheet-kind button{color:var(--deep)}
.es-when-h{margin-bottom:clamp(32px,4vw,56px)}
.es-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.es-card{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:clamp(240px,22vw,300px);padding:clamp(24px,2.6vw,38px);background:var(--c,var(--cream));transition:transform .5s var(--ease-o)}
.es-card:hover{transform:translateY(-6px)}
.es-card--petal{--c:var(--petal)}.es-card--sage{--c:var(--sage-f)}.es-card--cream{--c:var(--honey)}
.es-card b{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.04;color:var(--deep);letter-spacing:-.014em}
.es-card span{font-size:16.5px;max-width:30ch}
@media (max-width:1000px){
  .es-desk-in{grid-template-columns:1fr}
  .es-cards{grid-template-columns:1fr}
  .es-card{min-height:0}
}
.ops--flip .ops-copy{grid-column:7/13;grid-row:1;padding-left:clamp(0px,2vw,32px)}
.ops--flip .ops-ph{grid-column:1/7;grid-row:1;margin:0 0 0 calc(-1 * var(--bleed))}
@media (max-width:1000px){
  .ops--flip .ops{display:flex;flex-direction:column-reverse}
  .ops--flip .ops-ph{margin:0 calc(-1 * var(--bleed))}
}

/* ================= Property ================= */
.opl-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);padding-top:clamp(26px,3.6vw,52px);padding-bottom:clamp(30px,3.6vw,52px);align-items:start}
.opl-top .trail{grid-column:1/-1;margin-bottom:clamp(22px,3.4vw,46px)}
.opl-top .opx-h{grid-column:1/8}
.opl-side{grid-column:8/13;padding-top:.9rem}
.opl-ph{position:relative;margin:0;height:clamp(360px,62vh,640px);overflow:hidden;background:var(--cream)}
.opl-ph img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.opl-line{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.opl-line .dr{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:22 9 4 9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))} /* taste-skill-ignore: a white survey line drawn over a photo needs a hairline to read */
.opl-pin circle{fill:var(--gold);stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke}
.opl-tag{position:absolute;z-index:2;left:clamp(16px,6vw,96px);bottom:calc(13% + 26px);font:italic 400 clamp(1.1rem,1.6vw,1.45rem) var(--serif);color:#fff;background:rgba(20,32,27,.55);padding:4px 12px}

.pd-plat .plat-wrap{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3vw,48px)}
.pd-plat .plat{background:var(--magnolia);padding:clamp(10px,1.2vw,18px)}
.pd-plat .plat-notes{background:var(--magnolia);padding:clamp(24px,2.6vw,36px);align-self:stretch}
.pd-plat .pins label:hover span{background:var(--honey)}
.pd-plat .pins input:checked+span{background:var(--bronze);color:#fff}

.pd-early-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px)}
.pd-early-h{grid-column:1/11;margin-bottom:clamp(36px,4vw,64px)}
.pd-cases{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pd-cases li{background:var(--honey);padding:clamp(22px,2.4vw,34px);min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:transform .5s var(--ease-o),background-color .3s}
.pd-cases li:nth-child(2){background:var(--petal)}.pd-cases li:nth-child(3){background:var(--sage-f)}.pd-cases li:nth-child(4){background:var(--cream)}
.pd-cases li:hover{transform:translateY(-6px)}
.pd-k{font-family:var(--serif);font-size:clamp(2rem,3.2vw,3rem);line-height:1;color:var(--deep);letter-spacing:-.015em}
.pd-cases p{font-size:16.5px;line-height:1.5}
.pd-where{grid-column:1/-1;margin-top:28px;color:var(--muted)}

.deed{margin:0;width:min(84%,440px)}
.deed-paper{position:relative;background:#fffdf8;padding:12% 11% 14%;transform:rotate(-3deg);outline:1px solid #e3d6b8;display:flex;flex-direction:column;gap:10px;transition:transform .7s var(--ease-o)}
.deed:hover .deed-paper{transform:rotate(0deg) translateY(-6px)}
.deed-t{font:400 clamp(1.5rem,2.4vw,2.1rem)/1 var(--serif);text-align:center;color:var(--deep);font-variant:small-caps;letter-spacing:.04em}
.deed-st{font-size:13px;text-align:center;color:var(--muted);margin-bottom:10px}
.deed-paper i{display:block;height:5px;background:#e5dcc9;border-radius:2px}
.deed-paper i.s{width:58%}
.deed-lot{font:italic 400 15px/1.4 var(--serif);color:var(--ink);margin:6px 0}
.deed-sig{display:flex;gap:20px;margin-top:22px}
.deed-sig span{flex:1;border-top:1.5px solid var(--deep);height:20px}
.deed-seal{position:absolute;right:9%;bottom:7%;width:64px;height:64px;border-radius:50%;background:var(--bronze);opacity:.85;outline:3px dashed rgba(255,255,255,.5);outline-offset:-8px}
.deed figcaption{margin-top:18px;text-align:center;font-size:14px;color:#4b4839}

@media (max-width:1000px){
  .opl-top .opx-h,.opl-side{grid-column:1/-1}
  .opl-side{padding-top:18px}
  .pd-plat .plat-wrap{grid-template-columns:1fr}
  .pd-early-h{grid-column:1/-1}
  .pd-cases{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .pd-cases{grid-template-columns:1fr}
  .pd-cases li{min-height:0}
  .opl-ph{height:clamp(280px,48vh,400px)}
}
.pd-plat .plat-notes{align-self:start}
.opl-ph,.pd-plat .plat{overflow:hidden}
.pd-plat .pins{overflow:hidden}

/* ================= Business litigation ================= */
.opd-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);padding-block:clamp(26px,3.6vw,52px) clamp(60px,7vw,110px);align-items:center}
.opd-copy{grid-column:1/7}
.opd-copy .trail{margin-bottom:clamp(22px,3vw,40px)}
.opd-copy .opx-lede{margin-top:clamp(22px,2.4vw,32px)}
.opd-pair{grid-column:7/13;position:relative;height:clamp(520px,72vh,720px)}
.opd-pair figure{position:absolute;margin:0}
.opd-a{left:0;top:0;width:58%}
.opd-b{right:0;bottom:0;width:50%;z-index:2}
.opd-pair .pic{aspect-ratio:3/4;overflow:hidden}
.opd-pair figcaption{margin-top:10px;font-size:13px;line-height:1.4;color:var(--muted)}
.opd-pair figcaption b{display:block;font:400 1.4rem/1.1 var(--serif);color:var(--deep);margin-bottom:2px}
.opd-pair figcaption span{display:block}
.opd-a figcaption{max-width:72%}
.opd-b .pic{outline:10px solid var(--magnolia)}

.bl-rec-in{text-align:center}
.bl-rec-h{font-size:clamp(1.6rem,2.6vw,2.4rem);color:var(--deep);max-width:28ch;margin:0 auto}
.bl-years{list-style:none;margin:clamp(24px,3vw,40px) 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.bl-years li{font-family:var(--serif);font-size:clamp(2.6rem,7vw,6.6rem);line-height:1;color:var(--deep);padding:0 clamp(10px,2vw,30px);letter-spacing:-.02em}
.bl-years li+li{border-left:2px solid var(--gold)}
.bl-rec-p{max-width:62ch;margin:0 auto;font-size:clamp(17px,1.3vw,19px)}

.bl-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bl-card{background:var(--c);padding:clamp(28px,3.2vw,48px);display:flex;flex-direction:column;gap:14px;transition:transform .5s var(--ease-o)}
.bl-card:hover{transform:translateY(-6px)}
.bl-card--honey{--c:var(--honey)}.bl-card--petal{--c:var(--petal)}.bl-card--sage{--c:var(--sage-f)}.bl-card--cream{--c:var(--cream)}
.bl-card h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.02;color:var(--deep);letter-spacing:-.015em}
.bl-card p{max-width:46ch}
.bl-me{margin-top:auto;padding-top:14px;font-family:var(--serif);font-size:1.25rem;line-height:1.35;color:var(--deep)}
.bl-me span{font-style:italic;color:var(--honey-ink)}
@media (max-width:1000px){
  .opd-copy,.opd-pair{grid-column:1/-1}
  .opd-pair{margin-top:40px;height:clamp(440px,110vw,640px)}
  .bl-cards{grid-template-columns:1fr}
}
.bl-years{flex-wrap:nowrap}
.bl-years li{font-size:clamp(1.9rem,6vw,5.4rem);padding:0 clamp(6px,1.6vw,26px)}
.opd-a{width:60%}.opd-b{width:52%}

/* ================= Contracts ================= */
.opk-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);align-items:center;padding-block:clamp(26px,3.6vw,52px) clamp(60px,7vw,110px)}
.opk-copy{grid-column:1/7}
.opk-copy .trail{margin-bottom:clamp(22px,3vw,40px)}
.opk-copy .opx-lede{margin-top:clamp(22px,2.4vw,32px)}
.opk-art{grid-column:8/13;position:relative;height:clamp(420px,60vh,600px)}
.opk-sheet{position:absolute;inset:4% 6% 0 10%;background:#fffdf8;outline:1px solid #e3d6b8;padding:11% 10%;display:flex;flex-direction:column;gap:12px;transform:rotate(2.5deg)}
.opk-sheet--back{inset:0 14% 6% 2%;background:var(--honey);outline:0;transform:rotate(-4deg)}
.opk-t{font:400 clamp(1.4rem,2vw,1.8rem) var(--serif);font-variant:small-caps;letter-spacing:.05em;text-align:center;color:var(--deep);margin-bottom:10px}
.opk-sheet i{display:block;height:6px;border-radius:2px;background:#e5dcc9}
.opk-sheet i.s{width:60%}
.opk-sheet i.h{background:linear-gradient(90deg,#e5dcc9 0 22%,rgba(201,166,107,.75) 22% 74%,#e5dcc9 74%)} /* taste-skill-ignore: a highlighter mark drawn across a printed line */
.opk-note{position:absolute;font:italic 400 clamp(1.2rem,1.7vw,1.55rem) var(--serif);color:var(--accent);white-space:nowrap}
.opk-note:before{content:'';position:absolute;top:50%;width:46px;height:1.5px;background:var(--accent)}
.opk-note--1{right:-8%;top:33%;transform:translateX(60%)}
.opk-note--1:before{right:100%;margin-right:8px}
.opk-note--2{left:-6%;top:70%;transform:translateX(-70%)}
.opk-note--2:before{left:100%;margin-left:8px}

.ct-clause .clause-page{box-shadow:none;outline:1px solid #cfdccf}
.ct-clause .clause-notes li{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.38;color:var(--accent);padding:14px 0 14px 40px;transition:color .3s,transform .4s var(--ease-o)}
.ct-clause .clause[data-ready] .clause-notes li:not(.is-on){color:#4a5d53}
.ct-clause .clause-notes li.is-on{color:var(--deep);transform:translateX(6px)}
.ct-clause .clause-notes li:before{font-style:normal;font-family:var(--sans);top:16px;width:26px;height:26px;font-size:13px;background:var(--magnolia);border-color:var(--accent)}
.ct-clause .mk{background:rgba(201,166,107,.42)}
.ct-clause .mk:hover,.ct-clause .mk.is-on{background:var(--honey-2);box-shadow:inset 0 -2px 0 var(--accent)} /* taste-skill-ignore: an underline under a marked phrase, drawn as an inset rule */

.ct-two-h{max-width:16ch;margin-bottom:clamp(36px,4vw,64px)}
.ct-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-way{background:var(--cream);padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:14px;transition:transform .5s var(--ease-o)}
.ct-way:nth-child(2){background:var(--petal)}
.ct-way:hover{transform:translateY(-6px)}
.ct-way h3{font-size:clamp(2rem,3vw,2.8rem);color:var(--deep)}
.ct-fee{margin-top:auto;font-family:var(--serif);font-size:1.3rem;color:var(--honey-ink)}
.ct-pic{position:relative;height:clamp(200px,18vw,260px);margin-bottom:14px}
.ct-pic span{position:absolute;background:#fffdf8;outline:1px solid #e3d6b8;width:52%;height:92%;left:24%;top:4%;transition:transform .6s var(--ease-o)}
.ct-pic--stack span:nth-child(1){transform:rotate(-7deg) translateX(-14%)}
.ct-pic--stack span:nth-child(2){transform:rotate(5deg) translateX(12%)}
.ct-pic--stack span:nth-child(3){padding:9% 9%;display:flex;flex-direction:column;gap:8px}
.ct-pic--stack span i{display:block;height:4px;background:#ddd2bb;border-radius:2px}
.ct-pic--stack span i.s{width:56%}
.ct-pic--stack span i.h{background:rgba(201,166,107,.8)}
.ct-way:hover .ct-pic--stack span:nth-child(1){transform:rotate(-11deg) translateX(-22%)}
.ct-way:hover .ct-pic--stack span:nth-child(2){transform:rotate(9deg) translateX(20%)}
.ct-pic--blank span{padding:10%;display:flex;flex-direction:column;align-items:center}
.ct-pic--blank b{font:400 1.2rem var(--serif);font-variant:small-caps;letter-spacing:.05em;color:var(--deep)}
.ct-pic--blank em{display:block;width:2px;height:20px;background:var(--accent);margin:26px auto 0 0;animation:caret 1.1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.ct-way:hover .ct-pic--blank span{transform:rotate(-2deg) translateY(-4px)}
.ct-for{margin-top:28px;max-width:70ch;color:var(--muted)}

.sticky{position:relative;margin:0;width:min(80%,420px);aspect-ratio:4/5}
.sticky-doc{position:absolute;inset:0;background:#fffdf8;outline:1px solid #e3d6b8;padding:12% 11%;display:flex;flex-direction:column;gap:12px;transform:rotate(-3deg)}
.sticky-doc b{font:400 1.5rem var(--serif);font-variant:small-caps;letter-spacing:.05em;text-align:center;color:var(--deep);margin-bottom:10px}
.sticky-doc i{display:block;height:6px;border-radius:2px;background:#e5dcc9}
.sticky-doc i.s{width:58%}
.sticky-line{margin-top:auto;height:1.5px;background:var(--deep);width:58%}
.sticky-note{position:absolute;right:-12%;bottom:12%;width:62%;padding:22px 22px 26px;background:var(--sage-f2);font:italic 400 clamp(1.3rem,2vw,1.7rem)/1.2 var(--serif);color:var(--deep);transform:rotate(5deg);transition:transform .6s var(--ease-o)}
.sticky-note span{font-style:normal;font-size:.8em;color:var(--accent)}
.sticky:hover .sticky-note{transform:rotate(1deg) translateY(-8px)}
@media (max-width:1000px){
  .opk-copy,.opk-art{grid-column:1/-1}
  .opk-art{height:360px;margin-top:40px;max-width:520px;width:100%;justify-self:center}
  .opk-note--1{right:2%;transform:none;top:-6%}
  .opk-note--2{left:2%;transform:none;top:auto;bottom:-6%}
  .opk-note:before{display:none}
  .ct-pair{grid-template-columns:1fr}
  .sticky-note{right:-4%}
}
@media (prefers-reduced-motion:reduce){.ct-pic--blank em{animation:none}}
.ct-clause .clause-notes li.is-on:before{background:var(--accent);color:#fff}
.opk-art{grid-column:7/12}
.opk-note--1{right:0;transform:translateX(42%)}
.opk-note--2{left:0;transform:translateX(-62%)}
@media (max-width:1000px){.opk-note--1,.opk-note--2{transform:none}}

/* ================= Formation ================= */
.bf-grow .grow-head .h-big{grid-column:1/7}
.bf-grow .grow-head .lead-in{grid-column:7/13;margin:0 0 .35rem}
.bf-grow .grow-step h3{font-size:clamp(1.7rem,2.4vw,2.2rem)}
.bf-grow .grow-n{font-size:1.7em;color:var(--honey-ink)}
.bf-grow .grow-step p{font-size:16.5px}
.bf-grow .grow-step .pic{outline:8px solid var(--magnolia)}
@media (max-width:1000px){.bf-grow .grow-head .h-big,.bf-grow .grow-head .lead-in{grid-column:1/-1}.bf-grow .grow-head .lead-in{margin-top:16px}}

/* ================= HOA ================= */
.hl-h1{font-size:clamp(2.5rem,4.6vw,4.4rem)}
.hl-wrap{position:relative}
.hl-stair{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hl-stair .dr{fill:none;stroke:var(--gold);stroke-width:3;vector-effect:non-scaling-stroke}
.hl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.hl-step{display:flex;flex-direction:column;padding:clamp(24px,2.8vw,40px);transition:filter .3s}
.hl-step:hover{filter:brightness(1.03)}
.hl-s1{background:var(--honey);min-height:clamp(320px,30vw,400px)}
.hl-s2{background:var(--petal);min-height:clamp(420px,38vw,520px)}
.hl-s3{background:var(--sage-f);min-height:clamp(520px,47vw,640px)}
.hl-step h3{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.04;color:var(--deep);margin-bottom:16px;max-width:12ch}
.hl-eg{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.5vw,1.32rem);line-height:1.4;color:#3c3a31;max-width:30ch}
.hl-me{margin-top:auto;padding-top:22px;font-size:16.5px;color:var(--deep);font-weight:500;max-width:36ch}
.hl-court-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(36px,6vw,96px);align-items:center}
.hl-court-ph{margin:0}
.hl-court-ph .pic{aspect-ratio:4/3}
.hl-court-st{font-family:var(--serif);font-size:var(--t-statement);line-height:1.3;color:var(--deep);margin:24px 0 16px}
@media (max-width:1000px){
  .hl-steps{grid-template-columns:1fr}
  .hl-step{min-height:0!important}
  .hl-s2{margin-left:6%}.hl-s3{margin-left:12%}
  .hl-stair{display:none}
  .hl-court-in{grid-template-columns:1fr}
}
.hl-step{position:relative}
.hl-edge{position:absolute;left:0;right:0;top:0;height:4px;background:var(--gold);transform-origin:left}
.hl-step + .hl-step .hl-edge:before{content:'';position:absolute;left:0;bottom:0;width:4px;height:clamp(100px,9vw,120px);background:var(--gold)}
.pic[data-par]{overflow:hidden}
.pic[data-par] img{height:114%;margin-top:-7%}

/* ================= Defamation: the page's one deep-green field ================= */
.dfo{background:var(--deep);color:var(--on-deep);padding-bottom:clamp(72px,8vw,120px);overflow:hidden}
.dfo .trail{color:var(--on-deep-2)}
.dfo .trail a{color:var(--gold)}
.dfo-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);padding-top:clamp(26px,3.6vw,52px);align-items:end}
.dfo-top .trail{grid-column:1/-1;margin-bottom:clamp(22px,3vw,40px)}
.dfo-h{grid-column:1/7;color:#fff;font-size:clamp(3.2rem,9vw,8.6rem)}
.dfo-side{grid-column:7/13;padding-bottom:.6rem}
.dfo-side .opx-lede{color:var(--on-deep)}
.inner .btn-gold{background:var(--gold);color:var(--deeper);border:0}
.inner .btn-gold:hover{background:#d9b97f;transform:translateY(-2px)}
.go--light{color:var(--gold)}
.dfo-fo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px;margin:clamp(64px,8vw,120px) 0 clamp(32px,4vw,56px);}
.dfo-q{font-size:clamp(2.4rem,5vw,4.6rem);color:#fff;font-style:italic}
.dfo-qp{max-width:40ch;color:var(--on-deep-2)}
.dfo .clips{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.dfo .clips li:nth-child(even){margin-top:clamp(0px,5vw,72px)}
.dfo .clip{min-height:clamp(260px,22vw,320px)}
.dfo .clip-q{font-size:clamp(1.4rem,2vw,1.85rem)}
.dfo .clip-turn{color:var(--accent);display:inline-flex;align-items:center;gap:6px}
.dfo .clip:hover .clip-front{transform:rotate(0deg) translateY(-6px)}
.dfo .deep-fine{color:var(--on-deep-2)}

.df-what-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);row-gap:clamp(28px,3vw,48px);align-items:center}
.df-what-ph{grid-column:1/6;margin:0}
.df-what-ph .pic{aspect-ratio:4/5}
.df-what-copy{grid-column:7/13}
.df-what-st{font-family:var(--serif);font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.08;color:var(--deep);margin-top:22px;letter-spacing:-.014em}
.df-words{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px}
.df-word{background:var(--honey);padding:clamp(24px,2.6vw,38px);transition:transform .5s var(--ease-o)}
.df-word:nth-child(2){background:var(--petal)}
.df-word--not{background:var(--sage-f)}
.df-word:hover{transform:translateY(-6px)}
.df-word b{display:block;font:italic 400 clamp(2.4rem,4.4vw,4rem)/1 var(--serif);color:var(--deep);margin-bottom:14px;letter-spacing:-.02em}
.df-what-p{grid-column:1/8;font-size:clamp(17.5px,1.3vw,19px)}
.df-who{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.df-who-c{border-top:3px solid var(--gold);padding-top:18px}
.df-who-c h3{font-size:clamp(1.5rem,2.2vw,2rem);color:var(--deep);margin-bottom:8px}

.df-do-h{max-width:18ch;margin-bottom:clamp(36px,4vw,64px)}
.df-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.df-step{background:var(--magnolia);display:flex;flex-direction:column;transition:transform .5s var(--ease-o)}
.df-step:hover{transform:translateY(-6px)}
.df-step .pic{aspect-ratio:4/3}
.df-step-t{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;flex:1}
.df-step h3{font-size:clamp(1.5rem,2vw,1.85rem);color:var(--deep);margin-bottom:10px}
.df-fee{margin-top:auto;padding-top:16px;font:italic 400 1.3rem var(--serif);color:var(--honey-ink)}
.df-step--court{background:var(--honey)}
.df-big{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(22px,2.4vw,32px);font:400 clamp(4rem,7vw,6.4rem)/.9 var(--serif);color:var(--deep);letter-spacing:-.03em}
.df-big span{font:italic 400 1.4rem var(--serif);letter-spacing:0;color:var(--honey-ink);margin-top:10px}

.mfold{position:relative;width:min(92%,500px);aspect-ratio:5/4.4}
.mfold-back{position:absolute;inset:0;background:#d8b97b;clip-path:polygon(0 8%,4% 0,40% 0,44% 8%,100% 8%,100% 100%,0 100%)}
.mfold-paper{position:absolute;background:#fffdf8;outline:1px solid #e3d6b8;transition:transform .7s var(--ease-o)}
.mfold-paper--1{left:8%;right:14%;top:2%;height:70%;transform:rotate(-4deg)}
.mfold-paper--2{left:16%;right:6%;top:6%;height:70%;transform:rotate(3deg)}
.mfold-front{position:absolute;left:0;right:0;bottom:0;height:76%;background:#e6cf9f;padding:clamp(24px,3vw,40px);transform-origin:bottom;transition:transform .7s var(--ease-o)}
.mfold:hover .mfold-front{transform:perspective(900px) rotateX(-10deg)}
.mfold:hover .mfold-paper--1{transform:rotate(-7deg) translateY(-12px)}
.mfold:hover .mfold-paper--2{transform:rotate(6deg) translateY(-16px)}
.mfold-h{font:italic 400 clamp(1.6rem,2.4vw,2.2rem) var(--serif);color:var(--deep);margin-bottom:14px}
.mfold .marks li{color:#2f2a1d;font-size:clamp(16px,1.25vw,18px)}
.mfold .marks li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139.4 34.44'%3E%3Cpath d='M0 34.4C19.7 34.4 31.2 21.3 42.6 14.8 49.2 11.5 54.1 13.1 59 17.2 64 20.5 68.1 19.7 73.8 13.1 82 3.3 90.2 0 98.4 3.3 109.9 8.2 119.7 24.6 139.4 34.4Z' fill='%231d3a32'/%3E%3C/svg%3E")}

@media (max-width:1000px){
  .dfo-h,.dfo-side{grid-column:1/-1}
  .dfo-side{margin-top:20px}
  .dfo .clips{grid-template-columns:1fr 1fr}
  .df-what-ph,.df-what-copy,.df-what-p{grid-column:1/-1}
  .df-what-ph{max-width:480px}
  .df-words,.df-steps{grid-template-columns:1fr}
  .mfold{aspect-ratio:auto;min-height:420px}
}
@media (max-width:760px){
  .dfo .clips{grid-template-columns:1fr}
  .dfo .clips li:nth-child(even){margin-top:0}
  .df-who{grid-template-columns:1fr}
  .mfold{min-height:460px}
}
.dfo-h{grid-column:1/-1}
.dfo-side{grid-column:7/13;margin-top:clamp(12px,1.6vw,24px)}
.dfo .deep-fine{margin-top:clamp(56px,6vw,96px)}
@media (max-width:1000px){.dfo-side{grid-column:1/-1}}

/* ================= Fees ================= */
.fe-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);padding-block:clamp(26px,3.6vw,52px) clamp(48px,5vw,80px);align-items:start}
.fe-top .trail{grid-column:1/-1;margin-bottom:clamp(22px,3.4vw,46px)}
.fe-top .opx-h{grid-column:1/8}
.fe-side{grid-column:8/13;padding-top:.9rem}
.fe-breath{padding-block:clamp(96px,11vw,170px)}
.fe-line{font-family:var(--serif);font-size:clamp(2.1rem,4.6vw,4.4rem);line-height:1.12;letter-spacing:-.018em;color:var(--deep);max-width:24ch}
.fe-line b{font-weight:400;white-space:nowrap;color:var(--honey-ink);background:linear-gradient(transparent 62%,rgba(255,253,248,.7) 62% 92%,transparent 92%)} /* taste-skill-ignore: a highlighter stroke under each price, drawn not filled */
.fe-c{transition:opacity .4s}
.fe-after{margin-top:clamp(32px,3.6vw,52px);font-size:clamp(17.5px,1.3vw,19px);max-width:56ch}
.fe-cost .h-big{max-width:16ch}
.fe-cost .ask{font-size:clamp(1.8rem,3.4vw,3rem);margin-top:clamp(28px,3vw,44px)}
.fe-cost .cost-a{background:var(--petal);padding:clamp(30px,4vw,64px);max-width:860px;position:relative}
.fe-cost .cost-a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)}
.fe-cost .cost-first,.fe-cost .cost-then{font-size:clamp(1.6rem,2.6vw,2.4rem)}
.fe-cost .cost-a b{color:var(--honey-ink);font-weight:400}
.fe-fin .invoice{transform:none;width:min(100%,520px);box-shadow:none;outline:1px solid #c8d6cb;transition:transform .7s var(--ease-o)}
.fe-fin .invoice:hover{transform:translateY(-6px)}
.fe-new{margin-top:22px;max-width:44ch}
.fe-new a,.fe-fin .fin-hours a{color:var(--accent);font-weight:600}
@media (max-width:1000px){
  .fe-top .opx-h,.fe-side{grid-column:1/-1}
  .fe-side{padding-top:18px}
}
.fe-line{max-width:27ch}

/* ================= Contact ================= */
.contact-op{padding-bottom:0}
.contact-op .ct{align-items:stretch}
.ct-info{padding-bottom:clamp(56px,7vw,110px)}
.ct-field{position:relative;padding:clamp(28px,3.6vw,56px) 0 clamp(56px,7vw,110px) clamp(28px,3.6vw,56px)}
.ct-field:before{content:'';position:absolute;inset:0 calc(-1 * var(--bleed)) 0 0;background:var(--sage-f);z-index:-1}
.ct-field{isolation:auto}
.contact-op .ct{position:relative;z-index:0}
.inner .ct-field form.ct-form{background:var(--magnolia)}
.ct-facts > div{background:var(--cream);padding:16px 18px;transition:background-color .3s}
.ct-facts > div:hover{background:var(--honey)}
.ct-next .h-big{margin-bottom:clamp(36px,4vw,64px)}
.ct-track{position:relative}
.ct-line{position:absolute;left:0;right:0;top:clamp(26px,3vw,36px);width:100%;height:20px;margin-top:-10px}
.ct-line .dr{fill:none;stroke:var(--deep);stroke-width:2;vector-effect:non-scaling-stroke}
.ct-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);position:relative}
.ct-n{display:grid;place-items:center;width:clamp(54px,6vw,72px);height:clamp(54px,6vw,72px);border-radius:50%;background:var(--deep);color:#fff;font:400 clamp(1.6rem,2.4vw,2.2rem) var(--serif);margin-bottom:22px;transition:transform .4s var(--ease-o),background-color .3s}
.ct-steps li:hover .ct-n{transform:scale(1.08);background:var(--accent)}
.ct-steps h3{font-size:clamp(1.6rem,2.2vw,2rem);color:var(--deep);margin-bottom:8px}
.ct-steps p{max-width:34ch}
.ct-end{position:relative;min-height:clamp(560px,80vh,780px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.ct-end-ph{position:absolute;inset:0;margin:0;z-index:-1}
.ct-end-ph img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.ct-end-ph .ridge-top{aspect-ratio:1440/170}
.ct-end-in{display:flex;justify-content:flex-end;padding-block:clamp(120px,14vw,200px) clamp(60px,6vw,96px)}
.ct-end-card{background:var(--honey);padding:clamp(30px,3.6vw,56px);max-width:520px}
.ct-end-card h2{font-size:clamp(2.4rem,4.4vw,4rem);color:var(--deep);line-height:1}
.ct-end-card > p{margin-top:16px}
.ct-end-card .fin-phone{font-size:clamp(2.2rem,4vw,3.6rem)}
.ct-end-mail{margin-top:10px}
.ct-end-mail a{color:var(--accent);font-weight:600}
@media (max-width:1000px){
  .ct-field{padding:28px 0 56px}
  .ct-field:before{inset:0 calc(-1 * var(--bleed))}
  .ct-info{padding-bottom:40px}
  .ct-steps{grid-template-columns:1fr}
  .ct-line{display:none}
  .ct-end-in{justify-content:center}
}

/* ================= Privacy, Terms ================= */
.legal-read{padding-bottom:clamp(72px,8vw,120px)}
.legal-read .short{background:var(--honey);padding:clamp(30px,3.6vw,56px);position:relative}
.legal-read .short:before{content:'';position:absolute;left:0;top:0;width:clamp(60px,8vw,120px);height:4px;background:var(--deep)}
.legal-read .short h2{font-size:clamp(2rem,3.4vw,3rem)}
.legal-read .short li{font-family:var(--serif);font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.35;color:var(--deep)}
.legal-read .short .marks li:before{top:.62em}
.doc-nav a{transition:color .2s,padding-left .3s var(--ease-o)}
.doc-nav a:hover,.doc-nav a.is-here{padding-left:6px}
.doc-nav{background:var(--cream);padding:24px 26px}
.eng{margin:0;width:min(84%,440px)}
.eng-paper{background:#fffdf8;outline:1px solid #e3d6b8;padding:11% 10% 12%;display:flex;flex-direction:column;gap:11px;transform:rotate(-2.5deg);transition:transform .7s var(--ease-o)}
.eng:hover .eng-paper{transform:rotate(0) translateY(-6px)}
.eng-paper img{width:52%;height:auto;margin:0 auto 4px}
.eng-t{font:400 clamp(1.3rem,2vw,1.7rem) var(--serif);font-variant:small-caps;letter-spacing:.05em;text-align:center;color:var(--deep);margin-bottom:8px}
.eng-paper i{display:block;height:5px;border-radius:2px;background:#e5dcc9}
.eng-paper i.s{width:60%}
.eng-sigs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.eng-sigs span{position:relative;border-top:1.5px solid var(--deep);padding-top:6px;font-size:12.5px;color:var(--muted)}
.eng-ink{position:absolute;left:6%;bottom:calc(100% + 2px);width:80%;height:22px;border-bottom:2px solid var(--accent);border-radius:0 0 70% 30%;transform:rotate(-5deg)}
.eng-ink--2{border-radius:0 0 30% 70%;transform:rotate(4deg)}
.eng figcaption{margin-top:16px;text-align:center;font-size:14px;color:#4b4839}

/* ================= 404 ================= */
.lost2{padding-block:clamp(40px,5vw,80px) clamp(72px,8vw,120px)}
.lost2-h{max-width:14ch}
.lost2 .opx-lede{margin:24px 0 clamp(40px,5vw,64px)}
.lost2-tiles{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.lost2-tiles .pa-tile a{min-height:clamp(220px,18vw,260px)}
@media (max-width:1100px){.lost2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.lost2-tiles{grid-template-columns:1fr}}
@media (max-width:760px){
  .bl-years{flex-wrap:wrap;row-gap:6px}
  .bl-years li{font-size:clamp(1.8rem,9vw,2.6rem);padding:0 10px}
  .opd-pair{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .opd-pair figure{position:static;width:auto}
  .opd-a figcaption{max-width:none}
  .opd-b .pic{outline:0}
}
@media (max-width:760px){.leg-pair .leg-ph .pic-cap{max-width:none}}
@media (max-width:1000px){.cv-one-ph .pic-cap{display:none}}
@media (max-width:1000px){
  .opk-art{grid-column:1/-1;width:min(100%,420px);height:340px;margin:56px auto 0}
  .opk-note--1{right:0;top:-8%}
  .opk-note--2{left:0;bottom:-8%}
}
@media (max-width:760px){
  .dfo .clip,.dfo .clip-front,.dfo .clip-back{min-height:0}
  .dfo .clip-front{min-height:170px}
  .opx-acts,.op-acts,.fin-acts{row-gap:18px}
  .opx-acts .go,.op-acts .go{margin-top:4px}
}
@media (max-width:1000px){
  .fin-art:has(.fin-obj){height:auto}
  .fin-obj{padding:48px var(--bleed) 8px}
  .hl-step + .hl-step .hl-edge:before{display:none}
}
.fin-photo img{transition:transform 1.6s var(--ease-o)}.fin-photo:hover img{transform:scale(1.04)}