/* Muze in the style of the new Wendell Historical Society website.
   Only the look changes: every text, picture and link stays as Muze has it.
   Loaded after main.css and theme.css (themes/whs/conf/assets.conf). */
:root{
  --paper:#efe6d1; --paper-2:#e5d9bf; --paper-3:#f7f1e3; --card:#fbf8ef;
  --ink:#2a2219; --ink-2:#4b4134; --muted:#7a6c58; --rule:#b8a888; --rule-2:#d4c6a8;
  --barn:#8b2e1f; --barn-2:#a5402c; --navy:#273d55; --brass:#a8833a; --brass-2:#d9bd76;
  --fell:"IM Fell English",Georgia,"Times New Roman",serif;
  --fellsc:"IM Fell English SC","IM Fell English",Georgia,serif;
  --body:"Times New Roman",Tinos,Times,serif;
  --type:"Courier Prime","Courier New",Courier,monospace;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .32  0 0 0 0 .25  0 0 0 0 .16  0 0 0 .10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* page */
body.whs{background-color:var(--paper);background-image:var(--grain),radial-gradient(1200px 800px at 15% 0%,rgba(255,250,235,.55),transparent 60%),radial-gradient(900px 700px at 100% 40%,rgba(160,130,80,.10),transparent 70%);
  color:var(--ink);font:400 18px/1.6 var(--body);font-feature-settings:"onum" 1,"liga" 1}
body.whs .container{max-width:1240px;width:auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}
body.whs a{color:var(--barn)}
body.whs a:hover,body.whs a:focus{color:var(--barn-2)}
body.whs :focus-visible{outline:2px solid var(--barn);outline-offset:3px}
body.whs h1,body.whs h2,body.whs h3{font-family:var(--fell);font-weight:400;color:var(--ink);letter-spacing:0;text-transform:none}
body.whs h1{font-size:clamp(32px,3.6vw,46px);line-height:1.08;margin:0 0 18px}
body.whs h2{font-size:clamp(26px,2.6vw,32px);line-height:1.15}
body.whs p,body.whs li{font-family:var(--body)}
body.whs p{font-size:18px;line-height:1.6}
body.whs hr{border-top:1px solid var(--rule);margin:18px 0}
body.whs small,body.whs .small{font-family:var(--type);font-size:12.5px;color:var(--muted)}

/* masthead: the society's name, set like the homepage */
.whs-mast{text-align:center;padding:22px 0 0}
.whs-mast .whs-kicker{margin:0 0 14px;font:400 12px/1 var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.whs-mast a.whs-title{display:inline-block;text-decoration:none;color:var(--ink);font:400 clamp(32px,5.4vw,78px)/.95 var(--fell);letter-spacing:-.005em}
.whs-mast .whs-the{display:block;font:italic 400 clamp(14px,1.6vw,20px)/1 var(--fell);letter-spacing:.06em;margin-bottom:.2em;color:var(--ink-2)}
.whs-mast .whs-dbl{height:7px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);margin:14px 0 0}

/* menu bar */
body.whs .navbar-default{background:rgba(239,230,209,.94);background-image:var(--grain);border:0;border-bottom:1px solid var(--rule);border-radius:0;margin-bottom:28px;min-height:58px}
body.whs .navbar-default .container.menuBar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
body.whs .navbar-brand.logo{display:none}
body.whs .navbar-default .navbar-nav>li>a{font:400 13.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:22px 12px 20px;border-bottom:2px solid transparent;background:none}
body.whs .navbar-default .navbar-nav>li>a:hover,body.whs .navbar-default .navbar-nav>li>a:focus{color:var(--ink);background:none;border-bottom-color:var(--ink)}
body.whs .navbar-default .navbar-nav>.active>a,body.whs .navbar-default .navbar-nav>.active>a:hover,body.whs .navbar-default .navbar-nav>.open>a,body.whs .navbar-default .navbar-nav>.open>a:hover{color:var(--barn);background:none;border-bottom-color:var(--barn)}
body.whs .navbar-nav.navbar-right{float:none!important;margin-right:0}
body.whs .navbar-collapse{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;width:100%}
body.whs .navbar-collapse.collapse:not(.in){height:auto!important}
body.whs #user-navbar-toggle{display:none!important}
body.whs .dropdown-menu{background:var(--card);border:1px solid var(--rule);border-radius:0;box-shadow:0 14px 24px -14px rgba(42,34,25,.5);font:400 16px/1.4 var(--body);padding:6px 0}
body.whs .dropdown-menu>li>a{color:var(--ink);padding:8px 18px}
body.whs .dropdown-menu>li>a:hover{background:var(--paper-2);color:var(--ink)}
body.whs .dropdown-header{font:400 11.5px/1.4 var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body.whs .navbar-form{margin:0;padding:8px 0;border:0;box-shadow:none;order:9}
body.whs .navbar-form .formOutline{display:flex;align-items:stretch;border:1.5px solid var(--ink);background:var(--paper-3);border-radius:0}
body.whs .navbar-form .form-control{border:0;border-radius:0;background:transparent;box-shadow:none;height:38px;width:190px;font:400 16px/1 var(--body);color:var(--ink)}
body.whs .navbar-form .form-control::placeholder{color:var(--muted)}
body.whs .navbar-form .btn-search{border:0;background:var(--barn);color:#fbf3e4;width:40px;border-radius:0}
body.whs .navbar-form .btn-search:disabled{background:var(--ink-2);opacity:.7}
body.whs #user-navbar>li>a.icon{padding:20px 8px;color:var(--ink)}
/* the login (person) icon sits to the right of the search box; its menu opens toward the left */
body.whs #bs-main-navbar-collapse-1 #user-navbar{order:10;margin-left:2px}
body.whs #user-navbar .dropdown-menu{left:auto;right:0}

/* buttons */
body.whs .btn,body.whs .btn-default{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;font:400 13.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);box-shadow:none;text-shadow:none}
body.whs .btn:hover,body.whs .btn-default:hover{background:var(--ink);color:var(--paper)}
body.whs .btn-sm{min-height:34px;padding:0 12px;font-size:12px}

/* front page: like the website's home page. The ten pictures of the old slideshow hang together as a museum wall,
   each in its own shape (very tall clippings show their top), with a typed label; a click opens the object over the page. */
body.whs #pageArea.front{padding-top:4px}
body.whs #pageArea.front .whs-fp-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start;margin:22px 0 clamp(44px,5vw,72px)}
body.whs #pageArea.front .whs-fp-intro h1{font:400 clamp(36px,4vw,56px)/1.06 var(--fell);color:var(--ink);margin:0;letter-spacing:-.005em}
body.whs #pageArea.front .whs-fp-intro h1 .whs-muze{color:var(--barn)}
body.whs #pageArea.front .whs-fp-introtext p{font:400 19px/1.66 var(--body);color:var(--ink);margin:0 0 16px;max-width:36em}
body.whs #pageArea.front .whs-fp-introtext .whs-lede::first-letter{float:left;font:400 68px/.8 var(--fell);color:var(--barn);margin:8px 10px 0 0}
body.whs #pageArea.front .whs-fp-wall{border-top:3px solid var(--ink);padding-top:6px;position:relative}
body.whs #pageArea.front .whs-fp-wall::before{content:"";display:block;border-top:1px solid var(--ink);margin-bottom:clamp(30px,3.5vw,48px)}
body.whs #pageArea.front .whs-front-wall{--rowh:230px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(30px,3vw,46px) clamp(18px,2.2vw,34px)}
body.whs #pageArea.front .whs-front-wall::after{content:"";flex:999999 1 0;min-width:1px}
body.whs #pageArea.front .whs-front-wall.is-balanced::after{display:none}
body.whs #pageArea.front .whs-fw-item{flex:calc(var(--ar) * 100) 1 calc(var(--ar) * var(--rowh));margin:0;min-width:0}
body.whs #pageArea.front .whs-fw-frame{display:block;background:var(--card);padding:clamp(6px,.7vw,10px);box-shadow:0 18px 30px -22px rgba(42,34,25,.7),0 1px 3px rgba(42,34,25,.18);transition:transform .25s ease,box-shadow .25s ease}
body.whs #pageArea.front .whs-fw-frame img{display:block;width:100%!important;height:auto!important;aspect-ratio:var(--ar);object-fit:cover;object-position:50% 0;background:var(--paper-2)}
body.whs #pageArea.front .whs-fw-item.is-tall .whs-fw-frame{position:relative}
body.whs #pageArea.front .whs-fw-item.is-tall .whs-fw-frame::after{content:"";position:absolute;left:clamp(6px,.7vw,10px);right:clamp(6px,.7vw,10px);bottom:clamp(6px,.7vw,10px);height:22%;background:linear-gradient(rgba(251,248,239,0),var(--card))}
body.whs #pageArea.front .whs-fw-item figcaption{margin:14px 2px 0;font:400 13.5px/1.45 var(--type);color:var(--ink-2)}
body.whs #pageArea.front .whs-fw-item figcaption a{color:inherit;text-decoration:none}
body.whs #pageArea.front .whs-fw-item:hover .whs-fw-frame,body.whs #pageArea.front .whs-fw-frame:focus-visible{transform:translateY(-4px);box-shadow:0 26px 36px -22px rgba(42,34,25,.8),0 1px 3px rgba(42,34,25,.18)}
body.whs #pageArea.front .whs-fw-item:hover figcaption a{color:var(--barn)}
body.whs #pageArea.front .whs-fp-refresh{margin:clamp(28px,3vw,40px) 0 0;text-align:right;font-size:16px;color:var(--muted)}
body.whs #pageArea.front .whs-fp-close{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:start;margin:clamp(48px,6vw,84px) 0 28px;padding:clamp(32px,4vw,52px) clamp(24px,4vw,56px);background:var(--paper-3);background-image:var(--grain);box-shadow:0 1px 0 var(--rule-2)}
body.whs #pageArea.front .whs-fp-close h2{font:400 clamp(30px,3vw,42px)/1.1 var(--fell);margin:0;color:var(--ink)}
body.whs #pageArea.front .whs-fp-support p{font:400 18px/1.65 var(--body);margin:0 0 12px;max-width:36em}
body.whs #pageArea.front a.whs-fp-donate{display:inline-block;margin-top:6px;padding:14px 28px;background:var(--barn);color:#fbf3e4!important;font:400 14px/1 var(--body);letter-spacing:.14em;text-decoration:none}
body.whs #pageArea.front a.whs-fp-donate:hover{background:var(--barn-2)}
@media (max-width:991px){body.whs #pageArea.front .whs-front-wall{--rowh:190px}}
@media (max-width:767px){
  body.whs #pageArea.front .whs-fp-intro,body.whs #pageArea.front .whs-fp-close{grid-template-columns:minmax(0,1fr)}
  body.whs #pageArea.front .whs-fp-intro h1{font-size:36px}
  body.whs #pageArea.front .whs-front-wall{--rowh:150px;gap:26px 14px}
  body.whs #pageArea.front .whs-fw-item figcaption{font-size:12px;margin-top:10px}
  body.whs #pageArea.front .whs-fp-refresh{text-align:left}
}
@media (prefers-reduced-motion:reduce){body.whs #pageArea.front .whs-fw-frame{transition:none}body.whs #pageArea.front .whs-fw-item:hover .whs-fw-frame{transform:none}}

/* browse results */
body.whs #pageArea.browse h1{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.whs .bGear{color:var(--ink-2);font-size:20px}
body.whs #bViewButtons a{color:var(--ink-2);font-size:18px;margin-left:10px}
body.whs #bViewButtons a.active{color:var(--barn)}
body.whs #browseResultsContainer,body.whs #browseResultsContainer .jscroll-inner,body.whs #browseResultsContainer .jscroll-added{display:flex;flex-wrap:wrap;align-items:stretch}
body.whs #browseResultsContainer .jscroll-inner,body.whs #browseResultsContainer .jscroll-added{flex:0 0 100%;width:100%;max-width:100%}
body.whs #browseResultsContainer .bResultItemCol{float:none;display:flex;height:auto!important;min-height:0;margin-bottom:26px}
body.whs #browseResultsContainer .bResultItemCol>.bResultItem{flex:1 1 auto;height:auto!important}
body.whs .bResultItem,body.whs .bResultItemContent,body.whs .bResultItemText{height:auto!important;max-height:none!important;overflow:visible!important}
body.whs .bResultItem{box-sizing:border-box;background:var(--card);border:1px solid var(--rule-2);border-radius:0;box-shadow:0 10px 22px -16px rgba(42,34,25,.55);padding:10px 10px 14px;margin-bottom:0}
body.whs .bResultItemImg{background:#fff;padding:8px;border:1px solid var(--rule-2)}
body.whs .bResultItemImg img{max-width:100%;height:auto}
body.whs .bResultItemText{font:400 16px/1.35 var(--body);padding-top:10px;text-align:left}
body.whs .bResultItemText small a{font:400 12px/1.4 var(--type);color:var(--muted);text-decoration:none}
body.whs .bResultItemText>a{color:var(--ink);text-decoration:none}
body.whs .bResultItemText>a:hover{color:var(--barn);text-decoration:underline}
body.whs .bResultItemExpandedInfo hr{margin:8px 0}

/* collections */
body.whs #pageArea.collections .collectionTile{background:transparent;border:0;border-top:1px solid var(--ink);border-radius:0;padding:16px 0 22px;margin-bottom:6px;box-shadow:none}
body.whs #pageArea.collections .collectionTile .title{margin-bottom:4px}
body.whs #pageArea.collections .collectionTile .title a{font:400 23px/1.2 var(--fellsc);letter-spacing:.03em;color:var(--ink);text-decoration:none}
body.whs #pageArea.collections .collectionTile .title a:hover{color:var(--barn)}
body.whs #pageArea.collections .collectionTile>div:last-child{font-style:italic;color:var(--ink-2)}

/* object and collection pages */
body.whs #pageArea.detail h4{font:400 clamp(28px,3vw,40px)/1.12 var(--fell);color:var(--ink);margin:0 0 10px}
body.whs #pageArea.detail h4 br{display:none}
body.whs #pageArea.detail h4 a{display:block;font:400 12.5px/1.6 var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;margin-bottom:2px}
body.whs #pageArea.detail h4 a:hover{color:var(--barn);text-decoration:underline}
body.whs #pageArea.detail h6{font:400 12px/1.6 var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px}
body.whs #pageArea.detail .unit{font-size:19px;line-height:1.6}
body.whs #pageArea.detail .repViewerCont img,body.whs #pageArea.detail #caMediaOverlayTileViewer_22_detail{background:#fff;padding:10px;box-shadow:0 14px 30px -18px rgba(42,34,25,.65)}
body.whs #pageArea.detail [id^="caMediaOverlayTileViewer"]{background:#fff;padding:10px;box-shadow:0 14px 30px -18px rgba(42,34,25,.65)}
body.whs .detailMediaToolbar a{color:var(--ink-2)}
body.whs .detailTool a{color:var(--ink-2);font:400 14px/1.4 var(--type)}
body.whs .detailNavBgLeft a,body.whs .detailNavBgRight a{color:var(--ink-2)}
body.whs .colBorderLeft{border-left-color:var(--rule)}
body.whs .unit .trimText{display:block;height:auto!important;max-height:none!important;overflow:visible!important}
body.whs .unit .readmore-js-toggle{display:none!important}

/* advanced search */
body.whs .advancedSearchField .formLabel{display:block;font:400 12px/1.6 var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
body.whs .advancedSearchField input,body.whs .advancedSearchField select,body.whs .advancedSearchField textarea{background:var(--paper-3);border:1.5px solid var(--ink);border-radius:0;box-shadow:none;font:400 17px/1.4 var(--body);color:var(--ink);padding:8px 10px;min-height:44px}
body.whs .advancedFormSubmit .btn{margin-left:8px}
body.whs .advancedFormSubmit .caAdvancedSearchFormSubmit .btn,body.whs a.caAdvancedSearchFormSubmit{background:var(--barn);border-color:var(--barn);color:#fbf3e4}
body.whs a.caAdvancedSearchFormSubmit:hover{background:var(--barn-2)}

/* footer: same words, in the homepage's dark footer (markup in themes/whs/views/pageFormat/pageFooter.php) */
body.whs #footer{position:static;height:auto;background:var(--ink);background-image:var(--grain);color:#e7dcc4;border:0;margin-top:56px;padding:48px 0 42px;text-align:center}
body.whs #footer .container{max-width:860px}
body.whs #footer p{font-size:17px;line-height:1.6;color:#e7dcc4;margin:0 0 14px}
body.whs #footer a.whs-donate{display:inline-block;margin:6px 0 4px;padding:13px 24px;background:var(--barn);color:#fbf3e4;font:400 14px/1 var(--body);letter-spacing:.14em;text-decoration:none}
body.whs #footer a.whs-donate:hover{background:var(--barn-2)}
body.whs #footer .social{list-style:none;margin:18px 0 0;padding:0;display:flex;justify-content:center}
body.whs #footer .social img{filter:grayscale(1) brightness(1.6)}


/* Nov 1, 19:51 (Yagiz): no Prev / Back / Next buttons; the page content uses the full width */
body.whs .navLeftRight,body.whs .navTop{display:none!important}
body.whs #pageArea.detail>.row>[class*="col-sm-10"]{width:100%;float:none;margin-left:0}
body.whs #pageArea.browse>.row{position:relative}
body.whs #pageArea.browse>.row>.col-sm-8{width:100%;float:none}
body.whs #pageArea.browse>.row>.col-sm-4{position:absolute;top:8px;right:0;width:auto;margin:0;float:none}
@media (min-width:1200px){body.whs #browseResultsContainer .bResultItemCol{width:16.6667%}}

/* phones */
@media (max-width:767px){
  body.whs .navbar-default .container.menuBar{display:block}
  body.whs .navbar-header{display:flex;justify-content:center;gap:10px;float:none;padding:10px 0}
  body.whs .navbar-toggle{float:none;margin:0;border:1.5px solid var(--ink);border-radius:0;background:transparent}
  body.whs .navbar-default .navbar-toggle .icon-bar{background:var(--ink)}
  body.whs .navbar-collapse{display:none!important}
  body.whs .navbar-collapse.in{display:block!important}
  body.whs .navbar-default .navbar-nav>li>a{padding:12px 4px;text-align:center}
  body.whs .navbar-form .form-control{width:100%}
  body.whs #browseResultsContainer .bResultItemCol{width:50%;padding-left:7px;padding-right:7px}
  body.whs #browseResultsContainer{padding-left:8px;padding-right:8px}
  body.whs .bResultItemText{font-size:15px}
}
body.whs{margin-bottom:0!important;padding-bottom:0!important}
html{position:static}

/* Nov 1 (Yagiz): results as a picture wall like a VSCO page: every picture at full column width in its own shape,
   no boxes, the title shows when the mouse is over it (whs-masonry.js). Wider than the text column. */
body.whs{overflow-x:hidden}
body.whs .whs-masonry{--wallw:min(1640px,calc(100vw - 64px));display:flex;align-items:flex-start;gap:32px;width:var(--wallw);margin-left:calc(50% - var(--wallw) / 2);flex:0 0 auto;padding-top:6px}
body.whs .whs-masonry .whs-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:32px}
body.whs .whs-masonry .bResultItemCol{width:auto!important;float:none!important;padding:0!important;margin:0!important;display:block!important;min-height:0}
body.whs .whs-masonry .bResultItem{position:relative;background:none;border:0;box-shadow:none;padding:0;margin:0;height:auto!important;overflow:hidden!important}
body.whs .whs-masonry .bResultItemContent{height:auto!important;overflow:visible!important}
body.whs .whs-masonry .bResultItemImg{background:none;border:0;padding:0;text-align:left;height:auto!important;max-height:none!important;overflow:visible!important}
body.whs .whs-masonry .bResultItemImg a{display:block}
body.whs .whs-masonry .bResultItemImg img{display:block;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:fill;background:var(--paper-2)}
body.whs .whs-masonry .bResultItemText{position:absolute!important;left:0;right:0;bottom:0;padding:44px 16px 14px!important;background:linear-gradient(rgba(20,16,12,0),rgba(20,16,12,.78));color:#f4efe4;opacity:0;transition:opacity .2s ease;pointer-events:none;font-size:15.5px;line-height:1.35}
body.whs .whs-masonry .bResultItemText a{color:#f4efe4!important;pointer-events:auto}
body.whs .whs-masonry .bResultItemText small a{color:#d9cdb2!important}
body.whs .whs-masonry .bResultItem:hover .bResultItemText,body.whs .whs-masonry .bResultItem:focus-within .bResultItemText{opacity:1}
@media (hover:none){body.whs .whs-masonry .bResultItemText{display:none}}
body.whs .whs-masonry .bResultItemExpandedInfo,body.whs .whs-masonry .bSetsSelectMultiple{display:none!important}
@media (max-width:1199px){body.whs .whs-masonry{gap:22px}body.whs .whs-masonry .whs-col{gap:22px}}
@media (max-width:559px){body.whs .whs-masonry{--wallw:calc(100vw - 24px);gap:12px}body.whs .whs-masonry .whs-col{gap:12px}}

/* an object opened from the wall: its own page in a full screen sheet (whs-viewer.js) */
html.whs-ov-open,html.whs-ov-open body{overflow:hidden}
.whs-ov{position:fixed;inset:0;z-index:2000;background-color:var(--paper);background-image:var(--grain);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
.whs-ov.on{opacity:1;visibility:visible;transition:opacity .22s ease}
.whs-ov-top{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;padding:16px clamp(16px,3vw,32px);pointer-events:none}
.whs-ov-close{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font:400 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.whs-ov-close span{font-size:20px;letter-spacing:0}
.whs-ov-close:hover{background:var(--ink);color:var(--paper)}
.whs-ov-nav{position:fixed;top:50%;z-index:3;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);background:rgba(239,230,209,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.whs-ov-nav:hover{background:var(--ink);color:var(--paper)}
.whs-ov-nav[hidden]{display:none}
.whs-ov-prev{left:clamp(10px,2vw,28px)}
.whs-ov-next{right:clamp(10px,2vw,28px)}
.whs-ov-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:clamp(28px,4vw,64px);align-items:start;max-width:1500px;margin:0 auto;padding:0 clamp(76px,7vw,110px) 72px;min-height:calc(100vh - 80px)}
.whs-ov-fig{margin:0;position:sticky;top:76px;display:flex;justify-content:center;align-items:flex-start}
.whs-ov-fig img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 120px);background:#fff;padding:12px;box-shadow:0 22px 44px -26px rgba(42,34,25,.75);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.whs-ov-fig.ready img{opacity:1;transform:none}
.whs-ov.loading .whs-ov-body{opacity:.35;transition:opacity .15s ease}
.whs-ov-side{padding-top:6px}
.whs-ov-info h4{font:400 clamp(30px,3vw,44px)/1.1 var(--fell);color:var(--ink);margin:0 0 12px}
.whs-ov-info h4 br{display:none}
.whs-ov-info h4 a{display:block;font:400 12.5px/1.6 var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.whs-ov-info h4 a:hover{color:var(--barn);text-decoration:underline}
.whs-ov-info h6{font:400 12px/1.6 var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 4px}
.whs-ov-info .unit,.whs-ov-info p{font:400 19px/1.6 var(--body);color:var(--ink)}
.whs-ov-info .unit *{font-family:var(--body)!important;font-weight:400!important;font-size:19px;line-height:1.6;color:var(--ink)}
.whs-ov-info .trimText{display:block;height:auto!important;max-height:none!important;overflow:visible!important}
.whs-ov-info hr{border:0;border-top:1px solid var(--rule);margin:18px 0}
.whs-ov-info a{color:var(--barn)}
.whs-ov-more{margin:22px 0 0;font:400 15px/1.4 var(--type)}
.whs-ov-more a{color:var(--barn)}
@media (max-width:899px){
  .whs-ov-body{grid-template-columns:1fr;padding:0 18px 80px}
  .whs-ov-fig{position:static}
  .whs-ov-fig img{max-height:70vh;padding:8px}
  .whs-ov-nav{top:auto;bottom:16px;transform:none;width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){.whs-ov,.whs-ov-fig img{transition:none}}

/* an object page opened directly: a bigger picture beside its text */
@media (min-width:992px){
  body.whs #pageArea.detail .container>.row>div:first-child{width:58%;margin-left:0}
  body.whs #pageArea.detail .container>.row>div:nth-child(2){width:42%}
  body.whs #pageArea.detail .repViewerCont img{width:auto;max-width:100%;height:auto;max-height:78vh}
}